:root{--bg: #0d0f12;--fg: #f2f2ee;--muted: #9aa0a6;--card: #181b20;--line: #2a2e35;--accent: #ffcc33;--accent-fg: #16130a;--danger: #ff6b5b;--ok: #4cd18a;--warn: #f0a83a;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #fafaf7;--fg: #15171a;--muted: #62676d;--card: #fff;--line: #e2e2dc;color-scheme:light}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 system-ui,-apple-system,sans-serif}a{color:inherit}h1{font-size:1.8rem;line-height:1.15;margin:.4em 0}h2{font-size:1.15rem;margin:1.6em 0 .6em}h3{margin:0 0 .4em;font-size:1.05rem}button,.button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);padding:.55em 1em;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5}.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}.danger{color:var(--danger)}.big{padding:.8em 1.4em;font-size:1.05rem}.small{padding:.3em .7em;font-size:.85rem}input,textarea{font:inherit;width:100%;padding:.6em .7em;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--fg)}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:.5rem 0}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.row input{flex:1;min-width:10rem}.fine{color:var(--muted);font-size:.85rem}.error{color:var(--danger);font-size:.9rem}.brand{font-weight:800;letter-spacing:.02em;color:var(--accent)}.check{display:flex;gap:.4rem;align-items:center;font-size:.9rem}.check input{width:auto}.page{max-width:760px;margin:0 auto;padding:24px 16px 64px}.back{color:var(--muted);text-decoration:none;font-size:.9rem}.hero{padding:24px 0 8px}.hero p{color:var(--muted);font-size:1.05rem;max-width:36em}.steps{padding-left:1.2em}.steps li{margin:.5em 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.card{display:flex;flex-direction:column;gap:.25rem;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem;text-decoration:none;margin-bottom:.6rem}.card.item{flex-direction:row;align-items:center;gap:.6rem}.card.item>div{flex:1;min-width:0}.comment{display:flex;flex-direction:row;gap:.75rem;align-items:flex-start}.comment img{width:96px;height:72px;object-fit:cover;border-radius:8px;flex:none}.comment p{margin:0 0 .2em}.status{font-size:.75rem;padding:.1em .5em;border-radius:99px;margin-left:.5em;border:1px solid currentColor}.status.approved{color:var(--ok)}.status.pending{color:var(--muted)}.status.flagged{color:var(--warn)}.status.rejected{color:var(--danger)}.frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem}.frames figure{margin:0}.frames img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.frames figcaption{font-size:.75rem;color:var(--muted)}.sheet-grid{display:grid;grid-template-columns:repeat(3,62mm);gap:6mm;justify-content:center;margin-top:1rem}.sticker{background:#fff;color:#000;border-radius:4mm;padding:4mm 6mm 2mm;text-align:center;border:1px dashed #bbb}.sticker .qr{width:50mm;height:50mm}.sticker .qr svg{width:50mm;height:50mm;display:block}.sticker-code{font:700 4mm/1.6 ui-monospace,monospace;letter-spacing:.15em}@media print{body{background:#fff}.no-print{display:none}.page{padding:0;max-width:none}.sheet-grid{margin:0}}@media(max-width:700px){.sheet-grid{grid-template-columns:repeat(auto-fill,62mm)}}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.ar-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.intro{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:var(--bg)}.intro-card{max-width:420px;text-align:center}.intro-card .brand{font-size:1.6rem}.intro-card p{color:var(--muted)}.code-chip{display:inline-block;margin:.4rem 0;font:600 .85rem ui-monospace,monospace;letter-spacing:.1em;padding:.2em .7em;border-radius:99px;border:1px solid var(--line)}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;background:linear-gradient(#000a,#0000);color:#fff;pointer-events:none}.topbar .title{font-weight:700;text-shadow:0 1px 3px #000;pointer-events:auto}.topbar .link{margin-left:.6em;font-weight:400;font-size:.85rem;opacity:.8}.pill{font-size:.8rem;padding:.25em .7em;border-radius:99px;background:#0009;border:1px solid #fff3}.pill.tracking{color:var(--ok)}.pill.gyro{color:var(--warn)}.pill.searching{color:#ddd}.toolbar{position:absolute;left:0;right:0;bottom:0;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;padding:12px 16px calc(env(safe-area-inset-bottom) + 14px);background:linear-gradient(#0000,#000a)}.toolbar button{background:#000a;color:#fff;border-color:#fff4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hint,.toast{position:absolute;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.5em 1em;border-radius:99px;font-size:.9rem;max-width:calc(100% - 32px);text-align:center}.hint{bottom:calc(env(safe-area-inset-bottom) + 28px);border:1px solid var(--accent)}.toast{top:calc(env(safe-area-inset-top) + 56px)}.panel,.sheet{position:absolute;left:12px;right:12px;background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 10px 40px #0008}.panel.setup{bottom:calc(env(safe-area-inset-bottom) + 12px)}.panel p{margin:.3em 0 .6em;font-size:.92rem}.chips{display:flex;gap:.4rem;flex-wrap:wrap}.chip{font:600 .85rem ui-monospace,monospace;padding:.3em .7em;border-radius:99px;border:1px solid var(--line)}.chip span{color:var(--muted);font-weight:400}.chip.done{border-color:var(--ok);color:var(--ok)}.sheet{bottom:calc(env(safe-area-inset-bottom) + 12px);max-height:75vh;overflow:auto}.anchor-text{font-size:1.05rem}.comments{margin:.6rem 0;display:flex;flex-direction:column;gap:.6rem}.follow{margin:.4rem 0}@media(min-width:700px){.panel,.sheet{left:auto;right:16px;width:420px}}.cal-card{background:var(--accent);color:var(--accent-fg);border-radius:3.2mm;display:grid;place-items:center;font-weight:700;margin:1.5rem 0;max-width:none}.demo-cal input[type=range]{width:100%;max-width:640px}.demo{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;color:#000;display:flex;flex-direction:column}.demo-bar{display:flex;gap:.8rem;align-items:center;padding:10px 16px;background:#111;color:#eee;flex-wrap:wrap}.demo-bar .fine{color:#aaa;flex:1}.demo-wall{flex:1;position:relative;overflow:hidden}.demo-slot{position:absolute;transform:translate(-50%,-50%)}.demo-slot.s0{left:18%;top:30%}.demo-slot.s1{left:50%;top:68%}.demo-slot.s2{left:82%;top:30%}.demo-sticker{background:#fff;text-align:center}.demo-qr svg{width:100%;height:100%;display:block}
