/* v8: layout → navigation → feed → content → forms → responsive */
:root{color-scheme:dark;--bg:#090a0f;--surface:#12131b;--surface2:#191b26;--line:#282a37;--text:#f2f3f8;--muted:#999dab;--pink:#f54494;--purple:#a17aff;--radius:20px;--header:76px;--nav:0px;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:11px 17px;transition:background .18s,border-color .18s,transform .18s}button:hover{background:#252735;border-color:#5c536e}button:active{transform:scale(.98)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.25;letter-spacing:-1px}h2{font-size:21px;line-height:1.4}h3{font-size:17px;line-height:1.5}small{font-size:12px;color:var(--muted)}[hidden],.screen:not(.active){display:none!important}svg{width:100%;height:100%}.app-glow{position:fixed;top:-220px;right:0;width:600px;height:480px;background:radial-gradient(ellipse,#51264220,transparent 65%);pointer-events:none}.app-header{height:var(--header);position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:36px;padding:0 5vw;background:#090a0fed;border-bottom:1px solid #ffffff0c;backdrop-filter:blur(18px)}.brand{font-size:22px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--pink)}.brand b{font-size:10px;letter-spacing:1px;color:#b9adcb;vertical-align:top;margin-left:6px}.header-nav{display:flex;gap:5px;flex:1}.header-link{background:none;border:0;color:var(--muted);padding:10px 16px;border-radius:9px;font-weight:600}.header-link.active{background:#20212e;color:var(--text)}.header-search{display:flex;align-items:center;gap:10px;background:#171823;font-size:24px;padding:5px 16px}.header-search span{font-size:13px;color:var(--muted)}.mobile-nav{display:none}.panel-screen{max-width:1080px;margin:auto;padding:48px 40px 80px;min-height:calc(100dvh - var(--header));animation:appear .2s ease}.panel-heading{margin-bottom:32px}.panel-heading h1{font-weight:750}.back-button{background:transparent;border:0;color:var(--muted);padding:8px 0;margin:0 0 24px}.back-button:hover{background:none;color:var(--text)}.section-head{margin:25px 0 16px}.eyebrow,.rank-type{font-size:12px;color:var(--muted)}.empty-state,.loading-state,.review-empty{padding:48px 20px;text-align:center;color:var(--muted);background:#11121a;border-radius:16px;border:1px solid #ffffff08}.toast{position:fixed;bottom:calc(28px + var(--nav));left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#f2f3f8;color:#16121f;padding:11px 22px;border-radius:12px;z-index:1000;box-shadow:0 10px 50px #0008;transition:.2s;max-width:90vw;width:max-content}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#ffd2dd}