:root{--bg:#fff;--fg:#111;--card:#f6f6f7;--muted:#6b7280;--border:#e5e7eb}[data-theme="dark"]{--bg:#0b0e14;--fg:#e5e7eb;--card:#121826;--muted:#9aa4b2;--border:#1f2937}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:16px/1.5 system-ui,Segoe UI,Roboto,Inter;background:var(--bg);color:var(--fg)}.top{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;backdrop-filter:saturate(1.2) blur(6px);background:color-mix(in oklab,var(--bg) 85%,transparent);flex-wrap:wrap}.tabs{display:flex;gap:8px;align-items:center}.tabs button{border:1px solid var(--border);background:transparent;color:var(--fg);padding:6px 10px;border-radius:999px}.tabs .active{border-color:#6366f1}.player iframe{width:100%;aspect-ratio:16/9;border:0}.meta{padding:12px 12px 0}.title{margin:0 0 6px;font-size:1rem}.stats{color:var(--muted);font-size:.9rem;margin-bottom:8px}.actions{display:flex;gap:8px;padding:12px}button{border:1px solid var(--border);background:transparent;color:var(--fg);padding:8px 12px;border-radius:999px;cursor:pointer}button:hover{filter:brightness(1.1)}button.yes{border-color:#16a34a}button.no{border-color:#dc2626}.actions .vote.active{background:rgba(99,102,241,.12);border-color:#6366f1}.progress{height:8px;border-radius:6px;background:var(--border);overflow:hidden;margin:0 12px 12px}.progress .bar-yes{height:100%;display:inline-block;background:#16a34a}.progress .bar-no{height:100%;display:inline-block;background:#dc2626}.modal.hidden{display:none}.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:grid;place-items:center;z-index:50}.modal-card{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:16px;padding:16px;width:min(420px,92vw);box-shadow:0 10px 30px rgba(0,0,0,.3)}.modal-card h2{margin:0 0 8px}.modal-card label{display:block;margin:8px 0}.modal-card input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--fg)}.modal-card .tabs{display:flex;gap:8px;margin:6px 0 10px}.modal-card .tabs .active{border-color:#2563eb}.modal-card .close{float:right;border:0;background:transparent;font-size:18px;cursor:pointer}.error{color:#dc2626;min-height:1.2em}.user{margin-right:8px;color:var(--muted)}.hidden{display:none}#sentinel{height:1px}.top{transition:transform .25s ease,box-shadow .25s ease}.top--hidden{transform:translateY(-100%);box-shadow:none}.top--elevated{box-shadow:0 6px 16px rgba(0,0,0,.1)}.brand .logo{font-weight:800;letter-spacing:.5px;font-size:1.25rem}.brand .logo span{background:linear-gradient(90deg,#6366f1,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mid{margin-top:100px;text-align:center}.brand-mid .logo{font-weight:800;letter-spacing:.5px;font-size:3rem}.brand-mid .logo span{background:linear-gradient(90deg,#6366f1,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}.userdrop{position:relative}.userdrop .menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:12px;min-width:160px;padding:6px;box-shadow:0 12px 24px rgba(0,0,0,.15)}.userdrop .menu.hidden{display:none}.userdrop .menu button{width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:0;background:transparent}.userdrop .menu button:hover{background:color-mix(in oklab,var(--fg) 10%,transparent)}#userBtn{display:flex;align-items:center;gap:6px}.loading-bar{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:60}.loading-bar.hidden{display:none}.loading-bar .bar{width:100%;height:100%;transform-origin:0 0;animation:loadbar 1.2s infinite ease-in-out;background:linear-gradient(90deg,#6366f1,#06b6d4)}@keyframes loadbar{0%{transform:scaleX(.05)}50%{transform:scaleX(.6)}100%{transform:scaleX(.9)}}.back-to-top{position:fixed;right:16px;bottom:16px;width:44px;height:44px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--fg);display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.15);z-index:55}.back-to-top.hidden{display:none}.skeleton .player{aspect-ratio:16/9;background:var(--border)}.skeleton .actions button{width:80px;height:36px}.block{height:14px;border-radius:8px}.shimmer{position:relative;overflow:hidden}.shimmer::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--fg) 10%,transparent),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{100%{transform:translateX(100%)}}.center-tabs{justify-self:center;display:flex;gap:8px;align-items:center}.controls.right{display:flex;gap:10px;align-items:center}.primary{background:linear-gradient(90deg,#6366f1,#06b6d4);color:#fff;border-color:transparent}.avatar{width:auto;min-width:44px;height:36px;border-radius:999px;display:flex;align-items:center;gap:8px;padding:0 12px}.menu .menu-section{font-size:.8rem;color:var(--muted);padding:6px 8px 4px}.card.voted-yes{border-color:#16a34a;box-shadow:0 8px 24px rgba(22,163,74,.2)}.card.voted-no{border-color:#dc2626;box-shadow:0 8px 24px rgba(220,38,38,.2)}.avatar{gap:8px}.avatar-circle{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,#6366f1,#06b6d4);color:#fff}.userlabel{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.top .brand{justify-self:start}.top .center-tabs{justify-self:center}.top .controls.right{justify-self:end}.player-shell{background:var(--border);aspect-ratio:16/9}.top{box-shadow:0 6px 16px rgba(0,0,0,.12);position:fixed;width:100%;top:0;z-index:50;transition:transform .22s ease,box-shadow .22s ease;will-change:transform}.top--hidden{transform:translateY(-100%);box-shadow:none}.top--elevated{box-shadow:0 6px 16px rgba(0,0,0,.12)}main{margin-top:30px;justify-self:center;justify-content:center}#feed{width:min(760px,100%);padding:12px 12px 80px}.card{position:relative;margin:12px 0;border:1px solid var(--border);border-radius:14px;background:var(--card);overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.06)}.card .meta{padding:12px 14px}.card .actions{display:flex;gap:10px;padding:0 14px 14px}.card.skeleton .player{background:var(--border)}.card.skeleton .actions button{width:96px;height:38px}.ribbon{position:absolute;top:10px;left:-6px;padding:4px 10px;font-size:.75rem;color:#fff;border-top-right-radius:6px;border-bottom-right-radius:6px;z-index:2}.ribbon.yes{background:#16a34a}.ribbon.no{background:#dc2626}.card{position:relative}.card .player[data-orientation="landscape"]{aspect-ratio:16/9}.card .player[data-orientation="portrait"]{max-height:80vh}.card .player iframe{width:100%;height:100%;border:0;display:block}.card .player iframe{overflow:hidden}.card .player{background:#000}.card .player[data-fit="fill"]{aspect-ratio:16/9}.card .player[data-fit="intrinsic"]{display:flex;align-items:center;justify-content:center;padding:8px 0;min-height:280px}.card .player[data-fit="intrinsic"] iframe.intrinsic-embed{max-width:100%;max-height:80vh}.card .player{--overflow-anchor:none;overflow-anchor:none}.footer{width:100%;border-top:1px solid var(--border);background:var(--card);color:var(--text);margin-top:40px;padding:24px 16px;font-size:.9rem}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;max-width:960px;margin:0 auto}.footer-brand{display:flex;flex-direction:column;gap:4px}.footer-logo{font-weight:700;font-size:1.1rem}.footer-slogan{opacity:.7;font-size:.85rem}.footer-nav{display:flex;gap:20px;flex-wrap:wrap}.footer-nav a{color:var(--text);opacity:.75;text-decoration:none;transition:opacity .2s,color .2s}.footer-nav a:hover{opacity:1;color:var(--accent,#6366f1)}.footer-meta{text-align:center;margin-top:24px;opacity:.7;font-size:.8rem}[data-theme="dark"] .footer{background:#0f0f0f;border-top-color:#1f1f1f;color:#eee}[data-theme="light"] .footer{background:#fafafa;border-top-color:#ddd;color:#222}@media(max-width:600px){.footer-inner{flex-direction:column;text-align:center}.footer-nav{justify-content:center}}:root{--accent:#6366f1}[data-theme="dark"]{--accent:#8b5cf6}.gmf-select{margin-top:30px;font-size:large;background:linear-gradient(90deg,#6366f1,#06b6d4);border-color:transparent}