:root{--bg:#121216;--bg-glow:#2a2a38;--card:#18181ed1;--text:#f4f4f7;--muted:#a3a3b0;--accent:#7c9cff;--accent-text:#0d1020;--danger:#ff6b6b;--radius:18px;--gutter:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:radial-gradient(120% 80% at 50% 30%, var(--bg-glow), var(--bg) 70%) var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body.in-ar{background:#000}#camera-feed,#app,#overlay{width:100%;height:100%;position:fixed;inset:0}#camera-feed{object-fit:cover;z-index:0}#app{z-index:1;touch-action:none;display:block}#overlay{z-index:2;touch-action:none}[hidden]{display:none!important}.card{left:50%;bottom:calc(var(--gutter) + env(safe-area-inset-bottom));width:min(420px, calc(100% - 2 * var(--gutter)));border-radius:var(--radius);background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;padding:20px;position:absolute;transform:translate(-50%);box-shadow:0 10px 40px #00000059}p{margin:0}.note{color:var(--muted);margin-top:12px;font-size:13px}.note:empty{display:none}.progress{background:#ffffff1a;border-radius:2px;height:4px;margin:0 0 14px;overflow:hidden}.progress.done{display:none}#progress-bar{background:var(--accent);width:0;height:100%;transition:width .2s}button{font:inherit;color:inherit;cursor:pointer;border:0}.primary{background:var(--accent);width:100%;color:var(--accent-text);border-radius:999px;padding:14px 18px;font-size:16px;font-weight:650}.primary:disabled{opacity:.5;cursor:default}.icon-btn{top:calc(var(--gutter) + env(safe-area-inset-top));left:calc(var(--gutter) + env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute}.pill{left:50%;bottom:calc(var(--gutter) + 8px + env(safe-area-inset-bottom));max-width:calc(100% - 2 * var(--gutter));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;pointer-events:none;background:#0000008c;border-radius:999px;padding:10px 16px;font-size:14px;position:absolute;transform:translate(-50%)}.quality{top:calc(var(--gutter) + env(safe-area-inset-top));left:calc(var(--gutter) + env(safe-area-inset-left));flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}body.in-ar .quality{left:calc(var(--gutter) + 52px + env(safe-area-inset-left))}.quality-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:999px;height:44px;padding:0 16px;font-size:14px}.quality-menu{background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;flex-direction:column;min-width:140px;padding:6px;display:flex}.quality-menu button{text-align:left;background:0 0;border-radius:10px;padding:10px 12px;font-size:14px}.quality-menu button[aria-checked=true]{color:var(--accent);font-weight:650}.stats{top:calc(var(--gutter) + 8px + env(safe-area-inset-top));right:calc(var(--gutter) + env(safe-area-inset-right));width:max-content;padding:6px 12px;font-size:12px;bottom:auto;left:auto;transform:none}.error{top:calc(var(--gutter) + 60px + env(safe-area-inset-top));color:#ffd6d6;background:#3c0a0ad9;border-radius:14px;width:max-content;bottom:auto}.credit{top:calc(var(--gutter) + 52px + env(safe-area-inset-top));left:calc(var(--gutter) + env(safe-area-inset-left));flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.credit .icon-btn{position:static}.credit-panel{max-width:min(280px, calc(100vw - 2 * var(--gutter)));background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--muted);border-radius:14px;padding:12px 14px;font-size:12px;line-height:1.45}.credit-panel a{color:var(--text)}@media not all and (pointer:coarse){#intro:not(.failed){display:none}}