:root{--paper:#f4efe6;--surf:#fffdf8;--ink:#1f1e1b;--ink2:#5e5a52;--mute:#6f6a60;--line:#ddd5c6;--yel:#ffc21a;--yel-soft:#fff1c7;--urg:#c2410c;--urg-soft:#fbe3d6;--ok:#0f6b5c;--ok-soft:#dcefe9;--haz:repeating-linear-gradient(-45deg, #ffc21a 0 10px, #1f1e1b 10px 20px);--fd:"Barlow Condensed", "Arial Narrow", sans-serif;--fb:Barlow, "Helvetica Neue", Arial, sans-serif;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--fb);color:var(--ink);background:var(--paper);-webkit-tap-highlight-color:transparent}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}.app{background:var(--paper);flex-direction:column;max-width:520px;min-height:100%;margin:0 auto;display:flex}.page{flex-direction:column;flex:1;gap:18px;padding:24px 20px 120px;display:flex}.page.no-tab{padding-bottom:120px}.h1{font-family:var(--fd);text-transform:uppercase;letter-spacing:.01em;margin:0;font-size:34px;font-weight:700;line-height:1}.h2{font-family:var(--fd);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:20px;font-weight:700}.eyebrow{font-family:var(--fd);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:14px;font-weight:600}.muted{color:var(--ink2);font-size:14px}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.grow{flex:1}.center{text-align:center}.card{background:var(--surf);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.card.urgent{padding-top:22px}.card.urgent:before{content:"";background:var(--haz);height:8px;position:absolute;top:0;left:0;right:0}.card.off{opacity:.55}a.card{text-decoration:none}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.chip.urg{background:var(--urg);color:#fff}.chip.trade{background:var(--yel-soft)}.chip.ok{background:var(--ok);color:#fff}.chip.oksoft{background:var(--ok-soft);color:var(--ok)}.chip.grey{background:var(--line);color:var(--ink2)}.chip.yel{background:var(--yel)}.btn{min-height:56px;font-family:var(--fd);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--ink);color:var(--surf)}.btn.urgent{background:var(--urg);color:#fff}.btn.yellow{background:var(--yel);color:var(--ink)}.btn.ok{background:var(--ok);color:#fff}.btn.ghost{border:2px solid var(--ink);background:0 0}.btn.soft{background:var(--surf);border:1px solid var(--line)}.btn.block{width:100%}.btn.sm{min-height:44px;padding:0 14px;font-size:16px}.iconbtn{background:var(--surf);border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;display:inline-flex}.link{cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.field{flex-direction:column;gap:6px;display:flex}.field label,.label{font-family:var(--fd);letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:600}.input,.textarea,.select{border:1px solid var(--line);background:var(--surf);border-radius:12px;outline:none;width:100%;padding:13px 14px;font-size:16px}.input:focus,.textarea:focus,.select:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--yel-soft)}.textarea{resize:none;line-height:1.35}.suggest{background:var(--surf);border:1px solid var(--line);border-radius:12px;overflow:hidden}.suggest button{text-align:left;border:none;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;width:100%;padding:12px 14px;display:block}.suggest button:last-child{border-bottom:none}.suggest button:hover{background:var(--yel-soft)}.seg{background:var(--surf);border:1px solid var(--line);border-radius:14px;gap:4px;padding:4px;display:flex}.seg button{min-height:44px;font-family:var(--fd);letter-spacing:.01em;white-space:nowrap;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:auto;justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 4px;font-size:15px;font-weight:700;display:inline-flex}.seg button[aria-pressed=true]{background:var(--ink);color:var(--surf)}.seg button.urg[aria-pressed=true]{background:var(--urg);color:#fff}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tile{background:var(--surf);border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:84px;padding:6px;font-size:14px;font-weight:600;display:flex;position:relative}.tile[aria-pressed=true]{background:var(--yel);border:2px solid var(--ink)}.urgence{background:var(--urg);color:#fff;text-align:left;cursor:pointer;border:none;border-radius:18px;flex-direction:column;gap:10px;width:100%;padding:0 20px 20px;text-decoration:none;display:flex;overflow:hidden}.urgence .haz{background:var(--haz);height:12px;margin:0 -20px}.urgence .big{text-transform:uppercase;font-family:var(--fd);letter-spacing:.03em;font-size:40px;font-weight:700;line-height:1}.note{background:var(--yel-soft);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.4;display:flex}.error{background:var(--urg-soft);color:#8a2e08;border-radius:12px;padding:10px 14px;font-size:14px}.bottombar{padding:12px 20px calc(16px + var(--safe-b));background:var(--paper);border-top:1px solid var(--line);gap:10px;max-width:520px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar{background:var(--surf);border-top:1px solid var(--line);max-width:520px;padding:8px 4px calc(10px + var(--safe-b));grid-auto-columns:1fr;grid-auto-flow:column;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--mute);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.tabbar .pill{border-radius:999px;justify-content:center;align-items:center;width:48px;height:30px;display:flex}.tabbar button[aria-current=page]{color:var(--ink)}.tabbar button[aria-current=page] .pill{background:var(--yel)}.topbar{align-items:center;gap:12px;display:flex}.topbar .title{font-family:var(--fd);text-transform:uppercase;letter-spacing:.03em;flex:1;font-size:22px;font-weight:700}.steps{flex-direction:column;gap:12px;display:flex}.step{align-items:flex-start;gap:12px;display:flex}.dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.dot.done{background:var(--ink)}.dot.live{background:var(--yel);border:2px solid var(--ink)}.dot.wait{background:var(--line)}.live-dot{background:var(--ok);border-radius:50%;width:10px;height:10px;animation:1.6s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.answers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.answer{cursor:pointer;border:2px solid var(--ink);background:var(--surf);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:76px;display:flex}.answer.first{background:var(--ok);color:#fff;border-color:var(--ok)}.answer[aria-pressed=true]{outline:3px solid var(--yel);outline-offset:2px}.answer .v{font-family:var(--fd);font-size:26px;font-weight:700;line-height:1}.answer .s{font-size:12px;font-weight:600}.hero-ok{background:var(--ok);color:#fff;flex-direction:column;gap:10px;margin:-24px -20px 0;padding:32px 20px 24px;display:flex}.hero-ok .big{font-family:var(--fd);text-transform:uppercase;font-size:40px;font-weight:700;line-height:1}.logo{font-family:var(--fd);text-transform:uppercase;align-items:center;gap:10px;font-size:30px;font-weight:700;display:flex}.logo .mark{background:var(--yel);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sr{position:absolute;left:-9999px}.empty{text-align:center;color:var(--ink2);padding:24px 8px;font-size:15px}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.checks{flex-wrap:wrap;gap:8px;display:flex}.checks button{border:1px solid var(--line);background:var(--surf);cursor:pointer;border-radius:999px;min-height:40px;padding:0 14px;font-size:14px;font-weight:600}.checks button[aria-pressed=true]{background:var(--ink);color:var(--surf);border-color:var(--ink)}input[type=range]{width:100%;accent-color:var(--ink)}