:root{--bg: #0d0f14;--fg: #e8eaf0;--dim: #8b93a7;--accent: #e5a00d;--card: #171b24;--line: #262c3a;--warn: #e0b34c;--bad: #e06c6c}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}a{color:var(--accent)}button{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 14px;cursor:pointer}input,select{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 10px}.app{height:100%}.screen{min-height:100%;padding:16px calc(12px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.debug-log{white-space:pre-wrap;color:var(--dim);font-size:13px}h1{font-size:20px}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 16px;max-width:90vw;z-index:60}.reveal{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#090b10d1;backdrop-filter:blur(6px)}.reveal-window{width:min(52vw,240px);aspect-ratio:2/3;border-radius:12px;overflow:hidden;box-shadow:0 12px 48px #0009;background:var(--card)}.reveal-frame,.reveal-final{width:100%;height:100%;object-fit:cover}.reveal.fast .reveal-frame{filter:blur(2px)}.reveal-landed{position:relative;width:100%;height:100%}.reveal-title{position:absolute;left:0;right:0;bottom:28px;text-align:center;font-size:20px;font-weight:700;text-shadow:0 2px 8px #000;padding:0 8px}.reveal-badge{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:13px;color:var(--dim);text-shadow:0 1px 4px #000}.reveal-counter{font-size:15px;color:var(--fg);letter-spacing:.02em}.reveal.reduced .reveal-landed{animation:fadein .4s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.sheet-backdrop{position:fixed;inset:0;z-index:40;background:#00000073}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:75vh;overflow-y:auto;background:var(--card);border-top:1px solid var(--line);border-radius:18px 18px 0 0;padding:14px 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.sheet-row.aslink{justify-content:flex-start;border:0;background:none;color:var(--accent);padding:0}.dim{color:var(--dim)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border-radius:999px;padding:6px 12px;font-size:14px}.chip.on{border-color:var(--accent);color:var(--accent)}.home{position:fixed;inset:0;overflow:hidden}.wall{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-evenly;opacity:.85}.wall-row{display:flex;width:max-content;gap:6px;animation:wall-drift linear infinite}.wall.paused .wall-row{animation-play-state:paused}@keyframes wall-drift{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.wall-row{animation:none}}.wall-poster{width:92px;aspect-ratio:2/3;object-fit:cover;border-radius:6px}.wall-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--dim)}.home-overlay{position:absolute;left:0;right:0;bottom:0;z-index:10;display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#090b10eb 55%)}.poolline{color:var(--dim);font-size:14px}.offline-chip{color:var(--warn)}.pill{border-radius:999px;font-size:14px;display:inline-flex;align-items:center;gap:8px}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.2s ease infinite}@keyframes pulse{50%{opacity:.25}}.spin-btn{font-size:22px;font-weight:800;letter-spacing:.12em;padding:16px 64px;border-radius:999px;border:0;background:var(--accent);color:#1a1405}.corner-nav{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:10;display:flex;gap:14px}.corner-nav a{text-decoration:none;font-size:20px;color:var(--dim)}.pick{display:flex;flex-direction:column;gap:10px;max-width:480px;margin:0 auto}.pick .back{align-self:flex-start;border:0;background:none;color:var(--dim);padding:4px 0}.pick-poster{width:min(56vw,240px);aspect-ratio:2/3;object-fit:cover;border-radius:12px;align-self:center;box-shadow:0 10px 40px #0000008c}.pick h1{margin:4px 0 0;text-align:center}.pick>.dim{text-align:center}.pick-summary{color:var(--fg)}.pick-sources{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.source-row{display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--line)}.dot.on{background:#58c470}.warn-box{background:#e0b34c1f;border:1px solid var(--warn);border-radius:12px;padding:10px 12px;font-size:14px}.unverified{color:var(--warn);font-size:13px;text-align:center}.pick-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:6px}.cta{background:var(--accent);color:#1a1405;font-weight:700;padding:12px 40px;border-radius:999px;text-decoration:none}.spin-again{border-radius:999px;letter-spacing:.08em;font-weight:700}.settings{display:flex;flex-direction:column;gap:14px;max-width:520px;margin:0 auto}.settings .back{align-self:flex-start;border:0;background:none;color:var(--dim);padding:4px 0}.server-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.lib-row{padding-left:18px}.status{font-size:12px}.danger{border-color:var(--bad);color:var(--bad)}.wizard{position:fixed;inset:0;display:grid;place-items:center;overflow-y:auto}.wizard .wall{opacity:.35}.wizard-card{position:relative;z-index:5;width:min(92vw,440px);max-height:88vh;overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}.aslink{border:0;background:none;color:var(--accent)}.help{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.help .back{align-self:flex-start;border:0;background:none;color:var(--dim);padding:4px 0}.help details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.help summary{cursor:pointer;font-weight:600}.about{display:flex;flex-direction:column;gap:8px}
