:root{--bg:#000;--fg:#f5f5f7;--muted:#9ca3af;--accent:#fbbf24;--ok:#34d399;--warn:#fb923c;--panel:#141418d1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--fg);overscroll-behavior:none;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;border:0}#app{height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);flex-direction:column;display:flex}.topbar{align-items:center;gap:8px;padding:8px 12px;display:flex}.modes{scrollbar-width:none;flex:1;gap:6px;display:flex;overflow-x:auto}.modes::-webkit-scrollbar{display:none}.chip{color:var(--muted);white-space:nowrap;background:#222;border-radius:999px;padding:6px 14px}.chip[aria-selected=true]{background:var(--accent);color:#111;font-weight:600}.icon-btn{background:#222;border-radius:50%;width:36px;height:36px;font-size:20px}.stagewrap{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.stage{background:#111;border-radius:12px;position:relative;overflow:hidden}.stage video,.stage canvas{width:100%;height:100%;position:absolute;inset:0}.stage video{object-fit:cover}.hint{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--warn);border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-size:20px;font-weight:600;line-height:1.25;display:flex;position:absolute;top:10px;left:10px;right:10px}.hint.ok{border-color:var(--ok);color:var(--ok)}.hint .who{font-size:22px}.hint .arrow{text-align:center;min-width:1em;color:var(--accent);font-size:30px}.hint .text{flex:1}.ai-tag{color:#fff;background:#6366f1;border-radius:6px;padding:2px 6px;font-size:11px}.ai-status{background:var(--panel);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:10px;right:10px}.ai-status.err{color:#f87171}.mode-tip{color:#fffc;text-shadow:0 1px 3px #000;max-width:60%;font-size:12px;position:absolute;bottom:10px;left:10px}.controls{justify-content:space-around;align-items:center;padding:14px 20px 18px;display:flex}.shutter{background:#fff;border:5px solid #000;border-radius:50%;width:74px;height:74px;transition:transform 80ms;box-shadow:0 0 0 4px #fff}.shutter:active{transform:scale(.92)}.side-btn{background:0 0;flex-direction:column;align-items:center;gap:2px;width:64px;font-size:24px;display:flex}.side-btn span{color:var(--muted);font-size:12px}.thumb{background:#222 50%/cover no-repeat;border:1px solid #333;border-radius:10px;width:52px;height:52px}.start{z-index:10;background:#000;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.start-card{max-width:420px}.start-card h1{margin:0 0 8px;font-size:28px}.start-card p{color:var(--muted)}.start-card ul{color:var(--muted);padding-left:20px;font-size:14px}.start-msg{color:#f87171;min-height:1.4em;font-size:14px}.primary{background:var(--accent);color:#111;border-radius:14px;width:100%;padding:14px;font-size:17px;font-weight:700}.ghost{background:#2a2a2e;border-radius:14px;padding:12px 16px}.sheet{width:min(92vw,440px);max-height:88dvh;color:var(--fg);background:#1c1c20;border:0;border-radius:20px;padding:18px;overflow:auto}.sheet::backdrop{background:#0009}.sheet h2{margin:0 0 8px;font-size:18px}.row{border-bottom:1px solid #2c2c31;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.row input{width:22px;height:22px;accent-color:var(--accent)}.col{color:var(--muted);flex-direction:column;gap:6px;padding:12px 0 16px;font-size:14px;display:flex}.col input{color:var(--fg);background:#111;border:1px solid #333;border-radius:10px;padding:10px;font-size:16px}#review-img{object-fit:contain;background:#000;border-radius:12px;width:100%;max-height:50dvh}.review-body{min-height:3em;margin:12px 0;font-size:15px}.review-body .score{color:var(--accent);font-size:34px;font-weight:800}.review-body ul{margin:6px 0;padding-left:20px}.review-actions{gap:8px;display:flex}.review-actions .primary{flex:1;width:auto;padding:12px;font-size:16px}
