:root{--bg: #161310;--surface: #201b16;--surface-glass: rgba(30, 25, 19, .72);--line: rgba(245, 239, 230, .09);--text: #f5efe6;--muted: #b0a390;--amber: #e9a13b;--amber-soft: rgba(233, 161, 59, .14);--amber-ink: #251504;--good: #97cd85;--danger: #e07856;--font-display: "Unbounded", "Inter", system-ui, sans-serif;--font-text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--shadow-pop: 0 18px 50px rgba(0, 0, 0, .55);--radius: 16px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:var(--font-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;touch-action:manipulation;-webkit-tap-highlight-color:transparent}img,video{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer}.app{height:100dvh;display:flex;flex-direction:column;background:radial-gradient(130% 90% at 50% -10%,#221c14 0%,var(--bg) 58%)}.topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;min-height:calc(56px + env(safe-area-inset-top));background:linear-gradient(#161310eb,#16131099);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:30}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-spark{color:var(--amber);flex:0 0 auto;filter:drop-shadow(0 0 8px rgba(233,161,59,.55))}.brand-name{font-family:var(--font-display);font-size:clamp(13px,2.6vw,18px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;overflow:hidden;transition:text-shadow 1.2s ease}.brand-name.lit{text-shadow:0 0 26px rgba(233,161,59,.38)}.brand-sub{display:block;font-family:var(--font-text);font-size:10px;font-weight:600;letter-spacing:.34em;color:var(--muted);text-transform:uppercase;margin-top:2px}.top-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.pill{display:flex;align-items:center;gap:7px;height:38px;padding:0 13px;border-radius:999px;background:#f5efe60d;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.pill svg{flex:0 0 auto}button.pill{transition:background .2s ease}button.pill:active{background:#f5efe61f}.pill--accent{background:var(--amber-soft);border-color:#e9a13b59;color:#f2c88a}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 #97cd8580;animation:pulse 2.4s infinite}.status-dot.off{background:var(--muted);animation:none;box-shadow:none}@keyframes pulse{0%{box-shadow:0 0 #97cd8573}70%{box-shadow:0 0 0 7px #97cd8500}to{box-shadow:0 0 #97cd8500}}.print-btn{position:relative}.badge{position:absolute;top:-5px;right:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--amber);color:var(--amber-ink);font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006}@media(max-width:760px){.pill-label{display:none}.pill{padding:0 11px}}.filter-bar{position:absolute;top:calc(64px + env(safe-area-inset-top));left:50%;z-index:25;display:flex;align-items:center;gap:12px;padding:9px 10px 9px 16px;border-radius:999px;background:var(--surface-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(233,161,59,.4);box-shadow:var(--shadow-pop);font-size:13.5px;font-weight:600;white-space:nowrap}.filter-bar b{color:var(--amber);font-weight:700}.filter-reset{padding:7px 13px;border-radius:999px;background:var(--amber);color:var(--amber-ink);font-size:12.5px;font-weight:700}.stage{flex:1;position:relative;overflow:hidden;touch-action:none}.track{position:absolute;inset:0;will-change:transform}.slide{position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px 24px 26px}.slide-photo{position:relative;max-width:100%;max-height:100%;display:flex}.slide-photo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 22px 70px #0000008c;opacity:0;transition:opacity .35s ease;background:#0e0c0a}.slide-photo img.loaded{opacity:1}.filmstrip-bar{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));z-index:20}.counter{flex:0 0 auto;font-family:var(--font-display);font-size:11.5px;font-weight:500;letter-spacing:.08em;color:var(--muted);padding:0 10px;text-align:center;min-width:74px}.counter b{color:var(--text);font-weight:700}.filmstrip{flex:1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x;padding:4px 8px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.filmstrip::-webkit-scrollbar{display:none}.thumb{flex:0 0 auto;height:52px;border-radius:9px;overflow:hidden;opacity:.5;transition:opacity .25s ease,box-shadow .25s ease,transform .25s ease;padding:0}.thumb img{height:100%;width:auto;min-width:34px;object-fit:cover;display:block}.thumb.active{opacity:1;box-shadow:0 0 0 2px var(--amber),0 4px 16px #e9a13b40;transform:translateY(-2px)}.backdrop{position:fixed;inset:0;background:#0a080699;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:40}.sheet{position:fixed;left:50%;bottom:0;width:min(100%,540px);z-index:41;background:linear-gradient(180deg,#262019,var(--surface));border:1px solid var(--line);border-bottom:none;border-radius:24px 24px 0 0;padding:10px 22px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -18px 60px #0000008c}.sheet-grabber{width:42px;height:4px;border-radius:2px;background:#f5efe62e;margin:2px auto 16px}.sheet h2{font-family:var(--font-display);font-size:17px;font-weight:500;letter-spacing:.03em;text-align:center;margin-bottom:4px}.sheet-sub{text-align:center;color:var(--muted);font-size:13.5px;line-height:1.5;margin-bottom:16px}.btn-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:16px;border-radius:15px;background:var(--amber);color:var(--amber-ink);font-size:15.5px;font-weight:700;box-shadow:0 10px 28px #e9a13b4d;transition:transform .12s ease,filter .2s ease}.btn-primary:active{transform:translateY(1px) scale(.99)}.btn-primary:disabled{filter:saturate(.4) brightness(.75)}.btn-ghost{display:block;width:100%;padding:13px;border-radius:14px;color:var(--muted);font-size:14px;font-weight:600}.qr-card{width:250px;margin:6px auto 14px;padding:17px;background:#fdfaf4;border-radius:20px;box-shadow:0 14px 44px #0006,0 0 0 1px #e9a13b40;display:flex;align-items:center;justify-content:center}.qr-card svg{display:block;width:100%;height:auto}.qr-skeleton{width:216px;height:216px;border-radius:12px;background:linear-gradient(100deg,#efe9df 40%,#fdfaf4,#efe9df 60%);background-size:240% 100%;animation:shimmer 1.3s infinite linear}@keyframes shimmer{0%{background-position:130% 0}to{background-position:-110% 0}}.qr-error{text-align:center;padding:20px 6px;color:var(--muted);font-size:14px;line-height:1.5}.sheet-meta{text-align:center;color:var(--muted);font-size:12.5px;letter-spacing:.06em;margin-bottom:16px}.print-photo-row{display:flex;align-items:center;gap:14px;padding:4px 2px 16px}.print-photo-row img{width:58px;height:58px;object-fit:cover;border-radius:12px;box-shadow:0 6px 18px #0006}.print-photo-row .t{font-weight:700;font-size:15px}.print-photo-row .s{color:var(--muted);font-size:12.5px;margin-top:3px}.chip-row{display:flex;gap:8px;margin-bottom:12px}.chip{flex:1;padding:12px 6px 10px;border-radius:13px;border:1.5px solid var(--line);background:#f5efe608;text-align:center;transition:border-color .2s ease,background .2s ease}.chip .f{font-size:15px;font-weight:700;letter-spacing:.02em}.chip .d{font-size:11px;color:var(--muted);margin-top:2px}.chip.on{border-color:var(--amber);background:var(--amber-soft)}.chip.on .f{color:#f2c88a}.seg{display:flex;background:#f5efe60d;border:1px solid var(--line);border-radius:13px;padding:4px;margin-bottom:18px;position:relative}.seg button{flex:1;position:relative;padding:10px;font-size:13.5px;font-weight:600;color:var(--muted);border-radius:10px;transition:color .2s ease}.seg button.on{color:var(--text)}.seg-thumbb{position:absolute;inset:0;border-radius:10px;background:#f5efe61a;border:1px solid rgba(245,239,230,.13)}.seg-label{position:relative;z-index:1}.toasts{position:fixed;top:calc(70px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:min(92vw,480px);padding:12px 18px;border-radius:999px;background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--shadow-pop);font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast svg{color:var(--amber);flex:0 0 auto}.toast.good svg{color:var(--good)}.toast.err svg{color:var(--danger)}.conn-banner{position:fixed;top:calc(62px + env(safe-area-inset-top));left:50%;z-index:55;display:flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;background:#48341ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(233,161,59,.4);font-size:12.5px;font-weight:600;color:#f2c88a}.conn-banner .spin{animation:rotate 1.1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.hint{position:absolute;bottom:22px;left:50%;z-index:15;display:flex;align-items:center;gap:12px;padding:11px 12px 11px 18px;border-radius:999px;background:var(--surface-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow-pop);font-size:13px;font-weight:500;color:var(--text);white-space:nowrap}.hint .arrows{color:var(--amber);font-weight:700}.hint button{padding:6px 12px;border-radius:999px;background:#f5efe617;font-size:12px;font-weight:700;color:var(--text)}@media(max-width:560px){.hint{font-size:11.5px;gap:8px}}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:6px}.empty-glyph{width:86px;height:86px;border-radius:26px;background:var(--amber-soft);color:var(--amber);display:flex;align-items:center;justify-content:center;margin-bottom:16px;animation:breathe 3.2s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.empty h2{font-family:var(--font-display);font-weight:500;font-size:19px;letter-spacing:.04em}.empty p{color:var(--muted);font-size:14px;line-height:1.6;max-width:420px}.empty code{background:#f5efe614;border-radius:6px;padding:1px 7px;font-size:13px}.popover-overlay{position:fixed;inset:0;z-index:44}.print-popover{position:fixed;top:calc(60px + env(safe-area-inset-top));right:12px;z-index:45;width:min(92vw,330px);max-height:55dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-pop);padding:8px;transform-origin:top right}.print-popover h3{font-family:var(--font-display);font-weight:500;font-size:13px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;padding:10px 12px 8px}.pp-empty{padding:14px 12px 16px;color:var(--muted);font-size:13.5px;text-align:center}.pp-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:12px}.pp-item img{width:42px;height:42px;border-radius:9px;object-fit:cover}.pp-item .t{font-size:13.5px;font-weight:600}.pp-item .s{font-size:12px;color:var(--muted);margin-top:2px}.pp-status{margin-left:auto;flex:0 0 auto}.st{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em}.st .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.st.queued{color:var(--muted);background:#f5efe612}.st.printing{color:#f2c88a;background:var(--amber-soft)}.st.printing .dot{animation:blink 1s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.st.ready{color:var(--good);background:#97cd851f}.face-overlay{position:fixed;inset:0;z-index:70;background:#0e0b09f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;text-align:center}.face-card{width:min(100%,400px);display:flex;flex-direction:column;align-items:center}.face-glyph{width:92px;height:92px;border-radius:28px;background:var(--amber-soft);color:var(--amber);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.face-card h2{font-family:var(--font-display);font-size:20px;font-weight:500;letter-spacing:.03em;margin-bottom:10px}.face-card p{color:var(--muted);font-size:14.5px;line-height:1.6;margin-bottom:26px}.face-card .btn-primary{max-width:320px}.face-cam{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center}.face-cam video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.face-cam-veil{position:absolute;inset:0;background:radial-gradient(ellipse 42% 34% at 50% 44%,transparent 62%,rgba(10,8,6,.55) 100%)}.face-cam-hint{position:absolute;top:calc(24px + env(safe-area-inset-top));left:0;right:0;text-align:center;font-size:14px;font-weight:600;color:#ffffffeb;text-shadow:0 2px 12px rgba(0,0,0,.6)}.shutter{position:absolute;bottom:calc(34px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:74px;height:74px;border-radius:50%;border:5px solid #fff;background:#ffffff40;transition:transform .1s ease}.shutter:active{transform:translate(-50%) scale(.92)}.face-cancel{position:absolute;bottom:calc(46px + env(safe-area-inset-bottom));right:26px;color:#ffffffd9;font-size:14px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.7)}.face-scan{position:relative;width:148px;height:148px;border-radius:32px;overflow:hidden;margin-bottom:24px;box-shadow:var(--shadow-pop)}.face-scan img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);filter:saturate(.9)}.face-scan-line{position:absolute;left:6%;right:6%;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--amber),transparent);box-shadow:0 0 18px #e9a13bcc;animation:scanline 1.4s ease-in-out infinite}@keyframes scanline{0%,to{top:12%}50%{top:84%}}.station{height:100dvh;display:flex;flex-direction:column;background:radial-gradient(130% 90% at 50% -10%,#221c14 0%,var(--bg) 58%)}.station-main{flex:1;overflow-y:auto;padding:22px clamp(14px,4vw,40px) 40px}.station-title{font-family:var(--font-display);font-size:clamp(18px,3vw,24px);font-weight:500;letter-spacing:.05em;margin-bottom:4px}.station-sub{color:var(--muted);font-size:13.5px;margin-bottom:24px}.jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;align-content:start}.job-card{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px;overflow:hidden;position:relative}.job-card.ready-flash{border-color:#97cd8573}.job-card img{width:84px;height:84px;border-radius:12px;object-fit:cover;flex:0 0 auto;background:#0e0c0a}.job-info{flex:1;min-width:0;display:flex;flex-direction:column}.job-info .t{font-weight:700;font-size:15px}.job-info .s{color:var(--muted);font-size:12.5px;margin:3px 0 auto}.job-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.job-time{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.job-progress{height:3px;border-radius:2px;background:#f5efe614;overflow:hidden;margin-top:9px}.job-progress>div{height:100%;border-radius:2px;background:linear-gradient(90deg,#c97f2b,var(--amber));transform-origin:left center}.station-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;gap:6px;grid-column:1 / -1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(prefers-reduced-motion:reduce){.status-dot,.empty-glyph,.face-scan-line,.qr-skeleton,.st.printing .dot{animation:none}}