@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=Fredoka:wght@500;600&display=swap";:root{--orange:#f2b70b;--amber:#ffd24a;--accent-grad:linear-gradient(100deg, #eaa908 0%, #ffcf3a 100%);--accent-ink:#97680a;--brand-grad:linear-gradient(100deg, #b07d08 0%, #d29e06 100%);--bg:#fff;--grid-line:#1414280b;--surface:#fff;--surface-2:#f6f6f8;--border:#ececef;--border-strong:#e0e0e5;--text:#14151a;--text-soft:#6b6c76;--shadow-sm:0 1px 2px #1414280d;--shadow:0 8px 30px #14142814;--ring:#f2b70b52;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-fun:"Fredoka", system-ui, sans-serif;--radius:14px;--radius-lg:20px}:root[data-theme=dark]{--accent-ink:#ffd24a;--brand-grad:linear-gradient(100deg, #f0b012 0%, #ffd23f 100%);--bg:#0c0d11;--grid-line:#ffffff09;--surface:#14161c;--surface-2:#1b1e26;--border:#23262f;--border-strong:#2d313c;--text:#f2f3f6;--text-soft:#9a9dab;--shadow-sm:0 1px 2px #0006;--shadow:0 14px 40px #00000080;--ring:#ffd24a66}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);color:var(--text);-webkit-font-smoothing:antialiased;background-size:28px 28px;min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(900px 420px at 70% -15%,#f2b70b1f,#0000 65%);position:fixed;inset:0}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-weight:700;line-height:1.06}@media (pointer:fine){html,body{cursor:url(/cursor.svg) 2 2,auto}a,button,[role=button],.clickable,label{cursor:url(/cursor.svg) 2 2,pointer}input,textarea,select{cursor:text}}.font-fun{font-family:var(--font-fun)}.grad-text{background:var(--brand-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{font-family:var(--font-display);border-radius:var(--radius);border:none;align-items:center;gap:.5rem;padding:.72rem 1.25rem;font-size:.95rem;font-weight:600;transition:transform .12s,box-shadow .2s,filter .2s,background .2s,border-color .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent-grad);color:#1a1204;box-shadow:0 6px 18px #f2b70b59}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 8px 24px #f2b70b80}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.btn-ghost:hover{border-color:var(--orange)}.btn-block{justify-content:center;width:100%}.field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.field label{color:var(--text-soft);font-size:.82rem;font-weight:600}.field input{font-family:var(--font-body);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:12px;padding:.78rem .95rem;font-size:.98rem;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--text-soft);opacity:.6}.field input:focus{border-color:var(--orange);box-shadow:0 0 0 4px var(--ring);outline:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.alert{border-radius:12px;margin-bottom:1rem;padding:.7rem .95rem;font-size:.9rem}.alert-error{color:#e0483f;background:#e63c3c1a;border:1px solid #e63c3c47}.center-screen{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.page{min-height:100vh}.navbar{z-index:100;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:saturate(140%)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto;padding:.8rem clamp(1rem,5vw,2.5rem);display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.25rem;font-weight:700;display:flex}.brand-logo{background:var(--accent-grad);color:#1a0d02;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 4px 12px #f2b70b66}.nav-actions{align-items:center;gap:.55rem;display:flex}.theme-toggle{border:1px solid var(--border-strong);background:var(--surface);width:40px;height:40px;color:var(--text);border-radius:11px;place-items:center;transition:transform .15s,border-color .15s,color .15s;display:grid}.theme-toggle:hover{border-color:var(--orange);color:var(--accent-ink);transform:translateY(-1px)}.hero{text-align:center;max-width:860px;margin:0 auto;padding:clamp(2.5rem,7vw,4.5rem) 1.2rem 3rem}.hero-badge{background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.4rem .85rem;font-size:.85rem;font-weight:500;display:inline-flex}.hero-badge svg{color:var(--accent-ink)}.hero-title{margin-bottom:1.1rem;font-size:clamp(2.6rem,8vw,4.4rem)}.hero-sub{color:var(--text-soft);max-width:600px;margin:0 auto 2rem;font-size:clamp(1rem,2.2vw,1.18rem);line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-bottom:3.2rem;display:flex}.hero-mock{text-align:left;max-width:470px;box-shadow:var(--shadow);margin:0 auto;padding:0;overflow:hidden}.mock-head{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:.4rem;padding:.7rem .9rem;display:flex}.mock-dot{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.mock-dot:first-child{background:#ff5f57}.mock-dot:nth-child(2){background:#febc2e}.mock-dot:nth-child(3){background:#28c840}.mock-head-label{color:var(--text-soft);margin-left:auto;font-size:.78rem}.mock-row{border-bottom:1px solid var(--border);align-items:center;gap:.8rem;padding:.8rem .9rem;display:flex}.mock-row:last-child{border-bottom:none}.mock-cover{background:var(--accent-grad);color:#1a0d02;border-radius:11px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.mock-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.mock-info strong{font-size:.98rem}.mock-meta{color:var(--text-soft);font-size:.8rem}.mock-tag{background:color-mix(in srgb, var(--orange) 16%, transparent);color:var(--accent-ink);white-space:nowrap;border-radius:999px;padding:.28rem .6rem;font-size:.72rem;font-weight:600}.mock-tag.done{color:#22a35a;background:#28c86429}.mock-tag.soon{background:var(--surface-2);color:var(--text-soft)}.features{text-align:center;max-width:1080px;margin:0 auto;padding:3.5rem 1.2rem}.section-title{margin-bottom:.6rem;font-size:clamp(1.8rem,5vw,2.6rem)}.section-sub{color:var(--text-soft);margin-bottom:2.5rem;font-size:1.02rem}.feature-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.9rem;display:grid}.feature-card{padding:1.4rem;transition:transform .18s,box-shadow .18s,border-color .18s}.feature-card:hover{border-color:color-mix(in srgb, var(--orange) 40%, var(--border));box-shadow:var(--shadow);transform:translateY(-4px)}.feature-icon{background:color-mix(in srgb, var(--orange) 12%, var(--surface));width:46px;height:46px;color:var(--accent-ink);border:1px solid color-mix(in srgb, var(--orange) 22%, transparent);border-radius:12px;place-items:center;margin-bottom:1rem;display:grid}.feature-card h3{margin-bottom:.4rem;font-size:1.12rem}.feature-card p{color:var(--text-soft);margin:0;font-size:.93rem;line-height:1.55}.final-cta{max-width:1080px;margin:0 auto;padding:1.5rem 1.2rem 4rem}.final-card{text-align:center;border-radius:var(--radius-lg);background:var(--accent-grad);color:#1a0d02;padding:clamp(2.2rem,6vw,3.6rem);position:relative;overflow:hidden}.final-card:after{content:"";pointer-events:none;background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.final-card>*{position:relative}.final-card h2{margin-bottom:.5rem;font-size:clamp(1.7rem,5vw,2.4rem)}.final-card p{opacity:.82;margin-bottom:1.5rem;font-weight:500}.final-card .btn-primary{color:var(--amber);background:#16130c;box-shadow:0 8px 22px #00000047}.final-perks{flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:1.4rem;font-size:.88rem;font-weight:600;display:flex}.final-perks span{align-items:center;gap:.3rem;display:inline-flex}.footer{max-width:1080px;color:var(--text-soft);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin:0 auto;padding:2rem 1.2rem 3rem;font-size:.9rem;display:flex}.brand-mini{color:var(--text);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.footer-retro{font-size:.92rem;font-style:italic}.auth-page{flex-direction:column;position:relative}.auth-topbar{justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto;padding:.9rem clamp(1rem,5vw,2.5rem);display:flex;position:absolute;top:0;left:0;right:0}.auth-card{width:100%;max-width:410px;box-shadow:var(--shadow);padding:2.2rem}.auth-title{margin-bottom:.4rem;font-size:1.75rem}.auth-sub{color:var(--text-soft);margin-bottom:1.6rem;font-size:.95rem}.remember{color:var(--text-soft);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;margin-bottom:1.4rem;font-size:.9rem;display:flex}.remember input{width:17px;height:17px;accent-color:var(--orange)}.auth-switch{text-align:center;color:var(--text-soft);margin-top:1.4rem;font-size:.9rem}.link-accent{color:var(--accent-ink);font-weight:600}.link-accent:hover{text-decoration:underline}.welcome-card{text-align:center;max-width:520px;box-shadow:var(--shadow);padding:3rem 2.2rem}.welcome-emoji{background:color-mix(in srgb, var(--orange) 12%, var(--surface));width:76px;height:76px;color:var(--accent-ink);border:1px solid color-mix(in srgb, var(--orange) 22%, transparent);border-radius:20px;place-items:center;margin:0 auto 1.2rem;animation:.5s pop;display:grid}@keyframes pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.welcome-title{margin-bottom:1rem;font-size:clamp(1.9rem,6vw,2.8rem)}.welcome-sub{color:var(--text-soft);margin-bottom:1.6rem;line-height:1.6}.welcome-soon{background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);border-radius:12px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.9rem;display:inline-flex}.app-shell{--app-sidebar-w:208px;min-height:100vh;display:flex}.app-shell.is-collapsed{--app-sidebar-w:76px}.sidebar{--surface:#23262e;--surface-2:#2f333d;--border:#ffffff17;--border-strong:#ffffff29;--text:#f3f4f7;--text-soft:#a6acba;--shadow:0 14px 40px #00000080;--accent-ink:#ffd24a;--brand-grad:linear-gradient(100deg, #f0b012 0%, #ffd23f 100%);z-index:20;background:var(--surface);width:208px;height:100vh;color:var(--text);border-right:1px solid #00000029;flex-direction:column;flex-shrink:0;padding:.9rem .7rem;transition:width .2s;display:flex;position:sticky;top:0}.sidebar.collapsed{width:76px}.side-toggle{color:#cfd3dc;z-index:25;background:#23262e;border:1px solid #fff3;border-radius:50%;place-items:center;width:26px;height:26px;transition:background .15s,color .15s,transform .15s,border-color .15s;display:grid;position:absolute;top:50%;right:-13px;transform:translateY(-50%);box-shadow:0 2px 8px #0006}.side-toggle:hover{background:var(--accent-grad);color:#1a1204;border-color:#0000;transform:translateY(-50%)scale(1.12)}.sidebar-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;padding:.3rem .4rem .9rem;display:flex}.sidebar.collapsed .sidebar-head{flex-direction:column;gap:.6rem}.side-brand{font-size:1.15rem}.side-nav{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.side-row{color:var(--text);font-family:var(--font-body);text-align:left;background:0 0;border:none;border-radius:11px;align-items:center;gap:.75rem;width:100%;padding:.62rem .7rem;font-size:.94rem;font-weight:600;transition:background .15s,color .15s;display:flex}.side-row .side-icon{color:var(--text-soft)}.side-row:hover{background:color-mix(in srgb, var(--text) 7%, transparent)}.side-row:hover .side-icon{color:var(--text)}.side-row.active{background:color-mix(in srgb, var(--orange) 15%, transparent);color:var(--accent-ink);font-weight:700}.side-row.active .side-icon{color:var(--accent-ink)}.side-icon{flex-shrink:0;place-items:center;width:22px;display:grid}.sidebar.collapsed .side-label{display:none}.sidebar.collapsed .side-row,.sidebar.collapsed .side-brand{justify-content:center}.side-bottom{border-top:1px solid var(--border);flex-direction:column;gap:.25rem;margin-top:auto;padding-top:.5rem;display:flex}.lang-wrap{position:relative}.lang-caret{opacity:.55;margin-left:auto}.lang-menu{z-index:60;min-width:200px;box-shadow:var(--shadow);flex-direction:column;gap:.15rem;padding:.35rem;display:flex;position:absolute;bottom:calc(100% + 8px);left:0}.lang-item{color:var(--text);font-family:var(--font-body);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:.55rem;width:100%;padding:.5rem .6rem;font-size:.9rem;display:flex}.lang-item:hover:not(.disabled){background:var(--surface-2)}.lang-item.active{font-weight:600}.lang-check{color:var(--orange);margin-left:auto}.lang-item.disabled{color:var(--text-soft);opacity:.7}.soon-pill{background:var(--surface-2);border-radius:999px;margin-left:auto;padding:.12rem .45rem;font-size:.66rem}.flag{border:1px solid var(--border);border-radius:2px;flex-shrink:0;width:18px;height:13px;display:inline-block}.flag-fr{background:linear-gradient(90deg,#2b4bd6 0 33.33%,#fff 33.33% 66.66%,#ef4343 66.66% 100%)}.flag-en{background:#2b4bd6}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:80;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(140%)blur(12px);border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;height:60px;padding:0 clamp(1rem,3vw,1.6rem);display:flex;position:sticky;top:0}.topbar-actions{align-items:center;gap:.5rem;display:flex}.icon-btn{width:40px;height:40px;color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:11px;place-items:center;transition:background .15s,color .15s;display:grid;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.search{position:relative}.search-form{border:1px solid #0000;border-radius:12px;align-items:center;transition:background .2s,border-color .2s;display:flex}.search.open .search-form{background:var(--surface);border-color:var(--border-strong)}.search-input{opacity:0;width:0;color:var(--text);font-family:var(--font-body);background:0 0;border:none;padding:0;font-size:.92rem;transition:width .22s,opacity .2s,padding .2s}.search.open .search-input{opacity:1;width:clamp(150px,32vw,260px);padding:.5rem .7rem .5rem .2rem}.search-input:focus{outline:none}.search-panel{z-index:60;flex-direction:column;gap:.3rem;width:min(340px,88vw);padding:.4rem;animation:.15s ddIn;display:flex;position:absolute;top:calc(100% + 8px);right:0}.search-tabs{border-bottom:1px solid var(--border);gap:.3rem;padding:.1rem .1rem .35rem;display:flex}.search-tab{color:var(--text-soft);font-family:var(--font-display);background:0 0;border:1px solid #0000;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .5rem;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.search-tab:hover{background:var(--surface-2);color:var(--text)}.search-tab.active{background:color-mix(in srgb, var(--orange) 12%, transparent);border-color:color-mix(in srgb, var(--orange) 40%, transparent);color:var(--orange)}.search-results{scrollbar-width:thin;flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.search-state{color:var(--text-soft);justify-content:center;align-items:center;gap:.4rem;padding:1rem;font-size:.86rem;display:flex}.search-res{text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:.6rem;padding:.4rem .45rem;transition:background .13s;display:flex}.search-res:hover{background:var(--surface-2)}.search-res-cover{background:var(--surface-2);width:34px;height:46px;color:var(--text-soft);border-radius:6px;flex:none;place-items:center;display:grid;overflow:hidden}.search-res-cover img{object-fit:cover;width:100%;height:100%}.search-res-av{background:var(--accent-grad);color:#1a1204;width:34px;height:34px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:.9rem;font-weight:700;display:grid;overflow:hidden}.search-res-av img{object-fit:cover;width:100%;height:100%}.search-res-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;overflow:hidden}.search-more{border:none;border-top:1px solid var(--border);color:var(--text-soft);font-family:var(--font-display);background:0 0;border-radius:0 0 9px 9px;justify-content:center;align-items:center;gap:.4rem;margin-top:.15rem;padding:.5rem;font-size:.8rem;font-weight:600;transition:color .13s,background .13s;display:inline-flex}.search-more:hover{background:var(--surface-2);color:var(--orange)}.dd{position:relative}.dd-menu{z-index:90;min-width:240px;box-shadow:var(--shadow);padding:.4rem;animation:.12s ddIn;position:absolute;top:calc(100% + 8px);right:0}@keyframes ddIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dd-title{color:var(--text-soft);padding:.5rem .6rem .3rem;font-size:.8rem;font-weight:600}.dd-item{width:100%;color:var(--text);font-family:var(--font-body);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.6rem;padding:.6rem;font-size:.92rem;display:flex}.dd-item:hover{background:var(--surface-2)}.dd-item.danger{color:#e0483f}.dd-item.danger:hover{background:#e63c3c1a}.dd-sep{background:var(--border);height:1px;margin:.3rem .2rem}.notif-dot{background:var(--orange);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:9px}.notif-empty{text-align:center;color:var(--text-soft);padding:1.4rem 1rem}.notif-empty svg{opacity:.5;margin-bottom:.4rem}.notif-empty p{margin:0;font-size:.88rem}.notif-badge{color:#fff;text-align:center;border:2px solid var(--bg);background:#e0483f;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:.66rem;font-weight:800;line-height:17px;position:absolute;top:4px;right:4px}.notif-menu{width:min(360px,100vw - 1.5rem);max-height:min(70vh,480px);overflow-y:auto}.notif-list{flex-direction:column;display:flex}.notif-item{text-align:left;color:var(--text);background:0 0;border:none;border-radius:10px;align-items:flex-start;gap:.6rem;padding:.6rem .5rem;display:flex}.notif-item:hover{background:var(--surface-2)}.notif-item.unread{background:color-mix(in srgb, var(--orange) 9%, transparent)}.notif-item.unread:hover{background:color-mix(in srgb, var(--orange) 15%, transparent)}.notif-avatar{background:var(--accent-grad);color:#1a1204;width:38px;height:38px;font-family:var(--font-display);border-radius:999px;flex-shrink:0;place-items:center;font-weight:700;display:grid;position:relative;overflow:visible}.notif-avatar img{object-fit:cover;border-radius:999px;width:100%;height:100%}.notif-type{color:#fff;border:2px solid var(--surface);background:var(--text-soft);border-radius:999px;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-3px;right:-3px}.notif-type.t-mention{background:#1d9bf0}.notif-type.t-comment_reply{color:#06301d;background:#3dd68c}.notif-type.t-comment_like,.notif-type.t-list_like{background:#e0483f}.notif-type.t-list_comment{background:#a879ff}.notif-body{flex-direction:column;gap:.1rem;min-width:0;display:flex}.notif-text{font-size:.86rem;line-height:1.35}.notif-text strong{color:var(--accent-ink)}.notif-snippet{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:.8rem;overflow:hidden}.notif-time{color:var(--text-soft);margin-top:.05rem;font-size:.72rem}.profile-btn{color:#f3f4f7;background:#23262e;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.55rem;padding:.3rem .55rem .3rem .3rem;transition:border-color .15s,box-shadow .15s;display:flex}.profile-btn:hover{border-color:var(--orange);box-shadow:0 4px 14px #0000002e}.profile-btn .profile-caret{color:#a6acba}.avatar{background:var(--accent-grad);color:#1a0d02;width:32px;height:32px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-lg{width:40px;height:40px}.profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:.9rem;font-weight:600;overflow:hidden}.profile-caret{color:var(--text-soft);transition:transform .15s}.profile-caret.up{transform:rotate(180deg)}.profile-head{align-items:center;gap:.6rem;padding:.6rem;display:flex}.profile-head-info{flex-direction:column;min-width:0;display:flex}.profile-head-info strong{font-size:.95rem}.profile-head-info span{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.app-content{--content-pad:clamp(1.2rem, 4vw, 2.2rem);--topbar-h:60px;padding:var(--content-pad);flex:1}.welcome{justify-content:center;align-items:center;min-height:62vh;display:flex}.placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-height:62vh;display:flex}.placeholder-icon{background:color-mix(in srgb, var(--orange) 12%, var(--surface));width:78px;height:78px;color:var(--accent-ink);border:1px solid color-mix(in srgb, var(--orange) 22%, transparent);border-radius:20px;place-items:center;margin-bottom:.9rem;display:grid}.placeholder-title{font-size:clamp(1.7rem,5vw,2.2rem)}.placeholder-sub{color:var(--text-soft);font-size:1.02rem}.explorer-head{margin-bottom:1.6rem}.explorer-title{align-items:center;gap:.6rem;font-size:clamp(1.7rem,5vw,2.3rem);display:flex}.explorer-title svg{color:var(--accent-ink)}.explorer-sub{color:var(--text-soft);margin:.4rem 0 0}.game-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.1rem;display:grid}.game-list{flex-direction:column;gap:.6rem;display:flex}.game-row{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:1rem;padding:.6rem .9rem .6rem .6rem;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.game-row:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 10px 24px #0a0a1429}.game-row-cover{aspect-ratio:3/4;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex:none;width:56px;overflow:hidden}.game-row-cover img{object-fit:cover;width:100%;height:100%;display:block}.game-row-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.game-row-title{font-family:var(--font-display);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;overflow:hidden}.game-row-meta{color:var(--text-soft);flex-wrap:wrap;gap:.5rem;font-size:.84rem;display:flex}.game-row-meta span:not(:first-child):before{content:"·";color:var(--border-strong);margin-right:.5rem}.game-row-plats{flex-wrap:wrap;gap:.3rem;margin-top:.1rem;display:flex}.game-row-plat{background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);border-radius:999px;padding:.12rem .5rem;font-size:.72rem;font-weight:600}.game-row-rating{font-family:var(--font-display);color:var(--amber);flex:none;align-items:center;gap:.25rem;font-size:.9rem;font-weight:700;display:inline-flex}.game-row-actions{flex:none;gap:.4rem;display:flex}.game-row-btn{border:1px solid var(--border-strong);background:var(--surface-2);width:38px;height:38px;color:var(--text);border-radius:10px;place-items:center;transition:all .15s;display:grid}.game-row-btn:hover:not(.disabled):not(:disabled){border-color:var(--orange);color:var(--accent-ink)}.game-row-btn.active{background:var(--accent-grad);color:#1a1204;border-color:#0000}.game-row-btn.disabled,.game-row-btn:disabled{opacity:.45;cursor:not-allowed}.game-row-skeleton{background:linear-gradient(100deg, var(--surface-2) 30%, var(--border) 50%, var(--surface-2) 70%);background-size:200% 100%;border-radius:14px;height:92px;animation:1.3s linear infinite shimmer}@media (width<=560px){.game-row-plats,.game-row-actions .game-row-btn.disabled{display:none}}.game-card{border-radius:14px;position:relative}.game-card:has(.add-fan.open){z-index:20}.game-cover{aspect-ratio:3/4;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.game-cover img{object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,.7,.2,1);display:block}.game-card:hover .game-cover{border-color:color-mix(in srgb, var(--orange) 45%, transparent);transform:translateY(-6px);box-shadow:0 18px 40px #14142847}.game-card:hover .game-cover img{transform:scale(1.08)}.game-nocover{width:100%;height:100%;color:var(--text-soft);place-items:center;display:grid}.game-cover.fan-open:after{content:"";z-index:4;background:#0a0a0f80;position:absolute;inset:0}.add-fan{z-index:15;width:42px;height:42px;position:absolute;top:8px;right:8px}.game-add{z-index:7;border:1.5px solid var(--amber);width:42px;height:42px;color:var(--amber);-webkit-backdrop-filter:blur(6px);background:#0f0f148c;border-radius:12px;place-items:center;transition:background .16s,color .16s,transform .16s;display:grid;position:absolute;top:0;right:0;box-shadow:0 2px 8px #0000004d}.game-add:hover{background:var(--amber);color:#1a0d02;transform:scale(1.08)}.game-add.added{background:var(--amber);border-color:var(--amber);color:#1a0d02}.game-add.open{color:#fff;background:#1c1e24;border-color:#fff3}.fan-btn{z-index:6;color:#fff;opacity:0;pointer-events:none;background:#1c1e24;border:1.5px solid #ffffff29;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .22s cubic-bezier(.2,.8,.3,1.2),opacity .18s,background .15s,color .15s,border-color .15s;display:grid;position:absolute;top:0;right:0;transform:scale(.4);box-shadow:0 4px 12px #00000073}.add-fan.open .fan-btn{opacity:1;pointer-events:auto}.add-fan.open .fan-btn.b3{transform:translate(-58px,2px)}.add-fan.open .fan-btn.b2{transform:translate(-48px,48px)}.add-fan.open .fan-btn.b1{transform:translate(-2px,62px)}.fan-btn:not(.disabled):hover{border-color:var(--amber);color:var(--amber)}.fan-btn.active{background:var(--accent-grad);color:#1a1204;border-color:#0000}.fan-btn.disabled{opacity:.4;cursor:not-allowed}.add-fan.open .fan-btn.disabled{opacity:.4}.add-fan.hover-only{opacity:0;pointer-events:none;transition:opacity .15s}.cover-tile:hover .add-fan.hover-only,.pg-tile:hover .add-fan.hover-only,.add-fan.hover-only.open,.add-fan.hover-only:focus-within{opacity:1;pointer-events:auto}.game-rating{z-index:3;color:var(--amber);-webkit-backdrop-filter:blur(6px);background:#0f0f149e;border-radius:8px;align-items:center;gap:.22rem;padding:.2rem .45rem;font-size:.74rem;font-weight:700;display:inline-flex;position:absolute;top:8px;left:8px}.game-overlay{z-index:2;opacity:0;background:linear-gradient(#0a0a0f00 0%,#0a0a0f8c 55%,#0a0a0feb 100%);flex-direction:column;justify-content:flex-end;padding:.8rem .75rem;transition:opacity .22s;display:flex;position:absolute;inset:0}.game-card:hover .game-overlay{opacity:1}.game-title{color:#fff;margin:0;font-size:.95rem;font-weight:700;line-height:1.2;transition:transform .22s;transform:translateY(6px)}.game-card:hover .game-title{transform:translateY(0)}.game-meta{color:#ffffffb8;margin:.25rem 0 0;font-size:.78rem;transition:transform .26s;transform:translateY(6px)}.game-card:hover .game-meta{transform:translateY(0)}.game-chips{opacity:0;margin-top:.45rem;transition:transform .3s,opacity .3s;overflow:hidden;transform:translateY(6px);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.game-card:hover .game-chips{opacity:1;transform:translateY(0)}.game-chips-track{white-space:nowrap;will-change:transform;gap:.3rem;display:inline-flex}.game-chips-track.scroll{animation:9s linear infinite chips-marquee}@keyframes chips-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.game-chip{color:#fff;-webkit-backdrop-filter:blur(4px);background:#ffffff2e;border-radius:6px;padding:.16rem .42rem;font-size:.66rem;font-weight:600}.explorer-toolbar{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1.6rem;display:flex}.explorer-search{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:12px;flex:1;align-items:center;min-width:220px;max-width:380px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.explorer-search:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px var(--ring)}.explorer-search-icon{color:var(--text-soft);flex-shrink:0;margin-left:.7rem}.explorer-search input{color:var(--text);font-family:var(--font-body);background:0 0;border:none;flex:1;padding:.7rem .6rem;font-size:.95rem}.explorer-search input:focus{outline:none}.explorer-search-clear{color:var(--text-soft);background:0 0;border:none;place-items:center;height:100%;padding:0 .6rem;display:grid}.explorer-search-clear:hover{color:var(--accent-ink)}.explorer-selects{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.explorer-select{font-family:var(--font-body);color:var(--text);background:var(--surface);border:1.5px solid var(--border-strong);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;border-radius:12px;padding:.62rem 2rem .62rem .8rem;font-size:.9rem;font-weight:500;transition:border-color .15s}.explorer-select:hover{border-color:var(--orange)}.explorer-select:focus{border-color:var(--orange);box-shadow:0 0 0 4px var(--ring);outline:none}.explorer-reset{padding:.55rem .9rem;font-size:.88rem}.explorer-empty{text-align:center;color:var(--text-soft);padding:3rem 1rem;font-size:1.05rem}.game-skeleton{aspect-ratio:3/4;background:linear-gradient(100deg, var(--surface-2) 30%, var(--border) 50%, var(--surface-2) 70%);background-size:200% 100%;border-radius:14px;animation:1.3s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.scroll-sentinel{height:1px}.explorer-loading{color:var(--text-soft);justify-content:center;align-items:center;gap:.5rem;padding:1.6rem;font-size:.9rem;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.explorer-end{text-align:center;color:var(--text-soft);padding:2rem}.explorer-error{text-align:center;max-width:480px;margin:2rem auto;padding:2rem}.explorer-error svg{color:var(--accent-ink);margin-bottom:.6rem}.explorer-error h3{margin-bottom:.5rem}.explorer-error p{color:var(--text-soft);margin:.3rem 0;font-size:.92rem}.explorer-hint code{background:var(--surface-2);border-radius:6px;padding:.1rem .35rem;font-size:.85em}.explorer-layout{grid-template-columns:262px 1fr;align-items:start;gap:1.5rem;display:grid}.explorer-main{min-width:0}.filter-panel{background:var(--surface);max-height:calc(100vh - 92px);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;padding:0 .9rem .6rem;position:sticky;top:76px;overflow-y:auto}.filter-panel::-webkit-scrollbar{width:8px}.filter-options::-webkit-scrollbar{width:8px}.filter-panel::-webkit-scrollbar-track{background:0 0}.filter-options::-webkit-scrollbar-track{background:0 0}.filter-panel::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.filter-options::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.filter-panel::-webkit-scrollbar-thumb:hover{background:var(--amber);background-clip:padding-box;border:2px solid #0000}.filter-options::-webkit-scrollbar-thumb:hover{background:var(--amber);background-clip:padding-box;border:2px solid #0000}.filter-panel-head{z-index:5;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:center;margin:0 -.9rem;padding:.85rem .9rem .7rem;display:flex;position:sticky;top:0}.filter-panel-title{font-family:var(--font-display);align-items:center;gap:.45rem;font-size:1rem;font-weight:700;display:flex}.filter-panel-title svg{color:var(--accent-ink)}.filter-clear{color:var(--accent-ink);background:0 0;border:none;font-size:.82rem;font-weight:600}.filter-clear:hover{text-decoration:underline}.filter-head-actions{align-items:center;gap:.4rem;display:flex}.filter-global-search{border:1px solid #0000;border-radius:9px;align-items:center;transition:background .15s,border-color .15s;display:flex}.filter-global-search.open{background:var(--surface-2);border-color:var(--border)}.filter-global-input{opacity:0;width:0;color:var(--text);font-family:var(--font-body);background:0 0;border:none;padding:0;font-size:.82rem;transition:width .2s,opacity .15s,padding .2s}.filter-global-search.open .filter-global-input{opacity:1;width:110px;padding:.3rem .1rem .3rem .5rem}.filter-global-input:focus{outline:none}.filter-global-btn{width:28px;height:28px;color:var(--text-soft);background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.filter-global-btn:hover{color:var(--accent-ink)}.filter-count{background:var(--accent-grad);color:#1a1204;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:700;display:inline-grid}.filter-section{margin-bottom:.55rem}.filter-head{background:#23262e;border-radius:10px;align-items:center;display:flex;overflow:hidden}.filter-title{color:#f3f4f7;font-family:var(--font-display);text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:.45rem;padding:.55rem .8rem;font-size:.9rem;font-weight:700;transition:background .15s;display:flex}.filter-title:hover{background:#ffffff0f}.filter-caret{color:#a6acba;transition:transform .15s}.filter-section.closed .filter-caret{transform:rotate(-90deg)}.andor{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.andor-opt{color:var(--text-soft);font-family:var(--font-display);background:0 0;border:none;border-radius:6px;padding:.18rem .42rem;font-size:.66rem;font-weight:700;transition:background .15s,color .15s}.andor-opt.active{background:var(--accent-grad);color:#1a1204}.andor-disabled{opacity:.4;pointer-events:none}.filter-body{margin-top:.5rem}.filter-controls{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.filter-controls .andor{margin-left:auto}.filter-search{background:var(--surface-2);border:1px solid var(--border);min-width:0;color:var(--text-soft);border-radius:9px;flex:1;align-items:center;gap:.4rem;padding:.35rem .55rem;display:flex}.filter-search input{color:var(--text);font-family:var(--font-body);background:0 0;border:none;width:100%;font-size:.85rem}.filter-search input:focus{outline:none}.filter-options{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;flex-direction:column;gap:.05rem;max-height:148px;padding-right:2px;display:flex;overflow-y:auto}.filter-option{color:var(--text-soft);border-radius:8px;align-items:center;gap:.55rem;padding:.32rem .4rem;font-size:.86rem;transition:background .12s,color .12s;display:flex}.filter-option:hover{background:var(--surface-2);color:var(--text)}.filter-option input{opacity:0;width:0;height:0;position:absolute}.filter-check{border:1.5px solid var(--border-strong);border-radius:5px;flex-shrink:0;width:16px;height:16px;transition:background .15s,border-color .15s;position:relative}.filter-option input:checked+.filter-check{background:var(--accent-grad);border-color:#0000}.filter-option input:checked+.filter-check:after{content:"";border:2px solid #1a1204;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1.5px;left:5px;transform:rotate(45deg)}.filter-option input:focus-visible+.filter-check{box-shadow:0 0 0 3px var(--ring)}.filter-label{line-height:1.2}.filter-empty{color:var(--text-soft);padding:.5rem .4rem;font-size:.82rem}.explorer-sort{align-items:center;gap:.5rem;display:flex}.sort-dir{border:1.5px solid var(--border-strong);background:var(--surface);width:42px;height:42px;color:var(--text);border-radius:12px;place-items:center;transition:border-color .15s,color .15s;display:grid}.sort-dir:hover{border-color:var(--orange);color:var(--accent-ink)}.explorer-view{border:1.5px solid var(--border-strong);background:var(--surface);border-radius:12px;gap:.25rem;padding:.2rem;display:flex}.view-btn{width:34px;height:34px;color:var(--text-soft);background:0 0;border:none;border-radius:9px;place-items:center;transition:background .15s,color .15s;display:grid}.view-btn:hover{color:var(--text)}.view-btn.active{background:var(--accent-grad);color:#1a1204}.filter-toggle-mobile{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-display);border-radius:12px;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.9rem;font-weight:600;display:none}@media (width<=900px){.explorer-layout{grid-template-columns:1fr}.filter-panel{max-height:none;margin-bottom:1.2rem;display:none;position:static}.filter-panel.open{display:block}.filter-toggle-mobile{display:inline-flex}}@media (width<=560px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem}.brand-name{font-size:1.1rem}.btn{padding:.62rem .95rem;font-size:.9rem}.footer{text-align:center;justify-content:center}.profile-name,.profile-caret{display:none}.profile-btn{border-radius:50%;padding:.25rem}}@media (width<=760px){.app-shell{--app-sidebar-w:76px}.sidebar{width:76px}.sidebar .side-label{display:none}.sidebar .sidebar-head{flex-direction:column;gap:.6rem}.sidebar .side-row,.sidebar .side-brand{justify-content:center}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#08080c99;justify-content:center;align-items:center;padding:2vh 1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;width:100%;max-width:820px;max-height:96vh;padding:1.7rem;animation:.18s cubic-bezier(.2,.8,.3,1) modalIn;position:relative;overflow-y:auto;box-shadow:0 30px 80px #00000080}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}@keyframes modalIn{0%{opacity:0;transform:translateY(14px)scale(.98)}}.modal-close{z-index:3;background:var(--surface-2);width:34px;height:34px;color:var(--text-soft);border:none;border-radius:10px;place-items:center;display:grid;position:absolute;top:.9rem;right:.9rem}.modal-close:hover{color:var(--text);background:var(--border)}.modal-loading{color:var(--text-soft);justify-content:center;align-items:center;gap:.5rem;padding:3rem;display:flex}.modal-form-sk{flex-direction:column;gap:.9rem;display:flex}.modal-form-sk>span,.mf-sk-seg,.mf-sk-row,.mf-sk-block{background:linear-gradient(100deg, var(--surface-2) 30%, var(--border) 50%, var(--surface-2) 70%);background-size:200% 100%;border-radius:10px;animation:1.3s linear infinite shimmer;display:block}.mf-sk-line{border-radius:6px;width:35%;height:13px}.mf-sk-line.sm{width:28%}.mf-sk-seg{height:44px}.mf-sk-row{height:64px}.mf-sk-block{height:96px}.modal-body{grid-template-columns:170px 1fr;gap:1.4rem;display:grid}.modal-cover-col{flex-direction:column;gap:.7rem;display:flex}.modal-cover{aspect-ratio:3/4;border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft);border-radius:14px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.modal-cover img{object-fit:cover;width:100%;height:100%}.modal-cover-edit{color:#fff;opacity:0;background:linear-gradient(#0000,#0a0a0fd9);justify-content:center;align-items:center;gap:.35rem;padding:.5rem;font-size:.8rem;font-weight:600;transition:opacity .15s;display:flex;position:absolute;bottom:0;left:0;right:0}.modal-cover:hover .modal-cover-edit{opacity:1}.fav-btn{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-soft);font-family:var(--font-display);border-radius:13px;justify-content:center;align-items:center;gap:.5rem;padding:.72rem;font-size:.92rem;font-weight:700;transition:all .18s;display:flex}.fav-btn:hover{color:#ff5a7a;border-color:#ff5a7a;transform:translateY(-1px)}.fav-btn.active{color:#fff;background:linear-gradient(100deg,#ff3d6e 0%,#ff7a5a 100%);border-color:#0000;box-shadow:0 8px 22px #ff3d6e66}.fav-btn.active svg{animation:.4s heartPop}@keyframes heartPop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.list-btn{border:1.5px dashed var(--border-strong);color:var(--text-soft);font-family:var(--font-display);opacity:.55;cursor:not-allowed;background:0 0;border-radius:13px;justify-content:center;align-items:center;gap:.45rem;padding:.62rem;font-size:.85rem;font-weight:600;display:flex}.rating-block{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;flex-direction:column;align-items:center;gap:.15rem;margin-top:.2rem;padding:.7rem .6rem .5rem;display:flex}.rating-block-label{color:var(--text-soft);font-size:.78rem;font-weight:700}.rating-gauge{flex-direction:column;align-items:center;width:100%;display:flex}.gauge-vis{width:100%;max-width:150px;position:relative}.gauge-svg{width:100%;display:block}.gauge-center{justify-content:center;display:flex;position:absolute;top:52%;left:0;right:0}.gauge-input{text-align:center;width:66px;font-family:var(--font-display);background:0 0;border:none;padding:0;font-size:26px;font-weight:700}.gauge-input:focus{outline:none}.gauge-input::-webkit-inner-spin-button{opacity:1}.gauge-input::-webkit-outer-spin-button{opacity:1}.gauge-noter{color:var(--text-soft);font-family:var(--font-display);background:0 0;border:none;padding:.2rem .6rem;font-size:.92rem;font-weight:700}.gauge-noter:hover{color:var(--accent-ink)}.gauge-clear{color:var(--text-soft);background:0 0;border:none;align-items:center;gap:.25rem;margin-top:-2px;padding:2px 4px;font-size:.72rem;font-weight:600;display:inline-flex}.gauge-clear:hover{color:#e0483f}.note-toggle{border:1.5px dashed var(--border-strong);color:var(--text-soft);font-family:var(--font-display);background:0 0;border-radius:12px;align-items:center;gap:.45rem;margin-top:1rem;padding:.65rem .95rem;font-size:.86rem;font-weight:600;transition:all .15s;display:inline-flex}.note-toggle:hover{border-style:solid;border-color:var(--orange);color:var(--accent-ink)}.modal-form{min-width:0}.modal-title{margin-bottom:1rem;padding-right:2rem;font-size:1.4rem}.field-label{color:var(--text-soft);margin:.9rem 0 .4rem;font-size:.8rem;font-weight:600;display:block}.seg{flex-wrap:wrap;gap:.35rem;display:flex}.seg-opt{border:1.5px solid var(--border-strong);background:var(--surface);min-width:78px;color:var(--text-soft);font-family:var(--font-display);border-radius:11px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.62rem .5rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.seg-opt svg{opacity:.7}.seg-opt.active svg{opacity:1}.seg-opt:hover{border-color:var(--orange);color:var(--text);background:color-mix(in srgb, var(--orange) 10%, var(--surface));transform:translateY(-1px)}.seg-opt:hover svg{opacity:1;color:var(--accent-ink)}.seg-opt.active{background:var(--accent-grad);color:#1a1204;border-color:#0000;box-shadow:0 4px 12px #f2b70b4d}.field-row{gap:.8rem;display:flex}.field-col{flex:1;min-width:0}.modal-select,.modal-input,.modal-textarea{width:100%;font-family:var(--font-body);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:12px;padding:.75rem .85rem;font-size:.98rem}.modal-select:focus,.modal-input:focus,.modal-textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px var(--ring);outline:none}.modal-textarea{resize:vertical}.input-group{border:1.5px solid var(--border-strong);background:var(--surface);border-radius:12px;align-items:center;gap:.5rem;padding:0 .85rem;transition:border-color .15s,box-shadow .15s;display:flex}.input-group:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px var(--ring)}.input-group .input-icon{color:var(--accent-ink);flex-shrink:0}.input-group .modal-input{background:0 0;border:none;border-radius:0;padding:.75rem 0}.input-group .modal-input:focus{box-shadow:none}.input-suffix{color:var(--text-soft);flex-shrink:0;font-size:.95rem;font-weight:700}.time-ttb-row{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.time-col{flex:0 0 168px}.time-col .input-group{padding:.12rem .9rem}.time-col .modal-input{padding:.82rem 0;font-size:1.08rem;font-weight:600}.time-col .input-suffix{font-size:1rem}.ttb-col{flex:1;min-width:210px}.ttb{margin-top:.8rem}.ttb-col .ttb{margin-top:0}.ttb-label{color:var(--text-soft);align-items:center;gap:.35rem;margin-bottom:.45rem;font-size:.78rem;font-weight:600;display:flex}.ttb-label svg{color:var(--accent-ink)}.ttb-chips{gap:.5rem;display:flex}.ttb-chip{border:1.5px solid var(--border-strong);background:var(--surface);border-radius:12px;flex-direction:column;flex:1 1 0;align-items:center;gap:.1rem;min-width:0;padding:.55rem .7rem;transition:all .15s;display:flex}.ttb-chip:hover{border-color:var(--orange);transform:translateY(-2px)}.ttb-chip.active{background:var(--accent-grad);border-color:#0000}.ttb-chip-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.64rem;font-weight:700}.ttb-chip-val{font-family:var(--font-display);color:var(--accent-ink);font-size:1.02rem;font-weight:700}.ttb-chip.active .ttb-chip-label,.ttb-chip.active .ttb-chip-val{color:#1a1204}.ttb-chip.empty{opacity:.55;cursor:default;border-style:dashed}.ttb-chip.empty:hover{border-color:var(--border-strong);transform:none}.ttb-chip.empty .ttb-chip-val{color:var(--text-soft)}.rating-head{justify-content:space-between;align-items:center;margin:.9rem 0 .4rem;display:flex}.rating-toggle{color:var(--text-soft);align-items:center;gap:.35rem;font-size:.82rem;display:flex}.rating-toggle input{accent-color:var(--orange)}.rating-row{align-items:center;gap:.8rem;display:flex}.rating-range{accent-color:var(--amber);flex:1;height:6px}.rating-val{font-family:var(--font-display);color:var(--accent-ink);text-align:right;min-width:46px;font-size:1.1rem;font-weight:700}.proscons{grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.1rem;display:grid}.chip-editor{--pc:var(--border-strong);background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:.85rem .85rem .9rem;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.chip-editor:before{content:"";background:var(--pc);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.chip-editor.pro{--pc:#22a35a}.chip-editor.con{--pc:#e0483f}.chip-editor:focus-within{border-color:color-mix(in srgb, var(--pc) 55%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--pc) 14%, transparent)}.chip-editor-head{font-family:var(--font-display);color:var(--pc);align-items:center;gap:.4rem;margin-bottom:.65rem;font-size:.82rem;font-weight:700;display:inline-flex}.chip-editor-head svg{background:color-mix(in srgb, var(--pc) 16%, transparent);border-radius:7px;width:22px;height:22px;padding:3px;display:block}.chip-input{gap:.4rem;display:flex}.chip-input input{min-width:0;font-family:var(--font-body);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:10px;flex:1;padding:.5rem .7rem;font-size:.86rem;transition:border-color .15s}.chip-input input::placeholder{color:var(--text-soft)}.chip-input input:focus{border-color:var(--pc);outline:none}.chip-add{background:var(--pc);color:#fff;border:none;border-radius:10px;flex-shrink:0;place-items:center;width:36px;transition:filter .12s,transform .12s;display:grid}.chip-add:hover{filter:brightness(1.08);transform:translateY(-1px)}.chip-list{flex-wrap:wrap;gap:.35rem;margin-top:.6rem;display:flex}.pc-chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .32rem .3rem .65rem;font-size:.8rem;font-weight:600;animation:.14s lc-pop-in;display:inline-flex}.pc-chip.pro{background:color-mix(in srgb, #22a35a 12%, var(--surface));color:#1f9c56;border-color:#22a35a59}.pc-chip.con{background:color-mix(in srgb, #e0483f 12%, var(--surface));color:#d8483f;border-color:#e0483f59}.pc-chip button{background:color-mix(in srgb, currentColor 16%, transparent);color:inherit;opacity:.75;border:none;border-radius:50%;place-items:center;padding:.14rem;transition:opacity .12s,background .12s;display:grid}.pc-chip button:hover{opacity:1;background:color-mix(in srgb, currentColor 28%, transparent)}.modal-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-top:1.4rem;display:flex}.modal-actions-right{gap:.5rem;margin-left:auto;display:flex}.btn-remove{color:#e0483f;font-family:var(--font-display);background:0 0;border:1px solid #e0483f66;border-radius:12px;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.btn-remove:hover{background:#e0483f1a}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.6rem;margin-top:1.4rem;padding-top:1.2rem;display:flex}.review-btn{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-display);border-radius:13px;justify-content:center;align-items:center;gap:.45rem;padding:.68rem;font-size:.88rem;font-weight:600;transition:all .15s;display:flex}.review-btn:hover{border-color:var(--orange);color:var(--accent-ink);transform:translateY(-1px)}.review-btn.filled{background:color-mix(in srgb, var(--orange) 16%, var(--surface));color:var(--accent-ink);border-color:#0000}.modal-overlay.sub{z-index:1100;background:#08080c8c}.review-modal{max-width:620px}.review-head{align-items:center;gap:.85rem;margin-bottom:1.15rem;padding-right:2.6rem;display:flex}.review-head-icon{background:var(--accent-grad);color:#23180a;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.review-head .modal-title{margin:0}.review-sub{color:var(--text-soft);margin:.12rem 0 0;font-size:.9rem}.lc-composer.big{margin-bottom:1.15rem}.lc-composer.big .lc-inputbox{border-radius:16px;padding:.85rem 1rem}.lc-composer.big .lc-input,.lc-composer.big .lc-input-hl{min-height:88px;max-height:320px;font-size:1rem}.char-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.7rem;display:grid}.char-item{border:2px solid var(--border);background:var(--surface-2);border-radius:13px;flex-direction:column;align-items:center;gap:.45rem;padding:.7rem .4rem .6rem;transition:border-color .15s,transform .15s;display:flex;position:relative}.char-item:hover{border-color:var(--orange);transform:translateY(-3px)}.char-item.active{border-color:var(--amber)}.char-img{background:var(--surface);width:66px;height:66px;color:var(--text-soft);border-radius:50%;place-items:center;display:grid;overflow:hidden}.char-img img{object-fit:cover;width:100%;height:100%}.char-name{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.char-star{color:var(--text-soft);position:absolute;top:6px;right:6px}.char-item.active .char-star{color:var(--amber)}.char-field{border:1.5px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text-soft);font-family:var(--font-body);text-align:left;border-radius:12px;align-items:center;gap:.55rem;padding:.62rem .75rem;font-size:.92rem;transition:border-color .15s;display:flex}.char-field:hover{border-color:var(--orange)}.char-field.filled{color:var(--text)}.char-field-avatar{background:var(--surface-2);width:28px;height:28px;color:var(--text-soft);border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.char-field-avatar img{object-fit:cover;width:100%;height:100%}.char-field-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.char-field-star{color:var(--amber);flex-shrink:0}.scroll-row-wrap{position:relative}.scroll-row-wrap:before,.scroll-row-wrap:after{content:"";z-index:1;pointer-events:none;opacity:0;width:46px;transition:opacity .15s;position:absolute;top:0;bottom:8px}.scroll-row-wrap:before{background:linear-gradient(90deg, var(--surface), transparent);left:0}.scroll-row-wrap:after{background:linear-gradient(270deg, var(--surface), transparent);right:0}.scroll-row-wrap.has-left:before,.scroll-row-wrap.has-right:after{opacity:1}.scroll-arrow{z-index:2;border:1px solid var(--border-strong);background:var(--surface);width:30px;height:30px;color:var(--text);border-radius:50%;place-items:center;transition:border-color .15s,color .15s,transform .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000002e}.scroll-arrow.left{left:0}.scroll-arrow.right{right:0}.scroll-arrow:hover{border-color:var(--orange);color:var(--accent-ink);transform:translateY(-50%)scale(1.1)}.pick-row{scrollbar-width:none;gap:.5rem;padding:6px 2px 8px;display:flex;overflow-x:auto}.pick-row::-webkit-scrollbar{display:none}.pick-row.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.pick-row img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.pick-check{place-items:center;display:grid;position:absolute;top:50%;left:.55rem;transform:translateY(-50%)}.plat-card{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-body);white-space:nowrap;border-radius:11px;flex:none;padding:.62rem .95rem;font-size:.88rem;font-weight:600;transition:all .15s;position:relative}.plat-card:hover{border-color:var(--orange);transform:translateY(-2px)}.plat-card.active{background:var(--accent-grad);color:#1a1204;border-color:#0000;padding-left:1.75rem}.char-card{border:2px solid var(--border);background:var(--surface-2);border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:.35rem;width:84px;padding:.55rem .3rem .5rem;transition:all .15s;display:flex;position:relative}.char-card:hover{border-color:var(--orange);transform:translateY(-3px)}.char-card.active{border-color:var(--amber)}.char-card-img{background:var(--surface);width:54px;height:54px;color:var(--text-soft);border-radius:50%;place-items:center;display:grid;overflow:hidden}.char-card-img img{object-fit:cover;width:100%;height:100%}.char-card-name{text-align:center;color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.char-card.active .char-card-name{color:var(--text)}.char-card-star{background:var(--accent-grad);color:#1a1204;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:5px;right:5px}.char-card-mine{color:#fff;-webkit-backdrop-filter:blur(4px);background:#0a0a0f8c;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:5px;left:5px}.char-card-img.add{border:2px dashed var(--border-strong);color:var(--text-soft);background:0 0}.char-card.add:hover .char-card-img.add{border-color:var(--orange);color:var(--accent-ink)}.add-char-modal{max-width:440px}.add-char-body{align-items:center;gap:.8rem;margin-bottom:.4rem;display:flex}.add-char-img{border:2px dashed var(--border-strong);background:var(--surface-2);width:72px;height:72px;color:var(--text-soft);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.15rem;font-size:.68rem;font-weight:600;transition:border-color .15s,color .15s;display:flex;overflow:hidden}.add-char-img img{object-fit:cover;width:100%;height:100%}.add-char-img:hover{border-color:var(--orange);color:var(--accent-ink)}.add-char-body .modal-input{flex:1}.ost-card{flex-direction:column;flex:none;gap:.2rem;width:120px;display:flex}.ost-art{background:var(--surface-2);border:2px solid var(--border);width:120px;height:120px;color:var(--text-soft);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.ost-card.fav .ost-art{border-color:var(--amber)}.ost-art img{object-fit:cover;width:100%;height:100%}.ost-play{color:#fff;-webkit-backdrop-filter:blur(4px);background:#0a0a0f99;border:none;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .15s,transform .15s,color .15s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ost-play:hover{background:var(--orange);color:#1a1204;transform:translate(-50%,-50%)scale(1.08)}.ost-play.playing{background:var(--accent-grad);color:#1a1204}.ost-star{width:24px;height:24px;color:var(--amber);-webkit-backdrop-filter:blur(4px);background:#0a0a0f8c;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px}.ost-card.fav .ost-star{background:var(--accent-grad);color:#1a1204}.ost-name{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;line-height:1.2;overflow:hidden}.ost-artist{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.ost-loading,.ost-none{color:var(--text-soft);align-items:center;gap:.4rem;padding:.7rem .2rem;font-size:.85rem;display:flex}.gp-ost{margin-top:.4rem}.gp-ost-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.gp-ost-title{font-family:var(--font-display);color:var(--text);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:inline-flex}.gp-ost-title svg{color:var(--orange)}.gp-ost-count{background:var(--surface-2);border:1px solid var(--border);min-width:22px;height:22px;color:var(--text-soft);border-radius:999px;place-items:center;padding:0 .4rem;font-size:.78rem;font-weight:700;display:inline-grid}.gp-ost-search{background:var(--surface);border:1.5px solid var(--border);color:var(--text-soft);border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .75rem;transition:border-color .15s;display:flex}.gp-ost-search:focus-within{border-color:var(--orange)}.gp-ost-search-input{color:var(--text);background:0 0;border:none;outline:none;width:170px;max-width:42vw;font-size:.9rem}.gp-ost-search-clear{color:var(--text-soft);background:0 0;border:none;place-items:center;padding:0;display:grid}.gp-ost-search-clear:hover{color:var(--text)}.gp-ost-tools{align-items:center;gap:.6rem;display:flex}.gp-ost-trash-btn{background:var(--surface);border:1.5px solid var(--border);color:var(--text-soft);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .7rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.gp-ost-trash-btn:hover{color:var(--text);border-color:var(--border-strong)}.gp-ost-trash-btn.active{color:var(--orange);border-color:var(--orange);background:#f2b70b14}.gp-ost-trash-btn .gp-ost-count{min-width:20px;height:20px}.gp-ost-trash{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:1.6rem;padding:.9rem 1rem 1rem;animation:.2s gp-ost-trash-in}@keyframes gp-ost-trash-in{0%{opacity:0;transform:translateY(-6px)}}.gp-ost-trash-head{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.7rem;display:flex}.gp-ost-trash-title{color:var(--text-soft);align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:inline-flex}.gp-ost-trash-all{color:var(--orange);background:0 0;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.2rem .3rem;font-size:.82rem;font-weight:600;display:inline-flex}.gp-ost-trash-all:hover{text-decoration:underline}.gp-ost-trash-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;display:grid}.gp-ost-trash-item{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:.6rem;padding:.4rem .5rem;display:flex}.gp-ost-trash-art{width:38px;height:38px;color:var(--text-soft);background:#101013;border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 3px #00000080}.gp-ost-trash-art img{object-fit:cover;width:100%;height:100%}.gp-ost-trash-txt{flex-direction:column;flex:1;min-width:0;display:flex}.gp-ost-trash-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.gp-ost-trash-artist{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.gp-ost-trash-restore{background:var(--surface);border:none;border:1px solid var(--border);width:32px;height:32px;color:var(--text-soft);border-radius:50%;flex-shrink:0;place-items:center;transition:color .15s,border-color .15s,transform .15s;display:grid}.gp-ost-trash-restore:hover{color:var(--orange);border-color:var(--orange);transform:rotate(-30deg)}.gp-ost-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.6rem 1.2rem;display:grid}.gp-ost-item{text-align:center;background:0 0;border:none;flex-direction:column;align-items:center;gap:.55rem;padding:0;display:flex}.gp-vinyl{aspect-ratio:1;width:100%;max-width:160px;position:relative}.gp-vinyl-disc{background:radial-gradient(circle at 32% 28%,#ffffff24,#0000 45%),repeating-radial-gradient(circle,#17171b 0 1px,#26262c 1px 3px),#101013;border-radius:50%;transition:transform .4s,box-shadow .3s;animation:4.5s linear infinite paused vinyl-spin;position:absolute;inset:0;box-shadow:0 10px 26px #00000073,inset 0 0 0 1px #ffffff0d}.gp-vinyl-label{background:var(--surface-2);width:46%;height:46%;color:var(--text-soft);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px #0000008c}.gp-vinyl-label img{object-fit:cover;width:100%;height:100%}.gp-vinyl-hole{background:var(--surface);border-radius:50%;width:11%;height:11%;position:absolute;box-shadow:inset 0 0 0 2px #0009}.gp-vinyl-sheen{pointer-events:none;background:linear-gradient(125deg,#ffffff29 0%,#fff0 32% 68%,#ffffff12 100%);border-radius:50%;position:absolute;inset:0}@keyframes vinyl-spin{to{transform:rotate(360deg)}}.gp-vinyl.playing .gp-vinyl-disc{animation-play-state:running;box-shadow:0 12px 30px #00000080,inset 0 0 0 1px #ffffff0d,0 0 0 2px #f2b70b8c,0 0 26px #f2b70b59}.gp-vinyl:hover .gp-vinyl-disc{transform:scale(1.03)}.gp-vinyl-play{color:#fff;opacity:0;-webkit-backdrop-filter:blur(3px);z-index:2;background:#0a0a0f9e;border:none;border-radius:50%;place-items:center;width:46px;height:46px;transition:opacity .18s,background .18s,transform .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gp-vinyl:hover .gp-vinyl-play,.gp-vinyl.playing .gp-vinyl-play{opacity:1}.gp-vinyl-play:hover{background:var(--accent-grad);color:#1a1204;transform:translate(-50%,-50%)scale(1.08)}.gp-vinyl.playing .gp-vinyl-play{background:var(--accent-grad);color:#1a1204}.gp-vinyl-star{width:28px;height:28px;color:var(--amber);z-index:3;opacity:0;-webkit-backdrop-filter:blur(3px);background:#0a0a0f99;border:none;border-radius:50%;place-items:center;transition:opacity .18s,transform .15s;display:grid;position:absolute;top:4px;right:4px}.gp-vinyl:hover .gp-vinyl-star,.gp-vinyl.fav .gp-vinyl-star{opacity:1}.gp-vinyl-star:hover{transform:scale(1.12)}.gp-vinyl.fav .gp-vinyl-star{background:var(--accent-grad);color:#1a1204}.gp-ost-meta{flex-direction:column;gap:.1rem;width:100%;min-width:0;display:flex}.gp-vinyl-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;line-height:1.25;overflow:hidden}.gp-vinyl-artist{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.gp-ost-add{cursor:pointer}.gp-vinyl-add .gp-vinyl-disc{opacity:.75;background:repeating-radial-gradient(circle,#1b1b20 0 1px,#2a2a30 1px 3px),#131317;transition:opacity .18s,transform .3s;animation:none}.gp-ost-add:hover .gp-vinyl-disc{opacity:1;transform:scale(1.03)}.gp-vinyl-add-icon{background:var(--surface-2);width:46%;height:46%;color:var(--orange);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px #0000008c}.gp-vinyl-skel .gp-vinyl-disc{background:linear-gradient(100deg, var(--surface-2) 30%, var(--border) 50%, var(--surface-2) 70%);box-shadow:none;background-size:200% 100%;animation:1.3s linear infinite shimmer}.gp-ost-none{color:var(--text-soft);padding:1.4rem .2rem;font-size:.9rem}@media (width<=560px){.gp-ost-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.2rem .9rem}}.ost-head{justify-content:space-between;align-items:center;margin:.9rem 0 .4rem;display:flex}.ost-search{border:1.5px solid #0000;border-radius:10px;align-items:center;transition:border-color .15s,background .15s;display:flex}.ost-search.open{background:var(--surface);border-color:var(--border-strong)}.ost-search-input{opacity:0;width:0;color:var(--text);font-family:var(--font-body);background:0 0;border:none;padding:0;font-size:.85rem;transition:width .2s,opacity .15s,padding .2s}.ost-search.open .ost-search-input{opacity:1;width:130px;padding:.35rem .2rem .35rem .6rem}.ost-search-input:focus{outline:none}.ost-search-btn{width:32px;height:32px;color:var(--text-soft);background:0 0;border:none;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.ost-search-btn:hover{color:var(--accent-ink)}.ost-add{text-align:left;background:0 0;border:none;padding:0}.ost-art.add{border:2px dashed var(--border-strong);color:var(--text-soft);background:0 0}.ost-add:hover .ost-art.add{border-color:var(--orange);color:var(--accent-ink)}.add-ost-modal{max-width:460px}.yt-icon{color:red;vertical-align:middle;margin-right:.2rem}.yt-player{border-radius:var(--radius-lg);background:#000;width:100%;max-width:760px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009}.yt-frame{aspect-ratio:16/9;width:100%;position:relative}.yt-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.yt-player .modal-close{z-index:3;color:#fff;background:#0000008c}.ctx-backdrop{z-index:1200;position:fixed;inset:0}.ctx-menu{z-index:1201;background:var(--surface);border:1px solid var(--border);min-width:190px;box-shadow:var(--shadow);border-radius:12px;padding:.35rem;position:fixed}.ctx-item{width:100%;color:var(--text);font-family:var(--font-body);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:.5rem;padding:.55rem .6rem;font-size:.9rem;display:flex}.ctx-item:hover{background:var(--surface-2)}.ctx-item.danger{color:#e0483f}.ctx-item.danger:hover{background:#e0483f1a}.playlist-note{background:color-mix(in srgb, var(--orange) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--orange) 25%, transparent);color:var(--accent-ink);border-radius:11px;align-items:center;gap:.45rem;margin-top:.9rem;padding:.7rem .85rem;font-size:.88rem;font-weight:600;display:flex}.playlist-link{color:var(--accent-ink);background:0 0;border:none;align-items:center;gap:.35rem;margin-top:.6rem;padding:0;font-size:.82rem;font-weight:600;display:inline-flex}.playlist-link:hover{text-decoration:underline}.mass-rename-modal{max-width:480px}.mass-rename-case{color:var(--text-soft);cursor:pointer;align-items:center;gap:.5rem;margin-top:.7rem;font-size:.85rem;display:flex}.mass-rename-preview{margin-top:1rem}.mass-rename-count{color:var(--accent-ink);margin-bottom:.5rem;font-size:.82rem;font-weight:600}.mass-rename-list{flex-direction:column;gap:.35rem;max-height:220px;padding-right:.2rem;display:flex;overflow-y:auto}.mass-rename-row{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.82rem;display:flex}.mass-rename-before{min-width:0;color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;text-decoration:line-through;overflow:hidden}.mass-rename-after{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.profile{max-width:1000px;margin:0 auto}.profile-header{margin-bottom:1.2rem}.profile-cover{border:1px solid var(--border);background:linear-gradient(120deg,#23262e 0%,#3a3020 55%,#5a4212 100%);border-radius:20px;height:170px;position:relative;overflow:hidden}.profile-cover:after{content:"";background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.profile-id{align-items:flex-end;gap:1.1rem;margin-top:-48px;padding:0 1.4rem;display:flex;position:relative}.profile-avatar{background:var(--accent-grad);color:#1a1204;border:4px solid var(--bg);border-radius:50%;flex-shrink:0;place-items:center;width:104px;height:104px;display:grid;box-shadow:0 8px 22px #f2b70b59}.profile-meta{min-width:0;padding-bottom:.4rem}.profile-username{margin-bottom:.4rem;font-size:clamp(1.5rem,4vw,2rem)}.profile-stats{color:var(--text-soft);flex-wrap:wrap;gap:1.1rem;font-size:.9rem;display:flex}.profile-stats strong{color:var(--text);font-family:var(--font-display)}.profile-stats .stat-mute{opacity:.65}.profile-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;align-items:stretch;gap:.3rem;margin-bottom:1.6rem;display:flex;overflow:auto hidden}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{color:var(--text-soft);font-family:var(--font-display);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:9px 9px 0 0;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.7rem 1rem;font-size:.92rem;font-weight:600;transition:color .16s,background .16s,border-color .16s;display:inline-flex}.profile-tab svg{transition:transform .16s}.profile-tab:hover:not(.active):not(:disabled){color:var(--accent-ink);background:color-mix(in srgb, var(--orange) 9%, transparent);border-bottom-color:color-mix(in srgb, var(--orange) 45%, transparent)}.profile-tab:hover:not(:disabled) svg{transform:translateY(-1px)scale(1.1)}.profile-tab.active{color:var(--accent-ink);border-bottom-color:var(--orange)}.profile-tab .tab-count{transition:background .16s,color .16s}.profile-tab:hover:not(:disabled) .tab-count{background:color-mix(in srgb, var(--orange) 22%, transparent);color:var(--accent-ink)}.profile-tab:disabled{opacity:.45;cursor:not-allowed}.profile-section{margin-bottom:1.8rem}.profile-section-title{align-items:center;gap:.45rem;margin-bottom:.8rem;font-size:1.15rem;display:flex}.profile-section-title svg{color:var(--accent-ink)}.section-count{font-family:var(--font-body);color:var(--text-soft);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.05rem .5rem;font-size:.8rem;font-weight:600}.cover-row{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;gap:.8rem;padding-top:8px;padding-bottom:.6rem;display:flex;overflow:auto hidden}.cover-row::-webkit-scrollbar{height:8px}.cover-row::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.cover-tile,.cover-add{aspect-ratio:3/4;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex:none;width:108px;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.cover-tile img{object-fit:cover;width:100%;height:100%}.cover-tile:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--orange) 40%, var(--border));transform:translateY(-4px)}.cover-ph{text-align:center;width:100%;height:100%;color:var(--text-soft);place-items:center;padding:.4rem;font-size:.72rem;font-weight:600;display:grid}.cover-fav{width:24px;height:24px;color:var(--amber);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0f99;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.cover-add{color:var(--text-soft);border:2px dashed var(--border-strong);background:0 0;place-items:center;display:grid}.cover-add:hover{border-color:var(--orange);color:var(--accent-ink);transform:translateY(-4px)}.cover-more{aspect-ratio:3/4;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex:none;place-items:center;width:108px;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden}.cover-more:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--orange) 45%, var(--border));transform:translateY(-4px)}.cover-more-stack{display:flex;position:absolute;inset:0}.cover-more-cover{flex:1 1 0;min-width:0;overflow:hidden}.cover-more-cover img{object-fit:cover;filter:brightness(.5)saturate(.85);width:100%;height:100%;transition:transform .25s}.cover-more:hover .cover-more-cover img{transform:scale(1.05)}.cover-more-ph{background:var(--surface-3,#26262d);width:100%;height:100%;display:block}.cover-more-veil{background:linear-gradient(#0a0a0f59,#0a0a0fd1);position:absolute;inset:0}.cover-more-body{z-index:1;text-align:center;color:#fff;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem;display:flex;position:relative}.cover-more-count{font-family:var(--font-display);color:var(--amber);text-shadow:0 1px 6px #00000080;font-size:1.5rem;font-weight:800;line-height:1}.cover-more-text{font-family:var(--font-display);text-shadow:0 1px 4px #0009;align-items:center;gap:.2rem;font-size:.72rem;font-weight:600;display:inline-flex}.cover-more-text svg{transition:transform .18s}.cover-more:hover .cover-more-text svg{transform:translate(3px)}.profile-empty{text-align:center;color:var(--text-soft);padding:3rem 1rem;font-size:1.05rem}.favpick-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.7rem;margin-bottom:.4rem;display:grid}.favpick-item{aspect-ratio:3/4;border:2px solid var(--border);background:var(--surface-2);border-radius:11px;padding:0;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.favpick-item img{object-fit:cover;width:100%;height:100%}.favpick-item:hover{border-color:var(--orange);transform:translateY(-3px)}.favpick-item.active{border-color:var(--amber)}.favpick-star{width:24px;height:24px;color:var(--amber);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0f8c;border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px}.favpick-item.active .favpick-star{background:var(--accent-grad);color:#1a1204}@media (width<=560px){.profile-avatar{width:84px;height:84px}.profile-id{margin-top:-40px}}.cover-picker{min-height:300px}.picker-back{color:var(--text-soft);background:0 0;border:none;align-items:center;gap:.35rem;margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.picker-back:hover{color:var(--text)}.picker-title{margin-bottom:1rem;font-size:1.2rem}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.7rem;display:grid}.picker-item,.picker-upload{aspect-ratio:3/4;border:2px solid var(--border);background:var(--surface-2);border-radius:11px;padding:0;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.picker-item img{object-fit:cover;width:100%;height:100%}.picker-item:hover,.picker-upload:hover{border-color:var(--orange);transform:translateY(-3px)}.picker-item.active{border-color:var(--amber)}.picker-upload{color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:flex}.picker-badge{background:var(--accent-grad);color:#1a1204;border-radius:999px;padding:.1rem .35rem;font-size:.6rem;font-weight:700;position:absolute;bottom:5px;left:5px}.picker-check{background:var(--accent-grad);color:#1a1204;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:5px;right:5px}@media (width<=620px){.modal-body{grid-template-columns:1fr}.modal-cover-col{width:100%;max-width:260px;margin:0 auto}.proscons{grid-template-columns:1fr}.grv-editor-head{flex-direction:column;padding-right:0}.grv-rating-block{align-self:center;width:100%;max-width:220px}}.dot{color:var(--text-soft);opacity:.6}.lists-page{max-width:1200px;margin:0 auto}.lists-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.4rem;display:flex}.lists-title{align-items:center;gap:.7rem;font-size:2rem;display:flex}.lists-title-icon{background:var(--accent-grad);color:#1a1204;border-radius:13px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 6px 18px #f2b70b59}.lists-sub{color:var(--text-soft);margin:.5rem 0 0;font-size:1rem}.lists-tabs{border-bottom:1px solid var(--border);gap:.4rem;margin-bottom:1.4rem;padding-bottom:0;display:flex}.lists-tab{color:var(--text-soft);font-family:var(--font-display);background:0 0;border:none;border-radius:10px 10px 0 0;padding:.6rem .9rem;font-size:.95rem;font-weight:600;transition:color .15s,background .15s;position:relative}.lists-tab:hover{color:var(--text);background:var(--surface-2)}.lists-tab.active{color:var(--accent-ink)}.lists-tab.active:after{content:"";background:var(--accent-grad);border-radius:2px;height:2.5px;position:absolute;bottom:-1px;left:.9rem;right:.9rem}.lists-loading{color:var(--text-soft);justify-content:center;align-items:center;gap:.5rem;padding:3rem;display:flex}.lists-empty{text-align:center;color:var(--text-soft);flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1.5rem;display:flex}.lists-empty h3{color:var(--text);margin-top:.4rem}.lists-empty .btn{margin-top:.8rem}.lists-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.1rem;display:grid}.list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .22s,border-color .2s;display:flex;overflow:hidden}.list-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong);transform:translateY(-4px)}.list-preview{background:linear-gradient(160deg, var(--surface-2), var(--surface));border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:130px;display:flex;position:relative;overflow:hidden}.list-preview.empty{color:var(--text-soft);opacity:.5}.list-preview-cover{aspect-ratio:3/4;border:2px solid var(--surface);width:74px;transform:translateX(calc((var(--i) - 2) * 46px)) rotate(calc((var(--i) - 2) * 4deg));z-index:calc(5 - var(--i));border-radius:8px;transition:transform .28s cubic-bezier(.2,.7,.2,1);position:absolute;overflow:hidden;box-shadow:0 6px 16px #00000040}.list-card:hover .list-preview-cover{transform:translateX(calc((var(--i) - 2) * 58px)) rotate(calc((var(--i) - 2) * 6deg)) translateY(-2px)}.list-preview-cover img{object-fit:cover;width:100%;height:100%}.list-tag,.list-type-badge{--tc:#8b93a7;font-family:var(--font-display);letter-spacing:.015em;white-space:nowrap;border-radius:999px;align-items:center;gap:.34rem;padding:.34rem .6rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.list-tag.t-classic,.list-type-badge.t-classic{--tc:#3b8ff0}.list-tag.t-ranked,.list-type-badge.t-ranked{--tc:#e6a70a}.list-tag.t-tier,.list-type-badge.t-tier{--tc:#9a6bff}.list-type-badge{color:color-mix(in srgb, var(--tc) 78%, var(--text));background:color-mix(in srgb, var(--tc) 13%, var(--surface));border:1px solid color-mix(in srgb, var(--tc) 30%, transparent)}.list-type-badge svg{color:var(--tc)}.list-tag{z-index:6;color:#fff;background:color-mix(in srgb, var(--tc) 26%, #0e0f14b3);border:1px solid color-mix(in srgb, var(--tc) 45%, #ffffff29);-webkit-backdrop-filter:blur(8px)saturate(130%);padding:.32rem .58rem;font-size:.68rem;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 14px #00000052}.list-tag svg{color:color-mix(in srgb, var(--tc) 55%, #fff)}.list-tag-priv{z-index:6;color:#fff;-webkit-backdrop-filter:blur(8px);background:#0e0f14b3;border:1px solid #ffffff29;border-radius:999px;place-items:center;width:26px;height:26px;display:inline-grid;position:absolute;top:8px;right:8px;box-shadow:0 4px 14px #00000052}.list-card-body{flex-direction:column;flex:1;gap:.4rem;padding:.9rem 1rem 1rem;display:flex}.list-card-badges{align-items:center;gap:.4rem;display:flex}.list-priv-badge{background:var(--surface-2);width:22px;height:22px;color:var(--text-soft);border:1px solid var(--border);border-radius:999px;place-items:center;display:inline-grid}.list-card-title{font-size:1.12rem;line-height:1.2}.list-card-desc{color:var(--text-soft);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;display:-webkit-box;overflow:hidden}.list-card-meta{color:var(--text-soft);align-items:center;gap:.4rem;margin-top:auto;font-size:.82rem;display:flex}.list-card-author{color:var(--accent-ink);font-weight:600}.list-card-foot{border-top:1px solid var(--border);align-items:center;gap:.9rem;margin-top:.5rem;padding-top:.6rem;display:flex}.list-stat{color:var(--text-soft);align-items:center;gap:.32rem;font-size:.82rem;font-weight:500;display:inline-flex}.list-stat.liked{color:#ff5470}.list-stat.time{opacity:.8;margin-left:auto;font-size:.76rem}.type-picker{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.type-card{text-align:left;border:1.5px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:13px;flex-direction:row;align-items:center;gap:.5rem;padding:.6rem .65rem;transition:border-color .15s,background .15s,transform .12s;display:flex}.type-card:hover{border-color:var(--orange);transform:translateY(-1px)}.type-card.active{border-color:var(--orange);background:color-mix(in srgb, var(--orange) 12%, var(--surface));box-shadow:0 0 0 3px var(--ring)}.type-card-icon{background:var(--surface);width:32px;height:32px;color:var(--text);border:1px solid var(--border);border-radius:9px;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:grid}.type-card.active .type-card-icon{background:var(--accent-grad);color:#1a1204;border-color:#0000}.type-card-label{font-family:var(--font-display);font-size:.8rem;font-weight:700;line-height:1.12}.kind-picker{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.kind-card{border:1.5px solid var(--border);background:var(--surface-2);color:var(--text);font-family:var(--font-display);border-radius:13px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem .65rem;font-size:.85rem;font-weight:700;transition:border-color .15s,background .15s,transform .12s;display:inline-flex}.kind-card:hover{border-color:var(--orange);transform:translateY(-1px)}.kind-card.active{border-color:var(--orange);background:color-mix(in srgb, var(--orange) 12%, var(--surface));color:var(--accent-ink);box-shadow:0 0 0 3px var(--ring)}.title-row{align-items:stretch;gap:.55rem;display:flex}.title-row .modal-input{flex:1;min-width:0}.title-row .vis-switch{flex-shrink:0}.vis-switch{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-soft);font-family:var(--font-display);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .55rem .3rem .65rem;font-size:.8rem;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.vis-switch.on{color:var(--accent-ink);border-color:color-mix(in srgb, var(--orange) 45%, var(--border));background:color-mix(in srgb, var(--orange) 10%, var(--surface))}.vis-switch-track{background:var(--border-strong);border-radius:999px;width:30px;height:17px;transition:background .15s;position:relative}.vis-switch.on .vis-switch-track{background:var(--orange)}.vis-switch-knob{background:#fff;border-radius:999px;width:13px;height:13px;transition:transform .16s cubic-bezier(.2,.7,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.vis-switch.on .vis-switch-knob{transform:translate(13px)}.additems-modal{max-width:720px}.additems-tabs{gap:.4rem;margin-bottom:1rem;display:flex}.additems-tab{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);font-family:var(--font-display);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.88rem;font-weight:600;display:inline-flex}.additems-tab.active{background:var(--accent-grad);color:#1a1204;border-color:#0000}.additems-modes{background:var(--surface-2);border-radius:11px;gap:.4rem;margin-bottom:.9rem;padding:.25rem;display:flex}.additems-mode{color:var(--text-soft);font-family:var(--font-display);background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .7rem;font-size:.85rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.additems-mode.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.additems-filterrow{justify-content:flex-end;margin:-.4rem 0 .8rem;display:flex}.additems-toggle{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-soft);font-family:var(--font-display);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .5rem .35rem .7rem;font-size:.8rem;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.additems-toggle.on{color:var(--accent-ink);border-color:color-mix(in srgb, var(--orange) 45%, var(--border));background:color-mix(in srgb, var(--orange) 10%, var(--surface))}.additems-toggle-track{background:var(--border-strong);border-radius:999px;width:30px;height:17px;transition:background .15s;position:relative}.additems-toggle.on .additems-toggle-track{background:var(--orange)}.additems-toggle-knob{background:#fff;border-radius:999px;width:13px;height:13px;transition:transform .16s cubic-bezier(.2,.7,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.additems-toggle.on .additems-toggle-knob{transform:translate(13px)}.additems-search{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-soft);border-radius:12px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem .4rem .4rem .85rem;transition:border-color .15s,box-shadow .15s;display:flex}.additems-search:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px var(--ring)}.additems-search input{min-width:0;font-family:var(--font-body);color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.additems-search-btn{background:var(--accent-grad);color:#1a1204;font-family:var(--font-display);border:none;border-radius:9px;flex-shrink:0;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:opacity .15s,transform .12s}.additems-search-btn:hover{opacity:.94;transform:translateY(-1px)}.additems-grid{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.7rem;max-height:46vh;padding:.2rem;display:grid;overflow-y:auto}.pick-card{text-align:center;background:0 0;border:none;flex-direction:column;gap:.35rem;padding:0;display:flex}.pick-cover{aspect-ratio:3/4;background:var(--surface-2);border:1.5px solid var(--border);color:var(--text-soft);border-radius:10px;place-items:center;transition:border-color .15s,transform .12s;display:grid;position:relative;overflow:hidden}.pick-cover.char{aspect-ratio:1;border-radius:12px}.pick-card:hover .pick-cover{border-color:var(--orange);transform:translateY(-2px)}.pick-cover img{object-fit:cover;background:#fff;width:100%;height:100%}.pick-check{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#08080cb3;border-radius:999px;place-items:center;width:24px;height:24px;transition:opacity .15s;display:grid;position:absolute;inset:6px 6px auto auto;transform:none}.pick-card:hover .pick-check,.pick-check.arrow{opacity:1}.pick-card.added .pick-cover{border-color:var(--orange);box-shadow:0 0 0 2px var(--ring)}.pick-card.added .pick-check{opacity:1;background:var(--accent-grad);color:#1a1204}.pick-name{color:var(--text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.76rem;line-height:1.15;display:-webkit-box;overflow:hidden}.pick-sub{color:var(--text-soft);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.1;display:-webkit-box;overflow:hidden}.pick-flag{background:color-mix(in srgb, var(--orange) 30%, #08080cb8);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff2e;border-radius:999px;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:6px;left:6px}.pick-cover.char.add{color:var(--accent-ink);border-style:dashed;border-color:var(--border-strong);background:var(--surface);place-items:center;display:grid}.pick-card.char.add:hover .pick-cover.char.add{border-color:var(--orange);color:var(--accent-ink)}.additems-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.1rem;padding-top:1rem;display:flex}.additems-count{color:var(--text-soft);font-size:.85rem}.additems-hint{color:var(--text-soft);text-align:center;padding:1.5rem 0}.additems-loading{color:var(--text-soft);justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.additems-crumb{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.crumb-back{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);border-radius:999px;align-items:center;gap:.3rem;padding:.4rem .7rem;font-size:.85rem;font-weight:600;display:inline-flex}.crumb-back:hover{border-color:var(--orange);color:var(--text)}.crumb-current{font-family:var(--font-display);font-weight:600}.ld-page{max-width:1100px;margin:0 auto}.ld-topbar{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.ld-back{color:var(--text-soft);font-weight:600;font-family:var(--font-display);align-items:center;gap:.4rem;display:inline-flex}.ld-back:hover{color:var(--text)}.ld-save{background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.ld-save.save-saved{color:#22a35a}.ld-save.save-saving{color:var(--accent-ink)}.ld-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.2rem;margin-bottom:1.4rem;padding:1.4rem;display:flex}.ld-header-main{flex-direction:column;flex:1;gap:.55rem;min-width:260px;display:flex}.ld-title{font-size:1.9rem;line-height:1.1}.ld-title-input{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text);background:0 0;border:none;border-bottom:2px solid #0000;outline:none;padding:.1rem 0;font-size:1.8rem;font-weight:700;transition:border-color .15s}.ld-title-input:hover,.ld-title-input:focus{border-color:var(--border-strong)}.ld-title-input:focus{border-color:var(--orange)}.ld-desc{color:var(--text-soft);margin:0;line-height:1.5}.ld-desc-input{font-family:var(--font-body);color:var(--text-soft);background:var(--surface-2);border:1px solid var(--border);resize:vertical;border-radius:10px;outline:none;padding:.55rem .7rem;font-size:.95rem;transition:border-color .15s}.ld-desc-input:focus{border-color:var(--orange);color:var(--text)}.ld-meta{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.85rem;display:flex}.ld-author strong{color:var(--accent-ink)}.ld-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ld-like,.ld-vis{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-display);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.ld-like:hover{color:#ff5470;border-color:#ff5470}.ld-like.liked{color:#ff5470;background:#ff54701f;border-color:#ff547066}.ld-vis:hover{border-color:var(--orange)}.ld-del{border:1.5px solid var(--border-strong);background:var(--surface);width:38px;height:38px;color:var(--text-soft);border-radius:999px;place-items:center;display:inline-grid}.ld-del:hover{color:#e0483f;border-color:#e0483f}.ld-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.ld-addbtn{background:var(--text);color:var(--bg);font-family:var(--font-display);box-shadow:var(--shadow-sm);border:none;border-radius:12px;align-items:center;gap:.45rem;padding:.6rem 1.05rem;font-size:.9rem;font-weight:600;transition:transform .12s,box-shadow .15s,opacity .15s;display:inline-flex}.ld-addbtn.small{background:var(--accent-grad);color:#23180a;padding:.4rem .85rem;font-size:.82rem;box-shadow:0 4px 14px #f2b70b47}.ld-addbtn.small:hover{opacity:1;filter:brightness(1.05)}.ld-addbtn:hover{box-shadow:var(--shadow);opacity:.92;transform:translateY(-1px)}.ld-title-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.ld-title-row .ld-title,.ld-title-row .ld-title-input{flex:1;min-width:0}.ld-title-row .list-type-badge{flex-shrink:0}.ld-edit{background:var(--text);color:var(--bg);font-family:var(--font-display);box-shadow:var(--shadow-sm);border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .95rem;font-size:.88rem;font-weight:600;transition:transform .12s,box-shadow .15s,opacity .15s;display:inline-flex}.ld-edit:hover{box-shadow:var(--shadow);opacity:.92;transform:translateY(-1px)}.ld-edit.done{background:var(--accent-grad);color:#1a1204}.ld-hint{color:var(--text-soft);font-size:.88rem}.ld-empty{text-align:center;color:var(--text-soft);flex-direction:column;align-items:center;gap:.7rem;padding:3rem 1.5rem;display:flex}.ld-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.ic-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);touch-action:none;border-radius:14px;padding:.5rem;transition:box-shadow .18s,border-color .15s,transform .12s,opacity .15s;position:relative}.ic-card.grab{cursor:grab}.ic-card.grab:active{cursor:grabbing}.ic-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}.ic-card.dragging{opacity:.35;box-shadow:0 0 0 2px var(--orange)}.ic-rank{z-index:3;background:var(--accent-grad);color:#1a1204;min-width:26px;height:26px;font-family:var(--font-display);border-radius:999px;place-items:center;padding:0 6px;font-size:.82rem;font-weight:700;display:grid;position:absolute;top:-8px;left:-8px;box-shadow:0 4px 12px #f2b70b66}.ic-cover{aspect-ratio:3/4;background:var(--surface-2);color:var(--text-soft);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.ic-cover img{object-fit:cover;background:#fff;width:100%;height:100%}.ic-rating{color:#fff;font-size:.72rem;font-weight:700;font-family:var(--font-display);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08080cb8;border-radius:999px;padding:.1rem .4rem;position:absolute;bottom:5px;left:5px}.ic-kind{color:#fff;background:#8b5cf6e6;border-radius:999px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:5px;left:5px}.ic-body{flex-direction:column;gap:.15rem;padding:.45rem .2rem .1rem;display:flex}.ic-name{font-family:var(--font-display);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.ic-sub{color:var(--text-soft);font-size:.72rem}.ic-note{color:var(--text-soft);border-left:2px solid var(--orange);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:.25rem 0 0;padding-left:.45rem;font-size:.76rem;font-style:italic;line-height:1.35;display:-webkit-box;overflow:hidden}.ic-actions{z-index:3;opacity:0;gap:.3rem;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.ic-card:hover .ic-actions{opacity:1}.ic-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08080cad;border:none;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.ic-btn:hover{background:var(--accent-grad);color:#1a1204}.ic-btn.danger:hover{color:#fff;background:#e0483f}.ic-grip{color:var(--text-soft);opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;bottom:8px;right:6px}.ic-card:hover .ic-grip{opacity:.5}.tier-board{flex-direction:column;gap:.6rem;display:flex}.tier-board.has-dock{padding-bottom:144px}.tier-row{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;grid-template-columns:72px 1fr;gap:0;display:grid;position:relative;overflow:hidden}.tier-label{color:#1a1204;min-height:96px;font-family:var(--font-display);text-shadow:0 1px 2px #00000026;cursor:pointer;place-items:center;padding:.6rem;font-size:1.35rem;font-weight:800;display:grid}.tier-label-text{word-break:break-word;text-align:center;line-height:1.05}.tier-label-input{color:#1a1204;width:100%;font-family:var(--font-display);text-align:center;background:#00000026;border:none;border-radius:8px;outline:none;padding:.3rem;font-size:1rem;font-weight:800}.tier-drop{background:var(--surface-2);flex-wrap:wrap;align-content:flex-start;gap:.5rem;min-height:96px;padding:.55rem;display:flex}.tier-tools{z-index:5;background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .5rem;display:flex;position:absolute;top:6px;right:6px}.tier-colors{gap:.25rem;display:flex}.tier-color-dot{border:2px solid var(--surface);width:18px;height:18px;box-shadow:0 0 0 1px var(--border-strong);border-radius:999px}.tier-color-dot:hover{transform:scale(1.15)}.tier-remove{color:#e0483f;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.78rem;font-weight:600;display:inline-flex}.tier-add{border:1.5px dashed var(--border-strong);background:var(--surface);color:var(--text-soft);font-family:var(--font-display);border-radius:10px;align-self:flex-start;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.tier-add:hover{border-color:var(--orange);color:var(--accent-ink)}.tier-pool{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:16px;margin-top:.6rem;padding:.35rem .7rem .5rem}.tier-pool.is-docked{z-index:30;bottom:0;left:calc(var(--app-sidebar-w,208px) + var(--content-pad,1.5rem));right:var(--content-pad,1.5rem);border-bottom:none;border-top:2px solid color-mix(in srgb, var(--orange) 60%, var(--border));background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px 16px 0 0;margin-top:0;padding:.35rem .85rem .55rem;position:fixed;transform:none;box-shadow:0 -6px 22px #1414281a}.tier-pool.is-collapsed{padding-bottom:.4rem}.tier-pool.is-collapsed .tier-pool-head{margin-bottom:0}.tier-board.dock-collapsed{padding-bottom:46px}.tier-pool-head{font-family:var(--font-display);color:var(--text-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:flex}.tier-pool.is-collapsed .tier-pool-head{cursor:pointer;border-radius:10px;padding:.15rem .1rem;transition:background .12s}.tier-pool.is-collapsed .tier-pool-head:hover{background:color-mix(in srgb, var(--orange) 8%, transparent)}.tier-pool-title{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-family:var(--font-display);color:var(--text-soft);background:0 0;border:none;align-items:center;gap:.4rem;padding:.15rem .1rem;font-weight:600;transition:color .12s;display:inline-flex}.tier-pool-title:hover{color:var(--text)}.tier-pool.is-collapsed .tier-pool-title{pointer-events:none}.tier-pool-title svg{color:var(--orange)}.tier-pool-count{background:color-mix(in srgb, var(--orange) 16%, transparent);min-width:1.5rem;color:var(--accent-ink);text-align:center;border-radius:999px;padding:.1rem .42rem;font-size:.72rem;font-weight:700}.tier-pool-head-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.tier-pool-search{min-width:min(280px,46vw)}.tier-pool-search input{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:999px;outline:none;padding:.4rem .7rem;font-size:.82rem;transition:border-color .15s,background .15s}.tier-pool-search input::placeholder{color:var(--text-soft)}.tier-pool-search input:focus{border-color:color-mix(in srgb, var(--orange) 55%, var(--border))}.tier-pool-items{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-wrap:nowrap;align-items:flex-start;gap:.5rem;min-height:96px;padding:.5rem 2rem;display:flex;overflow:auto hidden}.tier-pool.is-docked .tier-pool-items{max-height:none}.tier-pool-items::-webkit-scrollbar{height:6px}.tier-pool-items::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.tier-pool-items::-webkit-scrollbar-track{background:0 0}.tier-pool-scroll-wrap{position:relative}.tier-pool-arrow{z-index:3;background:var(--accent-grad);color:#17130a;border:none;border-radius:999px;place-items:center;width:26px;height:26px;transition:filter .12s,transform .12s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px 10px #0000004d}.tier-pool-arrow:hover{filter:brightness(1.08)}.tier-pool-arrow-left{left:.2rem}.tier-pool-arrow-right{right:.2rem;transform:translateY(-50%)rotate(180deg)}.tier-pool-empty{color:var(--text-soft);align-self:center;padding:.5rem;font-size:.85rem}.tier-pool-cta{border:1.5px dashed color-mix(in srgb, var(--orange) 50%, var(--border));background:color-mix(in srgb, var(--orange) 12%, transparent);color:var(--accent-ink);font-family:var(--font-display);border-radius:999px;align-self:center;align-items:center;gap:.45rem;margin:.3rem auto;padding:.55rem 1.1rem;font-size:.86rem;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.tier-pool-cta:hover{background:color-mix(in srgb, var(--orange) 22%, transparent);border-color:color-mix(in srgb, var(--orange) 70%, transparent)}.ic-card.compact{scroll-snap-align:start;border-radius:12px;flex:none;width:84px;padding:0;overflow:hidden}.tier-pool .ic-card.compact{transition:transform .12s,box-shadow .12s}.tier-pool .ic-card.compact:hover{box-shadow:0 4px 10px #1414282e, 0 0 0 1.5px color-mix(in srgb, var(--orange) 60%, transparent);transform:translateY(-2px)}.ic-card.compact .ic-cover{aspect-ratio:1;border-radius:0}.ic-card.compact .ic-actions{top:3px;right:3px}.ic-card.compact .ic-btn{width:20px;height:20px}@media (width<=899px){.tier-pool.is-docked{border-radius:14px 14px 0 0}.tier-pool-search{min-width:100%}.tier-pool-arrow{display:none}.tier-pool-items{padding-inline:.25rem}}.ic-note-dot{background:var(--orange);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);z-index:2;border-radius:999px;position:absolute;bottom:5px;right:5px}.drag-overlay-card{cursor:grabbing;filter:drop-shadow(0 16px 30px #0006);width:92px;rotate:-3deg}.drag-overlay-card .ic-cover{aspect-ratio:3/4;border:2px solid var(--orange);border-radius:10px;overflow:hidden}.drag-overlay-card .ic-cover img{object-fit:cover;background:#fff;width:100%;height:100%}.ld-comments{margin-top:2rem;padding:1.4rem}.ld-comments-title{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.15rem;display:flex}.ld-comments-count{background:var(--surface-2);color:var(--text-soft);border:1px solid var(--border);border-radius:999px;padding:.1rem .55rem;font-size:.8rem}.ld-comment-form{gap:.6rem;margin-bottom:1.2rem;display:flex}.ld-comment-form input{font-family:var(--font-body);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:12px;outline:none;flex:1;padding:.7rem .9rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.ld-comment-form input:focus{border-color:var(--orange);box-shadow:0 0 0 4px var(--ring)}.ld-comment-list{flex-direction:column;gap:1rem;display:flex}.ld-comments-empty{color:var(--text-soft);text-align:center;padding:1rem}.ld-comment{gap:.7rem;display:flex}.ld-comment-avatar{background:var(--accent-grad);color:#1a1204;width:38px;height:38px;font-family:var(--font-display);border-radius:999px;flex-shrink:0;place-items:center;font-weight:700;display:grid}.ld-comment-body{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex:1;padding:.6rem .85rem}.ld-comment-body p{word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap;margin:.25rem 0 0;font-size:.92rem;line-height:1.45}.lc-textwrap{margin-top:.25rem}.lc-textwrap p{margin:0}.lc-clamp{max-height:8.7em;display:block;overflow:hidden}.lc-more{color:#1d9bf0;background:0 0;border:none;padding:.2rem 0;font-size:.85rem;font-weight:600}.lc-more:hover{text-decoration:underline}.lc-link{color:#1d9bf0;word-break:break-all;text-decoration:none}.lc-link:hover{text-decoration:underline}.lc-input-link{color:#1d9bf0}.lc-yt{aspect-ratio:16/9;border:1px solid var(--border);background:#000;border-radius:12px;width:min(420px,100%);margin-top:.5rem;padding:0;display:block;position:relative;overflow:hidden}.lc-yt iframe{border:0;width:100%;height:100%;display:block}.lc-yt-preview{cursor:pointer}.lc-yt-preview img{object-fit:cover;width:100%;height:100%;display:block}.lc-yt-play{color:#fff;background:#0000008c;border-radius:999px;place-items:center;width:62px;height:62px;margin:auto;transition:background .15s,transform .15s;display:grid;position:absolute;inset:0}.lc-yt-preview:hover .lc-yt-play{background:#f03;transform:scale(1.06)}.ld-comment-head{align-items:center;gap:.5rem;font-size:.82rem;display:flex}.ld-comment-head strong{color:var(--accent-ink)}.ld-comment-time{color:var(--text-soft)}.ld-comment-mod{align-items:center;gap:.1rem;margin-left:auto;display:inline-flex}.ld-comment-del{color:var(--text-soft);background:0 0;border:none;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.ld-comment-del:hover{color:var(--text);background:var(--surface)}.ld-comment-mod .ld-comment-del:last-child:hover{color:#e0483f}.ld-comment-avatar img{object-fit:cover;border-radius:999px;width:100%;height:100%}.lc-composer{flex-direction:column;gap:.55rem;margin-bottom:1.3rem;display:flex;position:relative}.lc-composer.compact{margin:.4rem 0 .6rem}.lc-attach{flex-wrap:wrap;gap:.5rem;margin-top:.55rem;display:flex}.lc-attach-item{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;width:84px;height:84px;line-height:0;position:relative;overflow:hidden}.lc-attach-item img{object-fit:cover;background:#fff;width:100%;height:100%}.lc-attach-loading{color:var(--text-soft);place-items:center;display:grid}.lc-attach-tag{letter-spacing:.04em;color:#fff;background:#0a0c12b8;border-radius:5px;padding:.02rem .3rem;font-size:.58rem;font-weight:800;position:absolute;bottom:4px;left:4px}.lc-attach-remove{color:#fff;background:#0a0c12b8;border:none;border-radius:999px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:4px;right:4px}.lc-attach-remove:hover{background:#e0483f}.lc-inputwrap{position:relative}.lc-inputbox{border:1.5px solid var(--border-strong);background:var(--surface);border-radius:14px;padding:.55rem .85rem;transition:border-color .15s,box-shadow .15s}.lc-inputbox:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px var(--ring)}.lc-input-field{position:relative}.lc-input,.lc-input-hl{font-family:var(--font-body);letter-spacing:normal;box-sizing:border-box;border:none;min-height:24px;max-height:160px;padding:0;font-size:.95rem;line-height:1.45}.lc-input{z-index:1;resize:none;color:#0000;width:100%;min-width:0;caret-color:var(--text);background:0 0;outline:none;display:block;position:relative;overflow-y:auto}.lc-input::placeholder{color:var(--text-soft)}.lc-input::selection{background:#1d9bf04d}.lc-input-hl{z-index:0;color:var(--text);white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.lc-input-mention{color:#1d9bf0;font-weight:600}.lc-input-hl img.emoji{vertical-align:-.25em;width:1.2em;height:1.2em;margin:0 .02em;display:inline-block}.lc-composer.compact .lc-input,.lc-composer.compact .lc-input-hl{min-height:52px}.lc-toolbar-wrap{position:relative}.lc-toolbar{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.lc-pop{z-index:50;animation:.12s lc-pop-in;position:absolute;left:0}.lc-pop.down{top:calc(100% + 8px);bottom:auto}.lc-pop.up{top:auto;bottom:calc(100% + 8px)}.lc-pop-emoji{width:min(340px,92vw)}.lc-pop-gif{width:min(360px,90vw)}.lc-pop-gif .lc-gif-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;padding:.6rem}@keyframes lc-pop-in{0%{opacity:0;transform:translateY(-6px)}}.lc-toolbar-left,.lc-toolbar-right{align-items:center;gap:.25rem;display:inline-flex}.lc-tool{width:34px;height:34px;color:var(--accent-ink);font-family:var(--font-display);background:0 0;border:none;border-radius:9px;place-items:center;font-size:.74rem;font-weight:800;transition:background .12s,color .12s;display:grid}.lc-tool:hover{background:color-mix(in srgb, var(--orange) 12%, transparent)}.lc-tool.on{background:color-mix(in srgb, var(--orange) 18%, transparent)}.lc-tool:disabled{opacity:.35;cursor:not-allowed}.lc-tool-gif{letter-spacing:.02em}.lc-media-count{color:var(--text-soft);margin-left:.15rem;font-size:.72rem}.lc-cancel{color:var(--text-soft);font-family:var(--font-display);background:0 0;border:none;border-radius:999px;padding:.4rem .6rem;font-size:.85rem;font-weight:600}.lc-cancel:hover{color:var(--text);background:var(--surface-2)}.lc-count{place-items:center;width:22px;height:22px;margin-right:.15rem;display:inline-grid;position:relative}.lc-count-bg{fill:none;stroke:var(--border-strong);stroke-width:2.5px}.lc-count-fg{fill:none;stroke:var(--orange);stroke-width:2.5px;stroke-linecap:round;transition:stroke-dashoffset .15s,stroke .15s}.lc-count.near .lc-count-fg{stroke:#f0902a}.lc-count.full .lc-count-fg{stroke:#e0483f}.lc-count-num{color:var(--text-soft);font-size:.62rem;font-weight:700;position:absolute}.lc-count.full .lc-count-num{color:#e0483f}.lc-edited{color:var(--text-soft);background:0 0;border:none;padding:0;font-size:.76rem;font-style:italic}.lc-edited:hover{color:var(--accent-ink);text-decoration:underline}.lc-send{background:var(--accent-grad);color:#23180a;height:34px;font-family:var(--font-display);border:none;border-radius:999px;align-items:center;gap:.4rem;padding:0 .95rem;font-size:.85rem;font-weight:700;transition:filter .12s,opacity .12s;display:inline-flex}.lc-send:disabled{opacity:.45;cursor:not-allowed}.lc-send:not(:disabled):hover{filter:brightness(1.06)}.lc-error{color:#e0483f;margin:0;font-size:.82rem}.lc-mention{color:#1d9bf0;font-weight:600;text-decoration:none}.lc-mention:hover{text-decoration:underline}.lc-mention-pop{z-index:40;animation:.12s lc-pop-in;position:absolute;bottom:calc(100% + 6px);left:0}.lc-mention-list{border:1px solid var(--border);background:var(--surface);min-width:min(260px,100%);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-self:flex-start;gap:2px;max-height:240px;padding:.3rem;display:flex;overflow-y:auto}.lc-mention-item{color:var(--text);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:.55rem;padding:.35rem .5rem;display:flex}.lc-mention-item.active{background:var(--surface-2)}.lc-mention-av{background:var(--accent-grad);color:#23180a;width:28px;height:28px;font-family:var(--font-display);border-radius:999px;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:700;display:grid;overflow:hidden}.lc-mention-av img{object-fit:cover;width:100%;height:100%}.lc-mention-name{font-size:.9rem;font-weight:600}.lc-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;padding:.6rem}.lc-emoji-wrap{align-self:flex-start;width:100%;max-width:340px}.lc-emoji-wrap .EmojiPickerReact{--epr-emoji-size:26px;border-color:var(--border);box-shadow:var(--shadow);border-radius:14px}.lc-emoji-loading{border:1px solid var(--border);background:var(--surface);width:100%;height:340px;color:var(--text-soft);border-radius:14px;place-items:center;display:grid}.lc-gif-panel{flex-direction:column;gap:.5rem;display:flex}.lc-gif-search{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-soft);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .7rem;display:flex}.lc-gif-search input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.lc-gif-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.4rem;max-height:280px;display:grid;overflow-y:auto}.lc-gif{border:1px solid var(--border);background:var(--surface-2);aspect-ratio:1;border-radius:10px;padding:0;transition:border-color .1s,transform .1s;overflow:hidden}.lc-gif:hover{border-color:var(--orange);transform:translateY(-2px)}.lc-gif img{object-fit:cover;width:100%;height:100%}.lc-gif-empty{text-align:center;color:var(--text-soft);grid-column:1/-1;padding:1rem;font-size:.85rem}.lc-gif-credit{color:var(--text-soft);align-self:flex-end;font-size:.68rem}.lc-media-grid{border-radius:12px;gap:4px;max-width:360px;margin-top:.45rem;display:grid;overflow:hidden}.lc-media-grid.n-1{grid-template-columns:1fr;max-width:300px}.lc-media-grid.n-2,.lc-media-grid.n-3{grid-template-columns:1fr 1fr}.lc-media-grid.n-3 .lc-media:first-child{grid-row:span 2}.lc-media-grid.n-4{grid-template-columns:1fr 1fr}.lc-media{background:var(--surface-2);cursor:zoom-in;border:none;width:100%;padding:0;line-height:0;display:block;overflow:hidden}.lc-media-grid.n-1 .lc-media{border-radius:12px}.lc-media img{object-fit:cover;background:#fff;width:100%;height:100%}.lc-media-grid.n-1 .lc-media img{object-fit:contain;max-height:260px}.lc-media-grid:not(.n-1) .lc-media{aspect-ratio:1}.lc-actions{align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.lc-act{color:var(--text-soft);background:0 0;border:none;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .45rem;font-size:.78rem;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.lc-act:hover{background:var(--surface);color:var(--text)}.lc-act.liked{color:#e0483f}.lc-thread{flex-direction:column;gap:.9rem;display:flex}.lc-replies{border-left:2px solid var(--border);flex-direction:column;gap:.9rem;margin-left:1.1rem;padding-left:1.1rem;display:flex}.ld-comment.is-reply .ld-comment-avatar{width:30px;height:30px;font-size:.85rem}.hist-modal{max-width:520px}.hist-list{flex-direction:column;gap:.7rem;max-height:60vh;margin-top:.6rem;display:flex;overflow-y:auto}.hist-item{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:.7rem .85rem}.hist-item.current{border-color:color-mix(in srgb, var(--orange) 45%, var(--border));background:color-mix(in srgb, var(--orange) 7%, var(--surface-2))}.hist-item p{word-break:break-word;white-space:pre-wrap;margin:.35rem 0 0;font-size:.92rem;line-height:1.45}.hist-meta{color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:700}.hist-media{flex-wrap:wrap;gap:.4rem;margin-top:.45rem;display:flex}.hist-media img{object-fit:cover;border:1px solid var(--border);background:#fff;border-radius:8px;width:72px;height:72px}.mv-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000d9;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.mv-close{z-index:3;color:#fff;background:#ffffff1f;border:none;border-radius:999px;place-items:center;width:42px;height:42px;transition:background .12s;display:grid;position:fixed;top:14px;left:14px}.mv-close:hover{background:#ffffff3d}.mv-media{flex:1;justify-content:center;align-items:center;min-width:0;padding:2.5rem;display:flex;position:relative}.mv-img{object-fit:contain;background:#fff;border-radius:10px;max-width:100%;max-height:100%;box-shadow:0 14px 50px #00000080}.mv-nav{z-index:2;color:#fff;background:#00000073;border:none;border-radius:999px;place-items:center;width:44px;height:44px;transition:background .12s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.mv-nav:hover{background:#000000b8}.mv-prev{left:.6rem}.mv-next{right:.6rem}.mv-dots{gap:.4rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.mv-dot{background:#fff6;border:none;border-radius:999px;width:8px;height:8px;padding:0}.mv-dot.active{background:#fff}.mv-side{background:var(--bg);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:min(400px,92vw);min-height:0;display:flex}.mv-thread{flex-direction:column;flex:1;gap:1rem;padding:1.2rem;display:flex;overflow-y:auto}.mv-composer{border-top:1px solid var(--border);padding:.75rem 1rem}@media (width<=900px){.mv-overlay{flex-direction:column}.mv-media{flex:none;height:44vh;padding:1rem}.mv-side{border-left:none;border-top:1px solid var(--border);flex:1;width:100%;min-height:0}}.ld-comment-body img.emoji{vertical-align:-.25em;width:1.28em;height:1.28em;margin:0 .03em;display:inline-block}.item-edit-modal{max-width:480px;overflow:visible}.ie-head{align-items:center;gap:.9rem;margin-bottom:1.2rem;display:flex}.ie-cover{background:var(--surface-2);width:60px;height:78px;color:var(--text-soft);border-radius:10px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.ie-cover img{object-fit:cover;width:100%;height:100%}.ie-name{font-size:1.2rem}.ie-sub{color:var(--text-soft);margin:.2rem 0 0;font-size:.85rem}.ie-rating{align-items:center;gap:.6rem;display:flex}.ie-rating input[type=range]{flex:1}.ie-rating-clear{border:1px solid var(--border-strong);background:var(--surface);width:34px;height:34px;color:var(--text-soft);border-radius:10px;place-items:center;display:grid}.ie-rating-clear:hover{border-color:var(--orange);color:var(--accent-ink)}@media (width<=640px){.ld-header{flex-direction:column}.tier-row{grid-template-columns:56px 1fr}.tier-label{font-size:1.1rem}}.pf{max-width:1000px}.pf-banner{margin-bottom:1.6rem}.pf-cover{border:1px solid var(--border);background-color:var(--surface-2);background-image:linear-gradient(120deg,#23262e 0%,#3a3020 55%,#5a4212 100%);background-position:50%;background-size:cover;border-radius:20px;height:230px;position:relative;overflow:hidden}.pf-cover-scrim{background:linear-gradient(#00000026 0%,#0000 30% 55%,#0000008c 100%);position:absolute;inset:0}.pf-cover-menu{z-index:3;position:absolute;top:12px;right:12px}.pf-cover-edit{color:#fff;font-family:var(--font-display);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0f8c;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.82rem;font-weight:600;transition:background .15s;display:inline-flex}.pf-cover-edit:hover{background:#0a0a0fcc}.pf-cover-caret{opacity:.85;transition:transform .18s}.pf-cover-menu.open .pf-cover-caret{transform:rotate(180deg)}.pf-cover-pop{-webkit-backdrop-filter:blur(14px);transform-origin:100% 0;background:#0c0d11b8;border:1px solid #ffffff29;border-radius:14px;flex-direction:column;gap:3px;min-width:210px;padding:6px;animation:.14s pf-cover-pop-in;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #00000080}@keyframes pf-cover-pop-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}}.pf-cover-pop button{color:#ffffffeb;text-align:left;font-family:var(--font-display);background:0 0;border:none;border-radius:9px;align-items:center;gap:.65rem;padding:.6rem .7rem;font-size:.86rem;font-weight:600;transition:background .15s,color .15s;display:flex}.pf-cover-pop button svg{color:#ffffffa6;flex-shrink:0;transition:color .15s}.pf-cover-pop button:hover:not(:disabled){color:#fff;background:#ffffff1a}.pf-cover-pop button:hover:not(:disabled) svg{color:var(--orange)}.pf-cover-pop button:disabled{opacity:.38;cursor:not-allowed}.reframe-modal{max-width:min(880px,94vw)}.reframe-hint{color:var(--text-soft);margin:0 0 .9rem;font-size:.9rem}.reframe-stage{aspect-ratio:1000/230;border:1px solid var(--border);background:var(--surface-2);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:16px;width:100%;max-height:300px;position:relative;overflow:hidden}.reframe-stage:active{cursor:grabbing}.reframe-stage img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.reframe-grip{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0a0a0f80;border:1px solid #ffffff59;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pf-marquee{z-index:2;background:linear-gradient(#0000,#00000059);padding:.5rem 0;position:absolute;bottom:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.pf-marquee-inner{width:max-content;animation:34s linear infinite pf-scroll;display:flex}.pf-cover:hover .pf-marquee-inner{animation-play-state:paused}.pf-marquee-track{align-items:center;display:flex}.pf-fact{color:#fff;font-family:var(--font-display);white-space:nowrap;text-shadow:0 1px 3px #0009;align-items:center;gap:.45rem;padding:0 .2rem;font-size:.9rem;font-weight:600;display:inline-flex}.pf-fact svg{color:var(--amber)}.pf-fact-sep{color:var(--amber);opacity:.7;margin:0 1.4rem;font-size:.6rem}@keyframes pf-scroll{to{transform:translate(-50%)}}.pf-identity{z-index:3;flex-wrap:wrap;align-items:flex-start;gap:1.2rem;padding:0 1.4rem;display:flex;position:relative}.pf-avatar-wrap{flex-shrink:0;margin-top:-52px;position:relative}.pf-avatar{border:4px solid var(--bg);background:var(--accent-grad);color:#1a1204;border-radius:50%;place-items:center;width:118px;height:118px;display:grid;overflow:hidden;box-shadow:0 10px 26px #f2b70b66}.pf-avatar img{object-fit:cover;width:100%;height:100%}.pf-avatar-fallback{font-family:var(--font-display);font-size:3rem;font-weight:800}.pf-avatar-edit{border:3px solid var(--bg);background:var(--surface);width:34px;height:34px;color:var(--text);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;transition:transform .12s,color .15s;display:grid;position:absolute;bottom:4px;right:4px}.pf-avatar-edit:hover{color:var(--accent-ink);transform:scale(1.08)}.pf-idmain{flex:1;min-width:200px;padding-top:.6rem;padding-bottom:.3rem}.pf-username{font-size:clamp(1.25rem,3vw,1.6rem);line-height:1.1}.pf-bio{color:var(--text-soft);max-width:60ch;margin:.45rem 0 0;font-size:.94rem;line-height:1.45}.pf-bio img.emoji,.pf-fact img.emoji{vertical-align:-.2em;width:1.15em;height:1.15em;margin:0 .03em;display:inline-block}.pf-stats{color:var(--text-soft);flex-wrap:wrap;gap:1.3rem;margin-top:.7rem;font-size:.9rem;display:flex}.pf-stat{color:var(--text-soft);font-family:var(--font-body);background:0 0;border:none;padding:0;font-size:.9rem;transition:color .15s}button.pf-stat:hover{color:var(--accent-ink)}.pf-stat strong{color:var(--text);font-family:var(--font-display);margin-right:.15rem;font-size:1.02rem}.pf-actions{align-self:flex-start;margin-top:.6rem;margin-left:auto}.follow-btn{background:var(--accent-grad);color:#1a1204;font-family:var(--font-display);border:none;border-radius:999px;align-items:center;gap:.45rem;padding:.6rem 1.15rem;font-size:.92rem;font-weight:700;transition:transform .12s,filter .15s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 18px #f2b70b59}.follow-btn:hover{filter:brightness(1.05)}.follow-btn:active{transform:translateY(1px)}.follow-btn.following{background:var(--surface);color:var(--text);border:1.5px solid var(--border-strong);box-shadow:none}.follow-btn.following:hover{color:#e0483f;border-color:#e0483f}.follow-btn.small{box-shadow:none;padding:.4rem .8rem;font-size:.82rem}.tab-count{font-family:var(--font-body);background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);border-radius:999px;margin-left:.1rem;padding:.02rem .42rem;font-size:.72rem;font-weight:600}.pf-section-empty{color:var(--text-soft);align-self:center;padding:1rem}.pf-inline-link{color:var(--accent-ink);font-weight:600;text-decoration:underline}.ep-input-icon{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-soft);border-radius:12px;align-items:center;gap:.5rem;padding:0 .85rem;transition:border-color .15s,box-shadow .15s;display:flex}.ep-input-icon:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px var(--ring)}.ep-input-icon input{color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;padding:.78rem 0;font-size:.98rem}.field .ep-input-icon input,.field .ep-input-icon input:focus{box-shadow:none;background:0 0;border:none;border-radius:0}.ep-input-icon.disabled{background:var(--surface-2);border-color:var(--border);opacity:.75;cursor:not-allowed}.ep-input-icon.disabled input{color:var(--text-soft);cursor:not-allowed}.ep-help{color:var(--text-soft);margin-top:.35rem;font-size:.76rem;display:block}.ep-counter{float:right;color:var(--text-soft);font-size:.76rem;font-weight:600}.ep-bio-wrap{position:relative}.ep-bio-wrap .modal-textarea{padding-right:2.6rem}.ep-emoji-btn{width:30px;height:30px;box-shadow:none;color:var(--text-soft);background:0 0;border:none;border-radius:8px;place-items:center;transition:background .15s,color .15s;display:grid;position:absolute;top:.5rem;right:.5rem}.ep-emoji-btn:hover,.ep-emoji-btn.on{background:var(--surface-2);color:var(--orange)}.ep-emoji-pop{z-index:50;width:min(340px,88vw);animation:.12s lc-pop-in;position:absolute;top:0;left:calc(100% + 12px)}.ep-emoji-pop .lc-emoji-wrap{max-width:none}@media (width<=900px){.ep-emoji-pop{top:calc(100% + 6px);left:auto;right:0}}.field .lc-emoji-wrap input{padding:var(--epr-search-input-padding,0 30px);height:var(--epr-search-input-height,40px);border:1px solid var(--epr-search-border-color);border-radius:var(--epr-search-input-border-radius,8px);background:var(--epr-search-input-bg-color);color:var(--epr-search-input-text-color);box-shadow:none;font-family:var(--font-body);font-size:15px}.field .lc-emoji-wrap input:focus{border-color:var(--epr-search-border-color-active);box-shadow:none}.ep-char-search{position:relative}.ep-char-results{z-index:50;background:var(--surface);border:1px solid var(--border);max-height:260px;box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;border-radius:12px;padding:5px;animation:.12s lc-pop-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.ep-char-opt{text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:.6rem;width:100%;padding:.4rem .5rem;transition:background .12s;display:flex}.ep-char-opt:hover{background:var(--surface-2)}.ep-char-opt-img{background:var(--surface-2);width:40px;height:40px;color:var(--text-soft);border-radius:8px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.ep-char-opt-img img{object-fit:cover;width:100%;height:100%}.ep-char-opt-txt{flex-direction:column;min-width:0;display:flex}.ep-char-opt-txt b{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.ep-char-opt-txt small{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.ep-char-empty{text-align:center;color:var(--text-soft);margin:0;padding:.6rem;font-size:.88rem}.ep-char-selected{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.ep-char-chip{background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-display);color:var(--text);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .7rem .35rem .35rem;font-size:.9rem;font-weight:600;display:inline-flex}.ep-char-chip-img{background:var(--surface);width:28px;height:28px;color:var(--text-soft);border-radius:999px;place-items:center;display:grid;overflow:hidden}.ep-char-chip-img img{object-fit:cover;width:100%;height:100%}.ep-char-clear{color:var(--text-soft);background:0 0;border:none;align-items:center;gap:.3rem;font-size:.82rem;font-weight:600;transition:color .15s;display:inline-flex}.ep-char-clear:hover{color:var(--orange)}.coverpick-grid{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.7rem;max-height:50vh;padding:.2rem;display:grid;overflow-y:auto}.coverpick-img{aspect-ratio:16/9;border:2px solid var(--border);background:var(--surface-2);border-radius:12px;padding:0;transition:border-color .15s,transform .12s;position:relative;overflow:hidden}.coverpick-img img{object-fit:cover;width:100%;height:100%}.coverpick-img:hover{border-color:var(--orange);transform:translateY(-2px)}.coverpick-check{color:#fff;opacity:0;background:#08080ca6;border-radius:999px;place-items:center;width:26px;height:26px;transition:opacity .15s;display:grid;position:absolute;top:6px;right:6px}.coverpick-img:hover .coverpick-check,.coverpick-img.active .coverpick-check{opacity:1}.coverpick-img.active{border-color:var(--orange);box-shadow:0 0 0 3px var(--ring)}.coverpick-img.active .coverpick-check{background:var(--accent-grad);color:#1a1204}.follow-modal{max-width:460px}.follow-list{flex-direction:column;gap:.4rem;max-height:60vh;display:flex;overflow-y:auto}.follow-row{border-radius:12px;align-items:center;gap:.6rem;padding:.5rem;transition:background .15s;display:flex}.follow-row:hover{background:var(--surface-2)}.follow-user{flex:1;align-items:center;gap:.7rem;min-width:0;display:flex}.follow-avatar{background:var(--accent-grad);color:#1a1204;width:44px;height:44px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;overflow:hidden}.follow-avatar img{object-fit:cover;width:100%;height:100%}.follow-info{flex-direction:column;min-width:0;display:flex}.follow-info strong{color:var(--text)}.follow-bio{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.ld-author-link:hover strong,.ld-comment-head a:hover strong{color:var(--orange);text-decoration:underline}@media (width<=640px){.pf-identity{align-items:flex-start}.pf-actions{width:100%;margin-left:0}.pf-actions .btn,.pf-actions .follow-btn{justify-content:center;width:100%}}.pg-layout{grid-template-columns:230px 1fr;align-items:start;gap:1.4rem;display:grid}.pg-panel{top:calc(var(--topbar-h,60px) + 12px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem 1.05rem 1.2rem;position:sticky}.pg-panel-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.pg-panel-title{font-family:var(--font-display);align-items:center;gap:.45rem;font-size:.95rem;font-weight:700;display:inline-flex}.pg-filter-block{margin-bottom:1.15rem}.pg-filter-label{color:var(--text-soft);margin-bottom:.55rem;font-size:.82rem;font-weight:600;display:block}.pg-chips{flex-wrap:wrap;gap:.4rem;display:flex}.pg-chip{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-soft);font-family:var(--font-display);border-radius:999px;align-items:center;gap:.35rem;padding:.36rem .7rem;font-size:.82rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.pg-chip:hover{border-color:var(--orange);color:var(--text)}.pg-chip.active{background:var(--accent-grad);color:#1a1204;border-color:#0000}.pg-chip.wide{justify-content:center;width:100%}.pg-rating-filter{align-items:center;gap:.4rem;display:flex}.pg-rating-ops{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex-shrink:0;gap:2px;padding:3px;display:flex}.pg-rating-op{width:30px;font-family:var(--font-display);color:var(--text-soft);background:0 0;border:none;border-radius:7px;padding:.35rem 0;font-size:1rem;font-weight:700;line-height:1;transition:color .15s,background .15s,box-shadow .15s}.pg-rating-op:hover{color:var(--text)}.pg-rating-op.active{background:var(--accent-grad);color:#1a1204;box-shadow:0 2px 8px #f2b70b59}.pg-rating-input{border:1.5px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;color:var(--text);font-family:var(--font-body);border-radius:10px;flex:1;padding:.5rem .65rem;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.pg-rating-input:focus{border-color:var(--orange);box-shadow:0 0 0 4px var(--ring);outline:none}.pg-rating-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pg-rating-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pg-rating-input{appearance:textfield}.pg-rating-clear{width:30px;height:30px;color:var(--text-soft);background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;transition:color .15s,background .15s;display:grid}.pg-rating-clear:hover{color:var(--orange);background:var(--surface-2)}.pg-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.9rem;display:flex}.pg-search{border:1.5px solid var(--border-strong);background:var(--surface);min-width:180px;color:var(--text-soft);border-radius:12px;flex:1;align-items:center;gap:.5rem;padding:.55rem .8rem;display:flex}.pg-search input{color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.95rem}.pg-search-clear{color:var(--text-soft);background:0 0;border:none;place-items:center;display:grid}.pg-search-clear:hover{color:var(--text)}.pg-sort{align-items:center;gap:.4rem;display:flex}.pg-filter-toggle{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-display);border-radius:12px;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.88rem;font-weight:600;display:none}.pg-count{color:var(--text-soft);margin-bottom:.8rem;font-size:.85rem}.pg-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.pg-tile{text-align:left;background:0 0;border:none;flex-direction:column;gap:.4rem;padding:0;display:flex}.pg-tile-cover{aspect-ratio:3/4;border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow-sm);border-radius:12px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.pg-tile:hover .pg-tile-cover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--orange) 40%, var(--border));transform:translateY(-4px)}.pg-tile-cover img{object-fit:cover;width:100%;height:100%}.pg-tile-ph{width:100%;height:100%;color:var(--text-soft);place-items:center;display:grid}.pg-tile-fav{width:24px;height:24px;color:var(--amber);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0f99;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.pg-tile-rating{color:#fff;font-size:.72rem;font-weight:700;font-family:var(--font-display);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08080cb8;border-radius:999px;padding:.1rem .4rem;position:absolute;bottom:6px;right:6px}.pg-tile-status{font-size:.68rem;font-weight:700;font-family:var(--font-display);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:.12rem .45rem;position:absolute;bottom:6px;left:6px}.pg-tile-status.s-playing{background:#4aa8ffe6}.pg-tile-status.s-finished{color:#06301d;background:#3dd68ceb}.pg-tile-status.s-paused{color:#2b1e02;background:#f2b70beb}.pg-tile-status.s-dropped{background:#e0483fe6}.pg-tile-status.s-wishlist{background:#a879ffe6}.pg-tile-name{font-family:var(--font-display);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.pg-tile-time{color:var(--text-soft);align-items:center;gap:.3rem;font-size:.76rem;display:inline-flex}@media (width<=860px){.pg-layout{grid-template-columns:1fr}.pg-panel{display:none;position:static}.pg-panel.open{margin-bottom:1rem;display:block}.pg-filter-toggle{display:inline-flex}}.home{grid-template-columns:1fr 372px;align-items:start;gap:1.8rem;display:grid}.home-main{min-width:0}.home-hero{padding:.5rem 0 1.5rem}.home-hero .welcome-emoji{width:62px;height:62px;margin:0 0 1.1rem}.home-hero-title{margin-bottom:.7rem;font-size:clamp(1.8rem,5vw,2.6rem)}.home-hero-sub{color:var(--text-soft);max-width:46ch;line-height:1.6}.home-feed-placeholder{color:var(--text-soft);border-style:dashed;align-items:center;gap:.7rem;padding:1.3rem 1.4rem;font-size:.94rem;display:flex}.home-feed-placeholder svg{color:var(--accent-ink);flex-shrink:0}.home-aside{position:sticky;top:76px}.quiz{border:1px solid var(--border);box-shadow:var(--shadow);background:radial-gradient(130% 100% at 100% 0%, color-mix(in srgb, var(--orange) 12%, transparent), transparent 60%), var(--surface);border-radius:22px;padding:1.15rem 1.15rem 1.25rem;position:relative;overflow:hidden}.quiz:before{content:"";background:var(--accent-grad);opacity:.9;height:3px;position:absolute;inset:0 0 auto}.quiz-head{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.95rem;display:flex}.quiz-head-title{align-items:center;gap:.65rem;display:flex}.quiz-badge{background:var(--accent-grad);color:#1a1204;border-radius:13px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 6px 16px #f2b70b66}.quiz-title{font-size:1.08rem;line-height:1.1}.quiz-sub{color:var(--text-soft);margin:.16rem 0 0;font-size:.76rem}.quiz-score{font-family:var(--font-display);color:#1a1204;background:var(--accent-grad);border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.36rem .75rem;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #f2b70b52}.quiz-diffs{background:var(--surface-2);border:1px solid var(--border);border-radius:13px;gap:.3rem;margin-bottom:1rem;padding:.28rem;display:flex}.quiz-diff-pill{color:var(--text-soft);font-family:var(--font-display);background:0 0;border:none;border-radius:9px;flex:1;padding:.42rem .3rem;font-size:.78rem;font-weight:600;transition:color .15s,background .15s,box-shadow .15s}.quiz-diff-pill:not(:disabled):hover{color:var(--text)}.quiz-diff-pill.active{background:var(--surface);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.quiz-diff-pill:disabled{cursor:default;opacity:.6}.quiz-progress{background:var(--surface-2);border-radius:999px;height:6px;margin-bottom:.9rem;overflow:hidden}.quiz-progress-fill{background:var(--accent-grad);border-radius:999px;height:100%;transition:width .45s cubic-bezier(.2,.8,.3,1);display:block;box-shadow:0 0 10px #f2b70b80}.quiz-stack{perspective:1000px;min-height:208px;margin-bottom:1rem;position:relative}.quiz-hint{z-index:3;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl;pointer-events:none;font-size:.62rem;font-weight:800;transition:opacity .15s;position:absolute;top:50%}.quiz-hint.left{color:#e0483f;left:-13px;transform:translateY(-50%)rotate(180deg)}.quiz-hint.right{color:#22a35a;right:-13px}.quiz-qcard{border-radius:18px;position:absolute;inset:0}.quiz-qcard-behind{border:1px solid var(--border);background:var(--surface-2);transform-origin:top}.quiz-qcard-behind.depth-1{opacity:.9;z-index:1;box-shadow:var(--shadow-sm);transform:translateY(11px)scale(.945)}.quiz-qcard-behind.depth-2{opacity:.55;z-index:0;transform:translateY(22px)scale(.89)}.quiz-qcard-active{z-index:2;border:1px solid var(--border-strong);background:linear-gradient(165deg, color-mix(in srgb, var(--orange) 5%, var(--surface)), var(--surface) 55%);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;flex-direction:column;padding:1rem 1.05rem .9rem;transition:transform .42s cubic-bezier(.2,.85,.3,1),opacity .42s,border-color .25s,box-shadow .25s;animation:.34s cubic-bezier(.2,.8,.3,1) quizIn;display:flex;overflow:hidden;box-shadow:0 16px 34px #14142829}.quiz-qcard-active.is-dragging{cursor:grabbing;box-shadow:0 22px 46px #14142842}.quiz-qcard-active.is-correct{border-color:#22a35a}.quiz-qcard-active.is-wrong{border-color:#e0483f}@keyframes quizIn{0%{opacity:0;transform:translateY(-12px)scale(.96)}}.quiz-glow{z-index:0;pointer-events:none;transition:opacity .12s;position:absolute;inset:0}.quiz-glow[data-side=left]{background:radial-gradient(120% 120% at 0%,#e0483f42,#0000 55%)}.quiz-glow[data-side=right]{background:radial-gradient(120% 120% at 100%,#22a35a47,#0000 55%)}.quiz-stamp{z-index:3;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;pointer-events:none;border:2.5px solid;border-radius:10px;align-items:center;gap:.25rem;padding:.28rem .6rem;font-size:.9rem;font-weight:800;display:inline-flex;position:absolute;top:.9rem}.quiz-stamp.vrai{color:#1f9c56;left:.9rem;transform:rotate(-11deg)}.quiz-stamp.faux{color:#d8483f;right:.9rem;transform:rotate(11deg)}.quiz-qcard-top{z-index:1;justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex;position:relative}.quiz-badge-diff{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:.24rem .55rem;font-size:.64rem;font-weight:800}.quiz-badge-diff.diff-easy{color:#1f9c56;background:#22a35a26}.quiz-badge-diff.diff-medium{background:color-mix(in srgb, var(--orange) 20%, transparent);color:var(--accent-ink)}.quiz-badge-diff.diff-hard{color:#d8483f;background:#e0483f26}.quiz-count{font-family:var(--font-display);color:var(--text);font-size:.86rem;font-weight:700}.quiz-count i{color:var(--text-soft);font-style:normal;font-weight:600}.quiz-question{z-index:1;font-family:var(--font-display);color:var(--text);flex:1;align-items:center;margin:0;font-size:1.06rem;font-weight:600;line-height:1.42;display:flex;position:relative}.quiz-qcard-foot{z-index:1;color:var(--text-soft);align-items:center;gap:.35rem;margin-top:.8rem;font-size:.72rem;display:flex;position:relative}.quiz-qcard-foot svg{opacity:.7}.quiz-result{z-index:4;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;animation:.28s cubic-bezier(.2,.8,.3,1) resultIn;display:flex;position:absolute;inset:0}.quiz-result.is-correct{background:linear-gradient(150deg,#1f9c56,#2fb968)}.quiz-result.is-wrong{background:linear-gradient(150deg,#d8483f,#ef6a5a)}.quiz-result strong{font-family:var(--font-display);font-size:1.3rem}.quiz-result-icon{background:#ffffff38;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:.3rem;animation:.4s cubic-bezier(.2,.8,.3,1) resultPop;display:grid}.quiz-result-sub{opacity:.9;font-size:.82rem}@keyframes resultIn{0%{opacity:0}}@keyframes resultPop{0%{transform:scale(.3)}60%{transform:scale(1.15)}}.quiz-plusone{z-index:6;font-family:var(--font-display);color:#22c06d;text-shadow:0 4px 16px #22a35a80;pointer-events:none;align-items:center;gap:.15rem;font-size:1.7rem;font-weight:800;animation:.9s cubic-bezier(.2,.8,.3,1) forwards plusOne;display:inline-flex;position:absolute;top:4px;left:50%;transform:translate(-50%)}.quiz-plusone svg{color:var(--amber)}@keyframes plusOne{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.5)}25%{opacity:1;transform:translate(-50%)translateY(-6px)scale(1.2)}to{opacity:0;transform:translate(-50%)translateY(-52px)scale(1)}}.quiz-actions{align-items:center;gap:.55rem;display:flex}.quiz-answer{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-display);border-radius:14px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.75rem .5rem;font-size:.96rem;font-weight:700;transition:transform .14s,border-color .15s,background .15s,color .15s,box-shadow .18s;display:inline-flex}.quiz-answer:not(:disabled):hover{transform:translateY(-2px)}.quiz-true:not(:disabled):hover{color:#1f9c56;background:#22a35a17;border-color:#22a35a;box-shadow:0 8px 18px #22a35a2e}.quiz-false:not(:disabled):hover{color:#d8483f;background:#e0483f17;border-color:#e0483f;box-shadow:0 8px 18px #e0483f2e}.quiz-answer:disabled{cursor:default;opacity:.55}.quiz-streak{font-family:var(--font-display);color:#fff;background:linear-gradient(100deg,#ff7a18,#ff4d4d);border-radius:999px;flex-shrink:0;align-items:center;gap:.2rem;padding:.4rem .6rem;font-size:.85rem;font-weight:800;animation:.4s resultPop;display:inline-flex;box-shadow:0 6px 16px #ff4d4d66}.quiz-state{text-align:center;min-height:230px;color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;gap:.7rem;font-size:.92rem;display:flex}.quiz-spin{color:var(--accent-ink);animation:.9s linear infinite spin}.quiz-retry{padding:.5rem .9rem;font-size:.88rem}.quiz-done-badge{background:var(--accent-grad);color:#1a1204;border-radius:20px;place-items:center;width:68px;height:68px;animation:.5s pop;display:grid;box-shadow:0 10px 26px #f2b70b73}.quiz-done-title{font-size:1.35rem}.quiz-done-sub{color:var(--text-soft);margin:0}.quiz-done-sub strong{color:var(--accent-ink);font-size:1.1em}.quiz-replay{margin-top:.4rem}@media (width<=1040px){.home{grid-template-columns:1fr}.home-aside{max-width:460px;position:static}}.spoiler-toggle{border:1.5px solid var(--border-strong);background:var(--surface);height:34px;color:var(--text-soft);font-family:var(--font-display);border-radius:999px;align-items:center;gap:.35rem;margin-left:.35rem;padding:0 .7rem;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.spoiler-toggle:hover{border-color:var(--orange);color:var(--text)}.spoiler-toggle.on{background:color-mix(in srgb, var(--orange) 18%, var(--surface));color:var(--accent-ink);border-color:#0000}@media (width<=520px){.spoiler-toggle-label{display:none}}.doc-cta{align-items:center;gap:.6rem;margin-top:1.6rem;display:flex}.doc-cta-btn{background:linear-gradient(135deg, var(--orange), #ffcf4a);color:#1a1408;font-family:var(--font-display);box-shadow:0 10px 26px color-mix(in srgb, var(--orange) 35%, transparent);border:none;border-radius:999px;align-items:center;gap:.55rem;padding:.8rem 1.3rem;font-size:.98rem;font-weight:800;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex}.doc-cta-btn:hover{filter:brightness(1.05);box-shadow:0 14px 32px color-mix(in srgb, var(--orange) 45%, transparent);transform:translateY(-2px)}.doc-cta-settings{position:relative}.doc-cta-gear{border:1.5px solid var(--border-strong);background:var(--surface);width:44px;height:44px;color:var(--text-soft);border-radius:50%;place-items:center;transition:color .15s,border-color .15s,transform .3s;display:grid}.doc-cta-gear:hover{color:var(--text);border-color:var(--orange)}.doc-cta-gear.active{color:var(--accent-ink);border-color:var(--orange);transform:rotate(60deg)}.doc-settings{z-index:40;width:230px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:.9rem;padding:.9rem;animation:.16s modalIn;display:flex;position:absolute;top:calc(100% + .6rem);left:0}.doc-settings-group{flex-direction:column;gap:.35rem;display:flex}.doc-settings-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);margin-bottom:.15rem;font-size:.72rem;font-weight:700}.doc-settings-opt{color:var(--text);border-radius:9px;align-items:center;gap:.55rem;padding:.4rem .45rem;font-size:.9rem;display:flex}.doc-settings-opt.clickable:hover{background:var(--surface-2)}.doc-settings-opt.disabled{opacity:.75;cursor:default}.doc-check{border:1.5px solid var(--border-strong);color:#1a1408;border-radius:6px;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.doc-check.on{background:var(--orange);border-color:var(--orange)}.doc-radio{border:1.5px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:16px;height:16px;position:relative}.doc-radio.on{border-color:var(--orange)}.doc-radio.on:after{content:"";background:var(--orange);border-radius:50%;position:absolute;inset:3px}.doc-overlay{z-index:1100;-webkit-backdrop-filter:blur(10px);background:#040508d1;align-items:flex-start}.doc-modal{color:#fff;width:100%;max-width:min(1040px,96vw);margin:auto;animation:.2s cubic-bezier(.2,.8,.3,1) modalIn;position:relative}.doc-modal .modal-close{color:#fff;background:#ffffff1f}.doc-modal .modal-close:hover{background:#ffffff38}.doc-modal-head{justify-content:space-between;align-items:center;margin-bottom:.9rem;padding-right:2.8rem;display:flex}.doc-modal-title{font-family:var(--font-display);color:#fff;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;display:inline-flex}.doc-modal-counter{color:#ffffffb3;background:#ffffff1f;border-radius:999px;padding:.2rem .6rem;font-size:.8rem;font-weight:700}.doc-modal .doc-state{color:#ffffffbf}.doc-lightbox{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:860px;margin:auto;padding:1.3rem;animation:.2s cubic-bezier(.2,.8,.3,1) modalIn;position:relative;box-shadow:0 30px 80px #0000008c}.doc-state{text-align:center;color:var(--text-soft);flex-direction:column;align-items:center;gap:.8rem;padding:2.5rem 1rem;display:flex}.doc-stage{aspect-ratio:16/9;background:#000;border-radius:16px;width:100%;position:relative;overflow:hidden}.doc-modal .doc-stage{max-height:64vh;box-shadow:0 30px 80px #0009}.doc-player{border:0;width:100%;height:100%;position:absolute;inset:0}.doc-info{margin-top:.9rem}.doc-video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.02rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.doc-modal .doc-info{margin-top:1.1rem}.doc-modal .doc-video-title{color:#fff;font-size:1.15rem}.doc-video-meta{flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin-top:.5rem;display:flex}.doc-chan{color:var(--text-soft);font-size:.85rem}.doc-modal .doc-chan{color:#ffffffb3}.doc-badge{background:var(--surface-2);color:var(--text-soft);border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.doc-modal .doc-badge{color:#ffffffd1;background:#ffffff1f}.doc-badge.reco{background:color-mix(in srgb, var(--orange) 15%, var(--surface));color:var(--accent-ink)}.doc-modal .doc-badge.reco{background:color-mix(in srgb, var(--orange) 28%, transparent);color:#ffe08a}.doc-actions{grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.3rem;display:grid}.doc-act{color:#fff;font-family:var(--font-display);background:#ffffff14;border:1.5px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.85rem .6rem;font-size:.9rem;font-weight:700;transition:all .15s;display:inline-flex}.doc-act:hover{border-color:var(--orange);background:#ffffff24}.doc-act.active{background:color-mix(in srgb, var(--orange) 32%, transparent);color:#ffe08a;border-color:#0000}.doc-act.next{background:#ffffff29}.doc-act:disabled{opacity:.6}.doc-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem;display:grid}.doc-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;transition:border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.doc-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.doc-card-thumb{aspect-ratio:16/9;background:#000;border:none;width:100%;padding:0;position:relative;overflow:hidden}.doc-card-thumb img{object-fit:cover;width:100%;height:100%}.doc-card-play{color:#fff;opacity:0;background:#0000008c;border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;transition:opacity .15s;display:grid;position:absolute;inset:0}.doc-card-thumb:hover .doc-card-play{opacity:1}.doc-card-dur{color:#fff;background:#000000c7;border-radius:6px;padding:.1rem .4rem;font-size:.72rem;font-weight:600;position:absolute;bottom:.5rem;right:.5rem}.doc-card-body{flex:1;padding:.75rem .85rem .9rem}.doc-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.doc-card-meta{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.doc-card-chan{color:var(--text-soft);font-size:.78rem}.doc-card-game{color:var(--accent-ink);align-items:center;gap:.3rem;font-size:.76rem;display:inline-flex}.doc-card-del{color:#fff;opacity:0;background:#0009;border:none;border-radius:8px;place-items:center;width:30px;height:30px;transition:opacity .15s,background .15s;display:grid;position:absolute;top:.5rem;left:.5rem}.doc-card:hover .doc-card-del{opacity:1}.doc-card-del:hover{background:#e0483f}@media (width<=560px){.doc-actions{grid-template-columns:1fr}}.act{animation:.2s fadeIn}.act-loading{color:var(--text-soft);justify-content:center;align-items:center;gap:.5rem;padding:3rem;display:flex}.act-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.2rem;display:flex}.act-head-tools{align-items:center;gap:.6rem;margin-left:auto;display:inline-flex}.act-subtabs{flex-wrap:wrap;gap:.4rem;display:flex}.act-subtab{border:1.5px solid var(--border);background:var(--surface-2);color:var(--text-soft);font-family:var(--font-display);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.act-subtab:hover{color:var(--text);border-color:var(--border-strong)}.act-subtab.active{background:var(--accent-grad);color:#23180a;border-color:#0000}.act-subtab-count{background:color-mix(in srgb, currentColor 16%, transparent);border-radius:999px;padding:.02rem .42rem;font-size:.72rem;font-weight:700}.act-subtab.active .act-subtab-count{background:#23180a2e}.act-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:1.2rem;display:flex}.act-sort{color:var(--text-soft);align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;display:inline-flex}.act-sort-label{font-family:var(--font-display)}.act-sort select{font-family:var(--font-body);color:var(--text);border:1.5px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:10px;padding:.42rem .7rem;font-size:.86rem;font-weight:600;transition:border-color .15s}.act-sort select:focus{border-color:var(--orange);outline:none}.act-spoiler-btn{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-soft);font-family:var(--font-display);border-radius:10px;align-items:center;gap:.4rem;padding:.42rem .8rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.act-spoiler-btn:hover{border-color:var(--orange);color:var(--text)}.act-spoiler-btn.on{background:color-mix(in srgb, var(--orange) 16%, var(--surface));color:var(--accent-ink);border-color:#0000}.rv-list{flex-direction:column;gap:1rem;display:flex}.rv-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);align-items:flex-start;gap:1rem;padding:1rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 2px 10px #0000000a}.rv-text img.emoji,.cm-text img.emoji,.cm-replyto img.emoji,.rvcm-text img.emoji{vertical-align:-.25em;width:1.25em;height:1.25em;margin:0 .03em;display:inline-block}.rv-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.rv-cover{aspect-ratio:3/4;background:var(--surface-2);border:none;border-radius:11px;flex-shrink:0;width:92px;padding:0;line-height:0;transition:transform .15s;overflow:hidden}.rv-cover:hover{transform:translateY(-2px)}.rv-cover img{object-fit:cover;width:100%;height:100%}.rv-cover-ph{width:100%;height:100%;color:var(--text-soft);place-items:center;display:grid}.rv-main{flex:1;min-width:0}.rv-head{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.rv-titlewrap{min-width:0}.rv-game{cursor:pointer;margin:0;font-size:1.08rem;line-height:1.2}.rv-game:hover{color:var(--accent-ink)}.rv-meta{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:.4rem .55rem;margin-top:.4rem;font-size:.78rem;display:flex}.rv-meta-dot,.rv-meta-time{align-items:center;gap:.25rem;display:inline-flex}.rv-status{--sc:#8b93a7;color:var(--sc);background:color-mix(in srgb, var(--sc) 14%, transparent);border-radius:999px;align-items:center;gap:.28rem;padding:.12rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.rv-status.s-playing{--sc:#3b8ff0}.rv-status.s-finished{--sc:#22a35a}.rv-status.s-paused{--sc:#e6a70a}.rv-status.s-dropped{--sc:#e0483f}.rv-status.s-wishlist{--sc:#9a6bff}.rv-spoiler-tag{text-transform:uppercase;letter-spacing:.03em;color:#d8483f;background:#e0483f24;border-radius:999px;align-items:center;gap:.25rem;padding:.1rem .45rem;font-size:.68rem;font-weight:700;display:inline-flex}.rv-ring{flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;position:relative}.rv-ring svg{width:48px;height:48px}.rv-ring-bg{fill:none;stroke:var(--border-strong);stroke-width:4px}.rv-ring-fg{fill:none;stroke:var(--rc);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .4s}.rv-ring-num{font-family:var(--font-display);color:var(--rc);font-size:.92rem;font-weight:800;position:absolute}.rv-bodywrap{margin-top:.7rem;position:relative}.rv-body{flex-direction:column;gap:.65rem;display:flex}.rv-body.is-hidden{filter:blur(11px);pointer-events:none;-webkit-user-select:none;user-select:none;max-height:150px;overflow:hidden}.rv-reveal{border:1px dashed var(--border-strong);background:color-mix(in srgb, var(--surface) 55%, transparent);color:var(--text);font-family:var(--font-display);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:.9rem;font-weight:700;display:flex;position:absolute;inset:0}.rv-reveal svg{color:var(--accent-ink)}.rv-reveal small{font-family:var(--font-body);color:var(--text-soft);font-size:.76rem;font-weight:500}.rv-text{color:var(--text);white-space:pre-wrap;overflow-wrap:break-word;margin:0;line-height:1.55}.rv-text.muted{color:var(--text-soft);font-size:.9rem}.rv-textwrap{display:block}.rv-clamp{-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rv-more{color:var(--accent,#1d9bf0);cursor:pointer;background:0 0;border:none;margin-top:.2rem;padding:.1rem 0;font-size:.85rem;font-weight:600;display:inline-block}.rv-more:hover{text-decoration:underline}.rv-pc{flex-wrap:wrap;gap:.35rem;display:flex}.rv-favs{flex-wrap:wrap;gap:.5rem;margin-top:.1rem;display:flex}.rv-fav-chip{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;align-items:center;gap:.45rem;padding:.28rem .65rem .28rem .3rem;font-size:.82rem;font-weight:600;display:inline-flex}.rv-fav-av{background:var(--accent-grad);color:#23180a;border-radius:999px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid;overflow:hidden}.rv-fav-av img{object-fit:cover;width:100%;height:100%}.rv-ost{border:1px solid var(--border);background:var(--surface-2);color:var(--text);text-align:left;border-radius:999px;align-items:center;gap:.5rem;padding:.28rem .7rem .28rem .3rem;transition:border-color .15s;display:inline-flex}.rv-ost:hover{border-color:var(--orange)}.rv-ost-art{background:var(--accent-grad);color:#23180a;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid;position:relative;overflow:hidden}.rv-ost-art img{object-fit:cover;width:100%;height:100%}.rv-ost-play{color:#fff;background:#0000006b;place-items:center;display:grid;position:absolute;inset:0}.rv-ost-txt{flex-direction:column;min-width:0;line-height:1.15;display:flex}.rv-ost-name{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.82rem;font-weight:700;overflow:hidden}.rv-ost-artist{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.72rem;overflow:hidden}.cm-list{flex-direction:column;gap:.8rem;display:flex}.cm-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:.9rem 1rem;transition:border-color .15s,box-shadow .15s}.cm-card:hover{border-color:var(--border-strong);box-shadow:0 2px 12px #0000000d}.cm-head{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.82rem;display:flex}.cm-head-icon{color:var(--accent-ink);flex-shrink:0}.cm-list-link{color:var(--text);font-weight:700;text-decoration:none}.cm-list-link:hover{color:var(--accent-ink);text-decoration:underline}.cm-time{white-space:nowrap;margin-left:auto}.cm-likes{color:#e0483f;align-items:center;gap:.25rem;font-weight:700;display:inline-flex}.cm-rv{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;align-items:center;gap:.7rem;margin-top:.55rem;padding:.5rem .6rem;display:flex}.cm-rv-cover{background:var(--surface);width:40px;height:53px;color:var(--text-soft);border:1px solid var(--border);border-radius:8px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.cm-rv-cover img{object-fit:cover;width:100%;height:100%}.cm-rv-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.cm-rv-title{font-family:var(--font-display);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.cm-rv-sub{color:var(--text-soft);font-size:.8rem}.cm-replyto{border-left:2px solid var(--border-strong);background:var(--surface-2);color:var(--text-soft);border-radius:0 8px 8px 0;align-items:flex-start;gap:.35rem;margin-top:.55rem;padding:.4rem .6rem;font-size:.8rem;display:flex}.cm-replyto svg{flex-shrink:0;margin-top:2px}.cm-replyto strong{color:var(--accent-ink)}.cm-replyto em{font-style:italic}.cm-text{color:var(--text);white-space:pre-wrap;overflow-wrap:break-word;margin-top:.5rem;line-height:1.5}.act-media-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.6rem;display:grid}.act-media-tile{aspect-ratio:1;border:1px solid var(--border);background:var(--surface-2);cursor:zoom-in;border-radius:12px;padding:0;line-height:0;transition:transform .14s,box-shadow .14s;position:relative;overflow:hidden}.act-media-tile:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.act-media-tile img{object-fit:cover;width:100%;height:100%}.act-media-src{color:#ffd24a;background:#0a0c12b3;border-radius:7px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:6px;left:6px}.lc-media{position:relative}.lc-media-tag{letter-spacing:.04em;color:#fff;background:#0a0c12b8;border-radius:5px;padding:.05rem .34rem;font-size:.6rem;font-weight:800;position:absolute;bottom:6px;right:6px}.mv-caption{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#0009;border-radius:999px;max-width:80%;padding:.35rem .8rem;font-size:.82rem;font-weight:600;position:absolute;bottom:1rem;left:50%;overflow:hidden;transform:translate(-50%)}@media (width<=640px){.rv-card{flex-direction:column}.rv-cover{width:74px}.act-toolbar{align-items:stretch}}.rv-head-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.rv-edit{border:1.5px solid var(--border-strong);background:var(--surface);width:32px;height:32px;color:var(--text-soft);border-radius:9px;place-items:center;transition:all .15s;display:grid}.rv-edit:hover{border-color:var(--orange);color:var(--accent-ink);transform:translateY(-1px)}.cm-card.clickable{cursor:pointer}.cm-card .cm-open-hint{color:var(--text-soft);opacity:0;align-items:center;gap:.3rem;margin-top:.7rem;font-size:.76rem;font-weight:600;transition:opacity .15s,color .15s;display:inline-flex}.cm-card:hover .cm-open-hint{opacity:1;color:var(--accent-ink)}.cm-on{font-weight:600}.cm-lc{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;align-items:center;gap:.85rem;margin-top:.6rem;padding:.6rem .85rem .6rem .6rem;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.cm-lc:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.cm-lc-preview{background:linear-gradient(160deg, var(--surface), var(--surface-2));border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:62px;display:flex;position:relative;overflow:hidden}.cm-lc-preview.empty{color:var(--text-soft);opacity:.6}.cm-lc-cover{aspect-ratio:3/4;border:1.5px solid var(--surface);width:30px;transform:translateX(calc((var(--i) - (var(--n) - 1) / 2) * 17px)) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 5deg));z-index:calc(5 - var(--i));border-radius:5px;line-height:0;transition:transform .25s cubic-bezier(.2,.7,.2,1);position:absolute;overflow:hidden;box-shadow:0 3px 9px #00000047}.cm-lc:hover .cm-lc-cover{transform:translateX(calc((var(--i) - (var(--n) - 1) / 2) * 21px)) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 6deg)) translateY(-1px)}.cm-lc-cover img{object-fit:cover;width:100%;height:100%}.cm-lc-info{flex-direction:column;flex:1;gap:.28rem;min-width:0;display:flex}.cm-lc-titlerow{align-items:center;gap:.45rem;min-width:0;display:flex}.cm-lc-titlerow .list-type-badge{flex-shrink:0;padding:.22rem .5rem;font-size:.66rem}.cm-lc-title{font-family:var(--font-display);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.cm-lc-meta{color:var(--text-soft);align-items:center;gap:.4rem;min-width:0;font-size:.76rem;display:flex}.cm-lc-author{color:var(--accent-ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.cm-lc-dot{opacity:.5}.cm-lc-stats{color:var(--text-soft);align-items:center;gap:.8rem;font-size:.76rem;font-weight:600;display:flex}.cm-lc-stat{align-items:center;gap:.28rem;display:inline-flex}.cm-lc-stat.liked{color:#ff5470}@media (width<=480px){.cm-lc-preview{width:66px}}.thread-modal{max-width:620px}.thread-sub{color:var(--text-soft);margin:.1rem 0 1.1rem;font-size:.9rem}.thread-sub a{color:var(--accent-ink);font-weight:700;text-decoration:none}.thread-sub a:hover{text-decoration:underline}.thread-body{margin-top:.2rem}.ld-comment.is-focused{background:color-mix(in srgb, var(--orange) 9%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--orange) 40%, transparent);border-radius:12px;margin:-.2rem 0;padding:.5rem}.gamepage{margin:calc(-1 * var(--content-pad));min-height:calc(100vh - var(--topbar-h));display:flow-root;position:relative;overflow-x:clip}.gp-state{text-align:center;min-height:60vh;color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:2rem;display:flex}.gp-state h3{color:var(--text);font-size:1.3rem}.gp-state .btn{margin-top:.6rem}.gp-backdrop{z-index:0;height:clamp(320px,46vh,520px);animation:.7s both gp-bg-in;position:absolute;top:0;left:0;right:0;overflow:hidden}@keyframes gp-bg-in{0%{opacity:0;transform:scale(1.04)}}.gp-backdrop img,.gp-backdrop-fallback{object-fit:cover;object-position:center 28%;filter:saturate(1.1)blur(2px);width:100%;height:100%;transform:scale(1.08)}.gp-backdrop-fallback{background:linear-gradient(120deg, var(--surface-2), var(--surface));filter:none;transform:none}.gp-backdrop-veil{background:linear-gradient(to bottom, #06060c57 0%, #06060c0d 18%, transparent 40%, color-mix(in srgb, var(--bg) 40%, transparent) 72%, var(--bg) 100%);position:absolute;inset:0}.gp-back{z-index:6;-webkit-backdrop-filter:blur(8px);color:#fff;font-family:var(--font-display);background:#0f0f146b;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.9rem;font-weight:600;transition:background .15s,transform .15s;display:inline-flex;position:absolute;top:1rem;left:clamp(1rem,4vw,2rem)}.gp-back:hover{background:#0f0f14b3;transform:translate(-2px)}.gp-sheet{z-index:2;background:var(--bg);border-top:1px solid var(--border);border-radius:26px 26px 0 0;max-width:1240px;min-height:60vh;margin:clamp(230px,32vh,360px) auto 0;padding:1.6rem clamp(1.1rem,3vw,2.2rem) 3rem;animation:.55s cubic-bezier(.2,.7,.2,1) both gp-rise;position:relative}@keyframes gp-rise{0%{opacity:0;transform:translateY(48px)}}.gp-sheet:before{content:"";background:linear-gradient(to bottom, color-mix(in srgb, var(--bg) 100%, transparent), transparent);pointer-events:none;border-radius:26px 26px 0 0;height:60px;position:absolute;top:0;left:0;right:0}.gp-grid{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:clamp(1.4rem,3vw,2.6rem);display:grid}.gp-left{top:calc(var(--topbar-h) + 1rem);flex-direction:column;gap:.9rem;min-width:0;display:flex;position:sticky}.gp-cover{aspect-ratio:3/4;background:var(--surface-2);border:4px solid var(--bg);border-radius:16px;margin-top:-104px;overflow:hidden;box-shadow:0 22px 46px #0a0a1473}.gp-cover img{object-fit:cover;width:100%;height:100%;display:block}.gp-cover-empty{width:100%;height:100%;color:var(--text-soft);place-items:center;display:grid}.gp-actions{gap:.4rem;display:flex}.gp-action{border:1.5px solid var(--border-strong);background:var(--surface);min-width:0;color:var(--text-soft);font-family:var(--font-display);border-radius:13px;flex-direction:column;flex:1;align-items:center;gap:.28rem;padding:.6rem .3rem;font-size:.72rem;font-weight:600;transition:all .15s;display:flex}.gp-action span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.gp-action:not(.disabled):hover{border-color:var(--orange);color:var(--text);background:color-mix(in srgb, var(--orange) 10%, var(--surface));transform:translateY(-2px)}.gp-action.active{background:var(--accent-grad);color:#1a1204;border-color:#0000;box-shadow:0 6px 16px #f2b70b52}.gp-action.disabled{opacity:.5;cursor:not-allowed}.gp-left-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:.85rem .9rem}.gp-h3{text-transform:uppercase;letter-spacing:.03em;color:var(--text-soft);align-items:center;gap:.4rem;margin:0 0 .6rem;font-size:.74rem;font-weight:700;display:flex}.gp-muted{color:var(--text-soft);margin:0;font-size:.84rem}.gp-ttb{gap:.4rem;display:flex}.gp-ttb-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;flex-direction:column;flex:1;align-items:center;gap:.18rem;padding:.5rem .2rem;display:flex}.gp-ttb-chip.empty{opacity:.5}.gp-ttb-label{text-transform:uppercase;letter-spacing:.02em;color:var(--text-soft);font-size:.62rem;font-weight:600}.gp-ttb-val{font-family:var(--font-display);color:var(--text);font-size:.92rem;font-weight:700}.gp-fav-add{border:1.5px dashed var(--border-strong);background:var(--surface-2);width:100%;color:var(--text-soft);font-family:var(--font-display);border-radius:11px;justify-content:center;align-items:center;gap:.35rem;padding:.6rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.gp-fav-add:hover{border-color:var(--orange);color:var(--accent-ink)}.gp-fav-wrap{text-align:left;background:0 0;border:none;width:100%;padding:0}.gp-fav{align-items:center;gap:.6rem;min-width:0;display:flex}.gp-fav-art{object-fit:cover;border:1px solid var(--border);border-radius:9px;flex-shrink:0;width:44px;height:44px}.gp-fav-art.round{border-radius:50%}.gp-fav-txt{min-width:0}.gp-fav-txt b{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;display:block;overflow:hidden}.gp-fav-txt small{color:var(--text-soft);font-size:.76rem}.gp-right{min-width:0}.gp-rhead{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.2rem;padding-top:.3rem;display:flex}.gp-rhead-main{flex:1;min-width:0}.gp-franchise{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:.3rem;font-size:.76rem;font-weight:600;display:inline-block}.gp-title{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.03}.gp-tagline{color:var(--text-soft);flex-wrap:wrap;gap:.4rem 1rem;margin:.7rem 0 0;font-size:.9rem;font-weight:500;display:flex}.gp-tagline span{align-items:center;gap:.35rem;display:inline-flex}.gp-gauges{flex-shrink:0;gap:1rem;display:flex}.gp-gauge{flex-direction:column;align-items:center;gap:.15rem;min-width:62px;display:flex}.gp-gauge-vis{width:62px;height:62px;position:relative}.gp-gauge-svg{width:100%;height:100%}.gp-gauge-track{fill:none;stroke:var(--border-strong);stroke-width:6px}.gp-gauge-arc{fill:none;stroke-width:6px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .9s cubic-bezier(.2,.7,.2,1);transform:rotate(-90deg)}.gp-gauge-num{font-family:var(--font-display);place-items:center;font-size:1.05rem;font-weight:700;display:grid;position:absolute;inset:0}.gp-gauge-label{color:var(--text);font-size:.72rem;font-weight:600}.gp-gauge-sub{color:var(--text-soft);font-size:.64rem}.gp-tabs{top:var(--topbar-h);z-index:5;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:saturate(140%)blur(10px);scrollbar-width:none;gap:.3rem;margin:1.4rem 0 0;padding:.5rem 0;display:flex;position:sticky;overflow-x:auto}.gp-tabs::-webkit-scrollbar{display:none}.gp-tab{color:var(--text-soft);font-family:var(--font-display);white-space:nowrap;background:0 0;border:none;border-radius:11px;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.92rem;font-weight:600;transition:color .15s,background .15s;display:inline-flex;position:relative}.gp-tab:not(.soon):hover{color:var(--text);background:var(--surface-2)}.gp-tab.active{color:var(--accent-ink);background:color-mix(in srgb, var(--orange) 12%, transparent)}.gp-tab.active:after{content:"";background:var(--accent-grad);border-radius:3px;height:2.5px;position:absolute;bottom:-.5rem;left:.9rem;right:.9rem}.gp-tab.soon{cursor:not-allowed;opacity:.55}.gp-soon{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);border-radius:6px;padding:.1rem .3rem;font-size:.58rem;font-weight:700}.gpc{padding-top:1.4rem}.gpc-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem 1rem;margin-bottom:1.3rem;display:flex}.gpc-count{font-family:var(--font-display);color:var(--text);align-items:center;gap:.4rem;font-size:.98rem;font-weight:700;display:inline-flex}.gpc-count svg{color:var(--accent-ink)}.gpc-count-mine{font-family:var(--font-body);color:var(--text-soft);font-size:.82rem;font-style:normal;font-weight:500}.gpc-tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.gpc-search{align-items:center;display:flex;position:relative}.gpc-search-icon{color:var(--text-soft);pointer-events:none;position:absolute;left:.7rem}.gpc-search-input{border:1.5px solid var(--border-strong);background:var(--surface);width:230px;max-width:46vw;color:var(--text);border-radius:12px;padding:.55rem 2rem .55rem 2.1rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.gpc-search-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb, var(--orange) 18%, transparent);outline:none}.gpc-search-clear{background:var(--surface-2);width:22px;height:22px;color:var(--text-soft);border:none;border-radius:50%;place-items:center;display:grid;position:absolute;right:.5rem}.gpc-search-clear:hover{color:var(--text)}.gpc-add-btn{background:var(--accent-grad);color:#1a1204;font-family:var(--font-display);border:none;border-radius:12px;align-items:center;gap:.35rem;padding:.55rem .95rem;font-size:.9rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 16px #f2b70b47}.gpc-add-btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px #f2b70b61}.gpc-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:1rem .9rem;display:grid}.gpc-card{text-align:center;flex-direction:column;align-items:center;gap:.45rem;min-width:0;display:flex}.gpc-card-img{aspect-ratio:3/4;background:var(--surface-2);border:1.5px solid var(--border);width:100%;color:var(--text-soft);border-radius:15px;place-items:center;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #0a0a1424}.gpc-card-img img{object-fit:cover;width:100%;height:100%;display:block}.gpc-card:not(.gpc-add-card):hover .gpc-card-img{border-color:var(--orange);transform:translateY(-4px);box-shadow:0 14px 30px #0a0a143d}.gpc-card-name{font-family:var(--font-display);color:var(--text);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:100%;font-size:.86rem;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.gpc-mine-tag{text-transform:uppercase;letter-spacing:.03em;color:var(--accent-ink);margin-top:-.2rem;font-size:.62rem;font-weight:700}.gpc-card.is-fav .gpc-card-img{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange), 0 10px 24px #f2b70b4d}.gpc-fav-badge{background:var(--accent-grad);color:#1a1204;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:.45rem;left:.45rem;box-shadow:0 3px 8px #0a0a144d}.gpc-card-actions{opacity:0;gap:.3rem;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:.4rem;right:.4rem;transform:translateY(-4px)}.gpc-card.is-mine:hover .gpc-card-actions,.gpc-card-actions:focus-within{opacity:1;transform:none}.gpc-act{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f16b8;border:none;border-radius:9px;place-items:center;width:28px;height:28px;transition:background .15s;display:grid}.gpc-act:hover{background:var(--orange);color:#1a1204}.gpc-act.danger:hover{color:#fff;background:#e0483f}.gpc-add-card{cursor:pointer;background:0 0;border:none}.gpc-add-tile{border:2px dashed var(--border-strong);background:color-mix(in srgb, var(--orange) 5%, transparent);color:var(--text-soft);box-shadow:none}.gpc-add-card:hover .gpc-add-tile{border-color:var(--orange);color:var(--accent-ink);background:color-mix(in srgb, var(--orange) 12%, transparent)}.gpc-card.is-sk .gpc-card-img{box-shadow:none;border-color:#0000;animation:1.2s ease-in-out infinite gpc-pulse}.gpc-sk-line{background:var(--surface-2);border-radius:6px;width:70%;height:12px;animation:1.2s ease-in-out infinite gpc-pulse}@keyframes gpc-pulse{50%{opacity:.5}}.gpc-empty{color:var(--text-soft);text-align:center;flex-direction:column;align-items:center;gap:.7rem;padding:3rem 1rem;display:flex}.gpc-empty p{margin:0}.gp-trophies{padding-top:1.4rem}.gp-subtabs{border-bottom:1px solid var(--border);gap:.4rem;margin-bottom:1.3rem;padding-bottom:.9rem;display:flex}.gp-subtab{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font-family:var(--font-display);border-radius:999px;padding:.5rem 1rem;font-size:.88rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.gp-subtab:hover{color:var(--text);border-color:var(--border-strong)}.gp-subtab.active{background:var(--accent-grad);color:#1a1204;border-color:#0000;box-shadow:0 4px 14px #f2b70b59}.gp-troph-state,.gp-troph-empty{color:var(--text-soft);justify-content:center;align-items:center;gap:.6rem;padding:2.6rem 1rem;display:flex}.gp-troph-empty{text-align:center;flex-direction:column;gap:.7rem}.gp-troph-empty p{max-width:46ch;margin:0;font-size:.95rem}.gp-troph-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.8rem;margin-bottom:1rem;display:flex}.gp-troph-count{font-family:var(--font-display);color:var(--text);align-items:center;gap:.4rem;font-size:1.05rem;font-weight:700;display:inline-flex}.gp-troph-count svg{color:var(--orange)}.gp-troph-legend{color:var(--text-soft);font-size:.78rem}.gp-troph-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.6rem;display:grid}.gp-skel{background:linear-gradient(100deg, var(--surface-2) 30%, var(--border) 50%, var(--surface-2) 70%);background-size:200% 100%;border-radius:6px;animation:1.3s linear infinite shimmer}.gp-troph-skel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.gp-troph-skel-head .gp-skel-bar{height:14px}.gp-troph-skelrow{pointer-events:none}.gp-troph-skelrow:hover{border-color:var(--border);transform:none}.gp-troph-skelrow .gp-troph-icon{border-radius:9px}.gp-skel-bar{height:11px;display:block}.gp-skel-bar.sm{height:9px;margin-top:.5rem}.gp-troph-skelrow .gp-troph-body .gp-skel-bar:first-child{margin-top:2px}.gp-skel-pill{border-radius:999px;flex-shrink:0;align-self:center;width:42px;height:22px}.gp-troph{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:.8rem;padding:.7rem .85rem;transition:border-color .15s,transform .12s;display:flex}.gp-troph:hover{border-color:var(--border-strong);transform:translateY(-1px)}.gp-troph.is-hidden{opacity:.82}.gp-troph-icon{background:var(--surface-2);width:44px;height:44px;color:var(--text-soft);border-radius:9px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.gp-troph-icon img{object-fit:cover;width:100%;height:100%}.gp-troph-body{flex:1;min-width:0}.gp-troph-name{font-family:var(--font-display);color:var(--text);align-items:center;gap:.3rem;font-size:.92rem;font-weight:600;display:flex}.gp-troph-desc{color:var(--text-soft);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:.15rem;font-size:.82rem;display:-webkit-box;overflow:hidden}.gp-troph-rarity{font-family:var(--font-display);color:var(--text-soft);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex-shrink:0;align-self:center;padding:.22rem .55rem;font-size:.78rem;font-weight:700}.gp-troph-rarity.rare{color:#4aa8ff;background:#4aa8ff24;border-color:#4aa8ff4d}.gp-troph-rarity.ultra{color:#a879ff;background:#a879ff29;border-color:#a879ff57}.psn-connect{border:1px solid var(--border);background:var(--surface);border-radius:16px;max-width:560px;margin:.5rem auto;padding:1.4rem}.psn-connect-head{align-items:flex-start;gap:.9rem;margin-bottom:1rem;display:flex}.psn-connect-head svg{color:var(--orange);flex-shrink:0;margin-top:2px}.psn-connect-head h3{margin-bottom:.25rem;font-size:1.1rem}.psn-connect-head p{color:var(--text-soft);margin:0;font-size:.9rem;line-height:1.45}.psn-steps{color:var(--text);flex-direction:column;gap:.4rem;margin:0 0 1.1rem;padding-left:1.2rem;font-size:.9rem;display:flex}.psn-steps a{color:var(--accent-ink);font-weight:600;text-decoration:underline}.psn-steps a svg{vertical-align:-1px}.psn-steps code{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:.05rem .35rem;font-size:.85em}.psn-connect-form{gap:.5rem;display:flex}.psn-connect-form input{border:1.5px solid var(--border-strong);background:var(--surface);min-width:0;color:var(--text);font-family:var(--font-body);border-radius:11px;flex:1;padding:.7rem .85rem;font-size:.95rem}.psn-connect-form input:focus{border-color:var(--orange);box-shadow:0 0 0 4px var(--ring);outline:none}.psn-err{color:#e0483f;margin:.7rem 0 0;font-size:.85rem}.psn-title-head{border-bottom:1px solid var(--border);align-items:center;gap:.9rem;margin-bottom:1.1rem;padding-bottom:1rem;display:flex}.psn-title-icon{object-fit:cover;border-radius:10px;flex-shrink:0;width:54px;height:54px}.psn-title-info{flex:1;min-width:0}.psn-title-name{font-family:var(--font-display);margin-bottom:.35rem;font-size:1.05rem;font-weight:700;display:block}.psn-counts{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:.7rem;font-size:.85rem;display:flex}.psn-progress{font-family:var(--font-display);color:var(--orange);font-weight:700}.psn-count{align-items:center;gap:.3rem;font-weight:600;display:inline-flex}.psn-type{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.psn-bronze{background:#cd7f32}.psn-silver{background:#b7c0cc}.psn-gold{background:#e8b923}.psn-platinum{background:linear-gradient(135deg,#8fd6e8,#cfe9f2)}.psn-disconnect{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);border-radius:9px;flex-shrink:0;align-self:flex-start;padding:.4rem .7rem;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s}.psn-disconnect:hover{color:#e0483f;border-color:color-mix(in srgb, #e0483f 45%, var(--border-strong))}.gp-troph.psn .gp-troph-name{gap:.45rem}.gp-troph.psn:not(.earned){opacity:.62}.gp-troph.psn.earned{border-color:color-mix(in srgb, var(--orange) 30%, var(--border))}.psn-earned-check{background:var(--accent-grad);color:#1a1204;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.gp-inline-link{color:var(--accent-ink);font-weight:600;text-decoration:underline}.admin-page{max-width:760px;margin:0 auto;padding:1rem 0 3rem}.admin-head{align-items:center;gap:.9rem;margin-bottom:1.6rem;display:flex}.admin-head-icon{background:var(--surface-2);width:46px;height:46px;color:var(--orange);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.admin-head h1{font-size:1.6rem}.admin-head p{color:var(--text-soft);margin:.2rem 0 0;font-size:.92rem}.admin-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:1.3rem}.admin-card-head{align-items:flex-start;gap:.8rem;margin-bottom:1.1rem;display:flex}.admin-card-icon{background:var(--surface-2);width:38px;height:38px;color:var(--orange);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.admin-card-titles{flex:1;min-width:0}.admin-card-titles h2{font-size:1.12rem}.admin-card-titles p{color:var(--text-soft);margin:.2rem 0 0;font-size:.86rem;line-height:1.4}.psn-status{font-family:var(--font-display);border:1px solid var(--border);white-space:nowrap;border-radius:999px;flex-shrink:0;align-self:center;padding:.3rem .7rem;font-size:.76rem;font-weight:700}.psn-status.on{color:#22a35a;background:#22a35a24;border-color:#22a35a4d}.psn-status.warn{color:#d9971a;background:#d9971a29;border-color:#d9971a57}.psn-status.off{color:var(--text-soft);background:var(--surface-2)}.psn-connected-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.psn-connected-row p{color:var(--text-soft);margin:0;font-size:.92rem}.gp-infos{padding-top:1.6rem}.gp-block{margin-bottom:1.9rem}.gp-h2{margin-bottom:.8rem;font-size:1.2rem}.gp-para{color:var(--text);white-space:pre-line;max-width:72ch;margin:0;font-size:.98rem;line-height:1.68}.gp-story{border-top:1px solid var(--border);margin-top:.9rem;padding-top:.9rem}.gp-story summary{font-family:var(--font-display);color:var(--accent-ink);margin-bottom:.6rem;font-weight:600;list-style:none}.gp-story summary::-webkit-details-marker{display:none}.gp-story summary:before{content:"▸ "}.gp-story[open] summary:before{content:"▾ "}.gp-factgrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.9rem;display:grid}.gp-fact{flex-direction:column;gap:.2rem;display:flex}.gp-fact-label{text-transform:uppercase;letter-spacing:.02em;color:var(--text-soft);align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;display:inline-flex}.gp-fact-value{color:var(--text);font-size:.92rem;font-weight:500}.gp-media-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.7rem;display:flex}.gp-media-head .gp-h2{margin:0}.gp-media-filters{gap:.35rem;display:flex}.gp-media-filter{border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft,var(--text));font-family:var(--font-display);border-radius:999px;padding:.32rem .8rem;font-size:.8rem;font-weight:600;transition:all .15s}.gp-media-filter:hover{border-color:var(--border-strong)}.gp-media-filter.active{background:var(--accent-grad);color:#1a1204;border-color:#0000}.gp-media-row{gap:.7rem}.gp-media{aspect-ratio:16/9;border:1px solid var(--border);background:var(--surface-2);border-radius:13px;flex:none;height:158px;padding:0;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.gp-media img{object-fit:cover;width:100%;height:100%;display:block}.gp-media:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0a0a1447}.gp-media-play{color:#fff;background:#0a0a1042;place-items:center;display:grid;position:absolute;inset:0}.gp-media-play svg{filter:drop-shadow(0 2px 8px #00000080);transition:transform .18s}.gp-media-video:hover .gp-media-play svg{transform:scale(1.18)}.gp-chips{flex-wrap:wrap;gap:.45rem;display:flex}.gp-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.4rem .85rem;font-size:.86rem;font-weight:500}.gp-links{flex-wrap:wrap;gap:.45rem;display:flex}.gp-link{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;align-items:center;gap:.35rem;padding:.42rem .8rem;font-size:.84rem;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.gp-link:hover{border-color:var(--orange);color:var(--accent-ink)}.gp-similar-row{gap:.9rem}.gp-similar{text-align:left;background:0 0;border:none;flex:none;width:122px;padding:0}.gp-similar-cover{aspect-ratio:3/4;border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.gp-similar-cover img{object-fit:cover;width:100%;height:100%;display:block}.gp-similar:hover .gp-similar-cover{transform:translateY(-4px);box-shadow:0 14px 30px #0a0a144d}.gp-similar-rating{color:var(--amber);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a10b3;border-radius:999px;align-items:center;gap:.18rem;padding:.15rem .4rem;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:6px;left:6px}.gp-similar-name{color:var(--text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:.45rem;font-size:.82rem;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.gp-media-tag{text-transform:uppercase;letter-spacing:.03em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a1099;border-radius:7px;padding:.12rem .44rem;font-size:.62rem;font-weight:700;position:absolute;top:7px;left:7px}.gp-media-tag.artwork{background:#97680ad1}.gp-media-tag.video{background:#c82828d1}.gp-lang{align-items:center;gap:.45rem;display:inline-flex}.gp-flag{object-fit:cover;border-radius:3px;width:20px;height:15px;box-shadow:0 0 0 1px #0000001f}.gp-videos{padding-right:262px;position:relative}.gp-videos.solo{padding-right:0}.gp-video-main{aspect-ratio:16/9;border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#000;border-radius:14px;overflow:hidden}.gp-video-main iframe{border:none;width:100%;height:100%;display:block}.gp-video-list{scrollbar-width:thin;flex-direction:column;gap:.5rem;width:250px;padding-right:2px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.gp-video-thumb{background:var(--surface);text-align:left;border:1.5px solid #0000;border-radius:11px;align-items:center;gap:.55rem;padding:.4rem;transition:all .15s;display:flex}.gp-video-thumb:hover{background:var(--surface-2)}.gp-video-thumb.active{border-color:var(--orange);background:color-mix(in srgb, var(--orange) 10%, var(--surface))}.gp-video-thumb-img{background:var(--surface-2);border-radius:7px;flex:none;width:84px;height:48px;position:relative;overflow:hidden}.gp-video-thumb-img img{object-fit:cover;width:100%;height:100%}.gp-video-thumb-play{color:#fff;background:#0a0a1047;place-items:center;display:grid;position:absolute;inset:0}.gp-video-thumb-name{color:var(--text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}@media (width<=720px){.gp-videos{padding-right:0}.gp-video-list{flex-direction:row;width:100%;margin-top:.6rem;position:static;overflow-x:auto}.gp-video-thumb{flex:none;width:210px}}.gp-viewer{z-index:1200;-webkit-backdrop-filter:blur(8px);background:#050509eb;justify-content:center;align-items:center;padding:clamp(.8rem,3vw,2rem);animation:.18s gp-fade;display:flex;position:fixed;inset:0}@keyframes gp-fade{0%{opacity:0}}.gp-viewer-close{z-index:3;color:#fff;background:#14141a8c;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:1rem;right:1.1rem}.gp-viewer-close:hover{background:#14141ae6}.gp-viewer-inner{flex-direction:column;gap:.8rem;width:min(1180px,100%);min-width:0;max-height:100%;display:flex}.gp-viewer-filters{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.gp-vfilter{color:#ffffffbf;font-family:var(--font-display);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;padding:.34rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s}.gp-vfilter:hover{color:#fff;border-color:#fff6}.gp-vfilter.active{background:var(--accent-grad);color:#1a1204;border-color:#0000}.gp-viewer-stage{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.gp-viewer-img{object-fit:contain;background:#000;border-radius:14px;max-width:100%;max-height:66vh;box-shadow:0 24px 60px #0009}.gp-viewer-nav{z-index:2;color:#fff;background:#0f0f1499;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:46px;height:46px;transition:background .15s,transform .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gp-viewer-nav:hover{background:#0f0f14eb}.gp-viewer-nav.left{left:-10px}.gp-viewer-nav.right{right:-10px}.gp-viewer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.gp-viewer-meta{align-items:center;gap:.6rem;display:flex}.gp-viewer-type{text-transform:uppercase;letter-spacing:.03em;color:#fff;background:#ffffff24;border-radius:7px;padding:.24rem .6rem;font-size:.72rem;font-weight:700}.gp-viewer-type.artwork{color:#1a1204;background:#f2b70be6}.gp-viewer-type.video{background:#c82828e6}.gp-viewer-count{color:#fff9;font-size:.84rem;font-weight:500}.gp-viewer-actions{gap:.5rem;display:flex}.gp-viewer-btn{color:#fff;font-family:var(--font-display);background:#ffffff14;border:1px solid #fff3;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.gp-viewer-btn:hover{background:#ffffff29;border-color:#fff6}.gp-viewer-btn.on{background:var(--accent-grad);color:#1a1204;border-color:#0000}.gp-viewer-thumbs{scrollbar-width:none;cursor:grab;gap:.5rem;padding:.2rem .1rem .4rem;display:flex;overflow-x:auto}.gp-viewer-thumbs::-webkit-scrollbar{display:none}.gp-viewer-thumbs:active{cursor:grabbing}.gp-viewer-thumbs img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.gp-viewer-thumb{opacity:.55;border:2px solid #0000;border-radius:8px;flex:none;width:96px;height:54px;padding:0;transition:opacity .15s,border-color .15s;position:relative;overflow:hidden}.gp-viewer-thumb img{object-fit:cover;width:100%;height:100%}.gp-viewer-thumb:hover{opacity:.85}.gp-viewer-thumb.active{opacity:1;border-color:var(--amber)}.gp-viewer-thumb-play{color:#fff;background:#0a0a104d;place-items:center;display:grid;position:absolute;inset:0}@media (width<=780px){.gp-grid{grid-template-columns:1fr}.gp-left{position:static}.gp-cover{max-width:190px;margin-top:-84px}.gp-rhead{flex-direction:column-reverse;align-items:stretch}.gp-gauges{justify-content:flex-start}}.gp-recommend{border:1.5px solid color-mix(in srgb, var(--orange) 45%, var(--border-strong));background:color-mix(in srgb, var(--orange) 8%, var(--surface));width:100%;color:var(--accent-ink);font-family:var(--font-display);border-radius:13px;justify-content:center;align-items:center;gap:.45rem;padding:.62rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.gp-recommend:hover{background:var(--accent-grad);color:#1a1204;border-color:#0000;transform:translateY(-2px);box-shadow:0 6px 16px #f2b70b4d}.gp-friends{flex-wrap:wrap;gap:.35rem 1.4rem;margin-top:1rem;display:flex}.gp-friends-grp{align-items:center;gap:.55rem;display:flex}.gp-friends-label{color:var(--text-soft);font-size:.76rem;font-weight:600}.gp-friends-avs{align-items:center;display:flex}.gp-friend-av{border:2px solid var(--bg);background:var(--surface-2);border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-8px;transition:transform .15s;display:grid;overflow:hidden}.gp-friend-av:first-child{margin-left:0}.gp-friend-av:hover{z-index:2;transform:translateY(-2px)}.gp-friend-av img{object-fit:cover;width:100%;height:100%}.gp-friend-fb{font-family:var(--font-display);color:var(--text-soft);font-size:.8rem;font-weight:700}.gp-friend-more{color:var(--text-soft);margin-left:4px;font-size:.78rem;font-weight:600}.grv{flex-direction:column;gap:1.8rem;padding-top:1.6rem;display:flex}.grv-section-title{align-items:center;gap:.45rem;margin-bottom:.9rem;font-size:1.05rem;display:flex}.grv-section-title .section-count{font-size:.78rem}.grv-modal{max-width:680px;padding:1.5rem}.grv-editor-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;padding-right:2.2rem;display:flex}.grv-editor-headmain{align-items:center;gap:.8rem;min-width:0;display:flex}.grv-editor-cover{background:color-mix(in srgb, var(--orange) 14%, var(--surface));width:46px;height:61px;color:var(--accent-ink);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.grv-editor-cover img{object-fit:cover;width:100%;height:100%}.grv-editor-headtxt{min-width:0}.grv-editor-title{font-size:1.22rem}.grv-editor-sub{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin:.2rem 0 0;font-size:.9rem;font-weight:600;overflow:hidden}.grv-editor-foot{justify-content:flex-end;margin-top:1.2rem;display:flex}.grv-rating-block{flex-shrink:0;justify-content:center;align-self:stretch;width:150px;margin-top:0}.grv-switch{border:1.5px solid var(--border-strong);background:var(--surface);height:34px;color:var(--text-soft);font-family:var(--font-display);border-radius:999px;align-items:center;gap:.4rem;margin-left:.35rem;padding:0 .55rem 0 .7rem;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.grv-switch:hover{border-color:var(--orange);color:var(--text)}.grv-switch.on{background:color-mix(in srgb, var(--orange) 18%, var(--surface));color:var(--accent-ink);border-color:#0000}.grv-switch-track{background:var(--border-strong);border-radius:999px;width:30px;height:17px;transition:background .18s;position:relative}.grv-switch.on .grv-switch-track{background:var(--accent-grad)}.grv-switch-knob{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .18s cubic-bezier(.2,.8,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000059}.grv-switch.on .grv-switch-knob{transform:translate(13px)}@media (width<=520px){.grv-switch-label{display:none}}.grv-prompt{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);align-items:center;gap:.9rem;padding:.85rem 1rem;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex}.grv-prompt:hover{border-color:color-mix(in srgb, var(--orange) 45%, var(--border));box-shadow:0 6px 22px #00000014}.grv-prompt-cover{background:color-mix(in srgb, var(--orange) 14%, var(--surface));width:44px;height:58px;color:var(--accent-ink);border:1px solid var(--border);border-radius:9px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.grv-prompt-cover img{object-fit:cover;width:100%;height:100%}.grv-prompt-main{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.grv-prompt-title{font-family:var(--font-display);color:var(--text);font-size:1.02rem;font-weight:700}.grv-prompt-fake{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.grv-prompt-cta{background:var(--accent-grad);color:#23180a;font-family:var(--font-display);border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.5rem .95rem;font-size:.85rem;font-weight:700;display:inline-flex}.grv-others-head{margin-bottom:.9rem}.grv-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:1.2rem;display:flex}.grv-seg{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;gap:.2rem;padding:.22rem;display:inline-flex}.grv-seg-opt{color:var(--text-soft);font-family:var(--font-display);background:0 0;border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.84rem;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.grv-seg-opt:hover{color:var(--text)}.grv-seg-opt.active{background:var(--accent-grad);color:#23180a;box-shadow:0 3px 10px #f2b70b52}.grv-selects{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.grv-select{border:1.5px solid var(--border-strong);background:var(--surface);height:38px;color:var(--text-soft);border-radius:999px;align-items:center;gap:.4rem;padding:0 .7rem;transition:border-color .15s;display:inline-flex}.grv-select:hover{border-color:var(--orange)}.grv-select select{color:var(--text);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;padding-right:.2rem;font-size:.84rem;font-weight:600}.grv-select select:focus{outline:none}.grv-list{flex-direction:column;gap:1.4rem;display:flex}.rvc{align-items:flex-start;gap:.9rem;display:flex}.rvc-av{top:calc(var(--topbar-h,60px) + .5rem);z-index:3;background:var(--surface-2);border:2px solid var(--surface);border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;margin-top:.2rem;transition:transform .14s;display:grid;position:sticky;overflow:hidden;box-shadow:0 2px 8px #00000024}.rvc-av:hover{transform:scale(1.06)}.rvc-av img{object-fit:cover;width:100%;height:100%}.rvc-av-fb{font-family:var(--font-display);color:var(--text-soft);font-size:1.1rem;font-weight:800}.rvc-av-game{width:52px;height:69px;color:var(--text-soft);border-radius:11px;padding:0}.rvc-bubble{background:var(--surface);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-sm);border-radius:16px;flex:1;padding:1rem 1.15rem;transition:border-color .15s,box-shadow .15s;position:relative}.rvc-bubble:before{content:"";background:var(--surface);border-left:1px solid var(--border);border-bottom:1px solid var(--border);width:13px;height:13px;position:absolute;top:20px;left:-7px;transform:rotate(45deg)}.grv-list .rvc:hover .rvc-bubble{border-color:var(--border-strong);box-shadow:0 8px 26px #00000014}.rvc.is-mine .rvc-bubble,.rvc.is-mine .rvc-bubble:before{border-color:color-mix(in srgb, var(--orange) 38%, var(--border));background:linear-gradient(120deg, color-mix(in srgb, var(--orange) 8%, var(--surface)), var(--surface) 60%)}.rvc.is-mine .rvc-av{border-color:color-mix(in srgb, var(--orange) 55%, var(--surface))}.rvc-top{top:calc(var(--topbar-h,60px) + .5rem);z-index:2;background:var(--surface);border-radius:15px 15px 0 0;justify-content:space-between;align-items:flex-start;gap:.8rem;margin:-1rem -1.15rem 0;padding:1rem 1.15rem .6rem;display:flex;position:sticky}.rvc.is-mine .rvc-top{background:color-mix(in srgb, var(--orange) 8%, var(--surface))}.rvc-id{flex-direction:column;flex-shrink:0;gap:.1rem;min-width:0;display:flex}.rvc-user{font-family:var(--font-display);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;font-weight:700;line-height:1.1;overflow:hidden}.rvc-user:hover{color:var(--accent-ink)}.rvc-user-btn{text-align:left;background:0 0;border:none;max-width:100%;padding:0;display:block}.rvc-time{color:var(--text-soft);font-size:.76rem}.rvc-top-right{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:.45rem .55rem;min-width:0;display:flex}.rvc-mine-actions{flex-shrink:0;gap:.35rem;display:flex}.rvc-edit{border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--text-soft);border-radius:9px;place-items:center;transition:all .15s;display:grid}.rvc-edit:hover{color:var(--accent-ink);border-color:var(--orange)}.rvc-del:hover{color:#e0483f;border-color:#e0483f8c}.rvc-tags{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.rvc-tag{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--font-display);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.76rem;font-weight:600;display:inline-flex}.rvc-tag svg{color:var(--text-soft)}.rvc-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.6rem;margin-top:.9rem;padding-top:.75rem;display:flex}.rvc-reply-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text-soft);font-family:var(--font-display);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.82rem;font-weight:700;transition:all .14s;display:inline-flex}.rvc-reply-btn:hover{border-color:var(--orange);color:var(--accent-ink)}.rvc-reply-btn.on{background:color-mix(in srgb, var(--orange) 16%, var(--surface));color:var(--accent-ink);border-color:#0000}.rvc-reacts{gap:.5rem;display:flex}.rvc-reacts.readonly{gap:.4rem}.rvc-react{border:1.5px solid var(--border);background:var(--surface);color:var(--text-soft);font-family:var(--font-display);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.82rem;font-weight:700;transition:all .14s;display:inline-flex}.rvc-react:not(:disabled):hover{border-color:var(--react-c);color:var(--react-c);transform:translateY(-1px)}.rvc-react.on{background:color-mix(in srgb, var(--react-c) 16%, var(--surface));color:var(--react-c);border-color:#0000}.rvc-react:disabled{cursor:default}.rvc-react-n{min-width:.6ch;font-size:.78rem}.rvc .rv-bodywrap{margin-top:.4rem}.rvc-openable,.rvc-openable .rv-text{cursor:pointer}.grv-locked{border-radius:var(--radius-lg);border:1px dashed var(--border-strong);background:var(--surface-2);align-items:center;gap:.9rem;padding:1rem 1.15rem;display:flex}.grv-locked-ic{background:color-mix(in srgb, var(--orange) 14%, var(--surface));width:42px;height:42px;color:var(--accent-ink);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.grv-locked-txt{flex:1;min-width:0}.grv-locked-txt b{font-family:var(--font-display);font-size:.98rem}.grv-locked-txt p{color:var(--text-soft);margin:.15rem 0 0;font-size:.86rem}.grv-locked .btn{flex-shrink:0}.rvcm{border-top:1px dashed var(--border);margin-top:.9rem;padding-top:.9rem}.rvcm-list{flex-direction:column;gap:.9rem;margin-top:.9rem;display:flex}.rvcm-thread{flex-direction:column;gap:.7rem;display:flex}.rvcm-replies{border-left:2px solid var(--border);flex-direction:column;gap:.7rem;margin-left:1.8rem;padding-left:.9rem;display:flex}.rvcm-item{gap:.6rem;display:flex}.rvcm-av{background:var(--surface-2);border:1px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.rvcm-av img{object-fit:cover;width:100%;height:100%}.rvcm-av-fb{font-family:var(--font-display);color:var(--text-soft);font-size:.85rem;font-weight:700}.rvcm-body{flex:1;min-width:0}.rvcm-head{align-items:center;gap:.5rem;display:flex}.rvcm-del{width:26px;height:26px;color:var(--text-soft);background:0 0;border:none;border-radius:8px;place-items:center;margin-left:auto;transition:color .15s,background .15s;display:grid}.rvcm-del:hover{color:#e0483f;background:#e0483f1f}.rvcm-user{font-family:var(--font-display);color:var(--text);font-size:.9rem;font-weight:700}.rvcm-user:hover{color:var(--accent-ink)}.rvcm-time{color:var(--text-soft);font-size:.74rem}.rvcm-text{color:var(--text);white-space:pre-wrap;overflow-wrap:break-word;margin:.2rem 0 0;line-height:1.5}.rvcm-actions{gap:.7rem;margin-top:.35rem;display:flex}.rvcm-act{color:var(--text-soft);font-family:var(--font-display);background:0 0;border:none;align-items:center;gap:.28rem;padding:0;font-size:.78rem;font-weight:600;display:inline-flex}.rvcm-act:hover{color:var(--accent-ink)}.rvcm-act.like:hover,.rvcm-act.like.on{color:#e0483f}@media (width<=560px){.rvc-bubble:before{display:none}.rvc{gap:.6rem}.rvcm-replies{margin-left:.6rem}}.reco-pick-label{color:var(--text-soft);margin:.6rem 0 .4rem;font-size:.78rem;font-weight:600}.reco-pick-list{flex-direction:column;gap:.4rem;max-height:46vh;display:flex;overflow-y:auto}.reco-pick-row{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:.7rem;padding:.45rem .5rem;display:flex}.reco-pick-av{background:var(--surface-2);width:38px;height:38px;color:var(--text-soft);border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.reco-pick-av img{object-fit:cover;width:100%;height:100%}.reco-pick-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.92rem;font-weight:600;overflow:hidden}.reco-pick-btn{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:var(--font-display);border-radius:10px;flex-shrink:0;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.reco-pick-btn:hover:not(:disabled){border-color:var(--orange);color:var(--accent-ink)}.reco-pick-btn.done{background:color-mix(in srgb, #22a35a 14%, var(--surface));color:#1c8a4c;border-color:#22a35a73}.reco-list{flex-direction:column;gap:1rem;display:flex}.reco-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);gap:1rem;padding:1rem;display:flex}.reco-cover{background:var(--surface-2);width:82px;height:109px;color:var(--text-soft);border:1px solid var(--border);border-radius:11px;flex-shrink:0;align-self:flex-start;place-items:center;display:grid;overflow:hidden}.reco-cover img{object-fit:cover;width:100%;height:100%}.reco-body{flex:1;min-width:0}.reco-top{justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.6rem;display:flex}.reco-name{font-family:var(--font-display);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:700;overflow:hidden}.reco-name:hover{color:var(--accent-ink)}.reco-score{background:color-mix(in srgb, var(--orange) 16%, var(--surface));color:var(--accent-ink);font-family:var(--font-display);border-radius:999px;flex-shrink:0;align-items:center;gap:.28rem;padding:.2rem .55rem;font-size:.82rem;font-weight:700;display:inline-flex}.reco-recommenders{flex-direction:column;gap:.4rem;display:flex}.reco-rec{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.reco-rec-user{align-items:center;gap:.4rem;min-width:0;display:inline-flex}.reco-rec-av{background:var(--surface-2);width:24px;height:24px;color:var(--text-soft);border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.reco-rec-av img{object-fit:cover;width:100%;height:100%}.reco-rec-name{color:var(--text);font-size:.88rem;font-weight:600}.reco-rec-user:hover .reco-rec-name{color:var(--accent-ink)}.reco-rec-msg{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.84rem;font-style:italic;overflow:hidden}.reco-rec-time{color:var(--text-soft);margin-left:auto;font-size:.76rem}.reco-up{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-soft);border-radius:999px;align-items:center;gap:.3rem;padding:.28rem .6rem;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.reco-up:hover{border-color:var(--orange);color:var(--accent-ink)}.reco-up.on{background:var(--accent-grad);color:#1a1204;border-color:#0000}.reco-sent-list{flex-direction:column;gap:.6rem;display:flex}.reco-sent{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:.8rem;padding:.7rem .9rem;display:flex}.reco-sent-cover{background:var(--surface-2);width:42px;height:56px;color:var(--text-soft);border-radius:8px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.reco-sent-cover img{object-fit:cover;width:100%;height:100%}.reco-sent-body{flex:1;min-width:0}.reco-sent-name{font-family:var(--font-display);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.reco-sent-name:hover{color:var(--accent-ink)}.reco-sent-to{color:var(--text-soft);font-size:.84rem}.reco-sent-user{color:var(--accent-ink);font-weight:600}.reco-sent-up{color:var(--text-soft);flex-shrink:0;align-items:center;gap:.3rem;font-size:.82rem;font-weight:700;display:inline-flex}.notif-type.t-recommendation{background:var(--accent-grad);color:#1a1204}.notif-type.t-recommendation_upvote{color:#fff;background:#22a35a}.reco-search{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-soft);border-radius:10px;align-items:center;gap:.4rem;padding:.35rem .7rem;display:inline-flex}.reco-search input{font-family:var(--font-body);color:var(--text);background:0 0;border:none;outline:none;width:140px;font-size:.88rem}.reco-msg-input{resize:vertical;width:100%;min-height:52px;font-family:var(--font-body);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:12px;margin-bottom:.7rem;padding:.6rem .75rem;font-size:.92rem}.reco-msg-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--ring);outline:none}.reco-metaline{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin-bottom:.6rem;font-size:.82rem;font-weight:500;display:flex}.reco-meta-item{align-items:center;gap:.28rem;display:inline-flex}.reco-plats{flex-wrap:wrap;gap:.3rem;display:inline-flex}.reco-plat{background:var(--surface-2);border:1px solid var(--border);color:var(--text-soft);border-radius:6px;padding:.1rem .44rem;font-size:.72rem;font-weight:600}.reco-plus{border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text-soft);font-family:var(--font-display);border-radius:999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.86rem;font-weight:700;transition:all .15s;display:inline-flex}.reco-plus b{font-size:.9rem}.reco-plus:not(:disabled):hover{border-color:var(--orange);color:var(--accent-ink);transform:translateY(-1px)}.reco-plus.on{background:var(--accent-grad);color:#1a1204;border-color:#0000}.reco-plus.mine{cursor:default;background:color-mix(in srgb, var(--orange) 14%, var(--surface));border-color:color-mix(in srgb, var(--orange) 40%, transparent);color:var(--accent-ink)}.reco-by{align-items:center;gap:.55rem;margin-bottom:.5rem;display:flex}.reco-by-avs{align-items:center;display:flex}.reco-by-av{border:2px solid var(--surface);background:var(--surface-2);width:26px;height:26px;color:var(--text-soft);border-radius:50%;place-items:center;margin-left:-8px;display:grid;overflow:hidden}.reco-by-av:first-child{margin-left:0}.reco-by-av img{object-fit:cover;width:100%;height:100%}.reco-by-txt{color:var(--text-soft);font-size:.84rem}.reco-by-txt strong{color:var(--text)}.reco-msg{color:var(--text);border-left:3px solid color-mix(in srgb, var(--orange) 45%, var(--border));margin:0 0 .6rem;padding-left:.7rem;font-size:.9rem;font-style:italic}.reco-comments{border-top:1px solid var(--border);margin-top:.3rem;padding-top:.6rem}.reco-comments-toggle{color:var(--text-soft);font-family:var(--font-display);background:0 0;border:none;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:inline-flex}.reco-comments-toggle:hover{color:var(--accent-ink)}.reco-comments-body{flex-direction:column;gap:.6rem;margin-top:.6rem;display:flex}.reco-comment{gap:.5rem;display:flex}.reco-comment-av{background:var(--surface-2);width:28px;height:28px;color:var(--text-soft);border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.reco-comment-av img{object-fit:cover;width:100%;height:100%}.reco-comment-body{min-width:0}.reco-comment-head{align-items:baseline;gap:.5rem;display:flex}.reco-comment-name{color:var(--text);font-size:.85rem;font-weight:700}.reco-comment-name:hover{color:var(--accent-ink)}.reco-comment-time{color:var(--text-soft);font-size:.72rem}.reco-comment-text{color:var(--text);font-size:.9rem;line-height:1.4;display:block}.reco-comment-composer{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .5rem .35rem .6rem;display:flex}.reco-comment-icon{color:var(--text-soft);flex-shrink:0}.reco-comment-composer input{min-width:0;font-family:var(--font-body);color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.reco-comment-send{background:var(--accent-grad);color:#1a1204;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.reco-comment-send:disabled{opacity:.5}.reco-sent-msg{font-style:italic}.pfo{padding-top:.4rem}.pfo-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.5rem;display:flex}.pfo-title{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.pfo-title svg{color:var(--accent-ink)}.pfo-count{background:var(--accent-grad);color:#1a1204;border-radius:999px;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .4rem;font-size:.78rem;font-weight:800;display:inline-grid}.pfo-sorts{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;gap:.35rem;padding:.25rem;display:flex}.pfo-sort{color:var(--text-soft);background:0 0;border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.83rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.pfo-sort:hover{color:var(--text)}.pfo-sort.active{background:var(--accent-grad);color:#1a1204;box-shadow:var(--shadow-sm)}.pfo-hint{color:var(--text-soft);align-items:center;gap:.4rem;margin:.1rem 0 .9rem;font-size:.85rem;display:flex}.pfo-hint svg{color:var(--accent-ink)}.pfo-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.1rem;display:grid}.pfo-card{z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:visible}.pfo-card.grab{cursor:grab}.pfo-card.grab:active{cursor:grabbing}.pfo-card:hover,.pfo-card.playing,.pfo-card.dragging{z-index:6}.pfo-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-3px)}.pfo-card.playing{border-color:color-mix(in srgb, var(--orange) 55%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--orange) 45%, transparent), 0 16px 40px color-mix(in srgb, var(--orange) 20%, transparent)}.pfo-card.dragging{opacity:.96;box-shadow:var(--shadow)}.pfo-sleeve{aspect-ratio:4/3;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(135deg,#1a1c22,#101116);position:relative;overflow:visible}.pfo-cd{aspect-ratio:1;z-index:1;filter:drop-shadow(-6px 8px 14px #0000008c);height:82%;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;top:9%;left:40%;transform:translate(0)}.pfo-card:hover .pfo-cd{transform:translate(16%)}.pfo-card.playing .pfo-cd{transform:translate(24%)}.pfo-disc{background:radial-gradient(circle at 34% 28%,#ffffff2e,#0000 42%),repeating-radial-gradient(circle,#17171b 0 1px,#26262c 1px 3px),#0e0e12;border-radius:50%;place-items:center;animation:4s linear infinite paused vinyl-spin;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.pfo-card.playing .pfo-disc{animation-play-state:running}.pfo-disc-label{background:var(--surface-2);width:44%;height:44%;color:var(--text-soft);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #00000080}.pfo-disc-label img{object-fit:cover;width:100%;height:100%}.pfo-disc-hole{background:#0e0e12;border-radius:50%;width:15%;height:15%;position:absolute;box-shadow:inset 0 0 0 1px #ffffff26}.pfo-album{z-index:2;border-top-left-radius:var(--radius-lg);width:72%;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.pfo-album img{object-fit:cover;width:100%;height:100%}.pfo-album-ph{background:var(--accent-grad);color:#1a1204;width:100%;height:100%;font-family:var(--font-display);place-items:center;font-size:2rem;font-weight:800;display:grid}.pfo-album-mouth{pointer-events:none;background:linear-gradient(90deg,#0000,#00000052);width:22px;position:absolute;top:0;bottom:0;right:0}.pfo-rank{z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;min-width:1.6rem;height:1.6rem;font-family:var(--font-display);font-variant-numeric:tabular-nums;background:#0a0a0e9e;border-radius:8px;place-items:center;padding:0 .4rem;font-size:.9rem;font-weight:800;display:inline-grid;position:absolute;top:.5rem;left:.5rem}.pfo-rank.m1{color:#2a1c02;background:linear-gradient(135deg,#f7c948,#eaa908)}.pfo-rank.m2{color:#2a2f38;background:linear-gradient(135deg,#dfe4ec,#b7bfcc)}.pfo-rank.m3{color:#2a1503;background:linear-gradient(135deg,#e2a06b,#c67a45)}.pfo-grabtag{z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#eceef3;opacity:0;pointer-events:none;background:#0a0a0e8c;border-radius:8px;place-items:center;width:1.7rem;height:1.7rem;transition:opacity .15s;display:grid;position:absolute;top:.5rem;right:.5rem}.pfo-card:hover .pfo-grabtag{opacity:1}.pfo-play{z-index:3;background:var(--accent-grad);color:#1a1204;opacity:0;border:none;border-radius:50%;place-items:center;width:46px;height:46px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:50%;left:36%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #0006}.pfo-card:hover .pfo-play,.pfo-card.playing .pfo-play{opacity:1}.pfo-play:hover{transform:translate(-50%,-50%)scale(1.08)}.pfo-play.mute{color:var(--text-soft);cursor:default;background:#14141ab3}.pfo-card:not(:hover) .pfo-play.mute{opacity:0}.pfo-body{flex-direction:column;gap:.15rem;padding:.7rem .85rem .75rem;display:flex}.pfo-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;line-height:1.25;overflow:hidden}.pfo-artist{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.pfo-foot{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.55rem;display:flex}.pfo-game{min-width:0;color:var(--text-soft);align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.pfo-game svg{color:var(--accent-ink);flex-shrink:0}.pfo-game:hover{color:var(--text)}.pfo-game-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pfo-foot-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.pfo-icon-btn{border:1px solid var(--border);background:var(--surface-2);height:1.85rem;color:var(--text-soft);border-radius:999px;align-items:center;gap:.2rem;padding:0 .5rem;font-size:.78rem;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex;position:relative}.pfo-icon-btn:hover{border-color:var(--border-strong);color:var(--text)}.pfo-cmt-count{font-variant-numeric:tabular-nums}.pfo-empty{text-align:center;color:var(--text-soft);flex-direction:column;align-items:center;gap:.7rem;padding:3rem 1rem;display:flex}.pfo-empty svg{color:var(--accent-ink);opacity:.8}.ost-cmodal-head{border-bottom:1px solid var(--border);align-items:center;gap:.7rem;margin:.2rem 2.2rem .4rem 0;padding:.2rem 0 .9rem;display:flex}.ost-cmodal-art{background:var(--surface-2);width:48px;height:48px;color:var(--text-soft);border:none;border-radius:10px;flex-shrink:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.ost-cmodal-art img{object-fit:cover;width:100%;height:100%}.ost-cmodal-art.playable{cursor:pointer}.ost-cmodal-play{color:#fff;opacity:0;background:#0000006b;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.ost-cmodal-art.playable:hover .ost-cmodal-play,.ost-cmodal-art.playing .ost-cmodal-play{opacity:1}.ost-cmodal-art.playing{box-shadow:0 0 0 2px #f2b70bb3}.ost-cmodal-info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.ost-cmodal-name{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.ost-cmodal-sub{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.ost-cmodal-title{margin-bottom:.6rem}.ost-cmodal{overflow:visible}.ost-cmodal-list{max-height:52vh;margin-top:.4rem;overflow-y:auto}@media (width<=640px){.pfo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}.pfo-grabtag{opacity:1}}.cm-ost{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;align-items:center;gap:.6rem;padding:.5rem .65rem;display:flex}.cm-ost-art{background:var(--surface);width:42px;height:42px;color:var(--text-soft);border-radius:8px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.cm-ost-art img{object-fit:cover;width:100%;height:100%}.cm-ost-info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.cm-ost-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.cm-ost-sub{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.gp-feed{margin-top:.4rem}.gp-feed-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.3rem;display:flex}.gp-feed-filter{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-soft);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.86rem;font-weight:600;transition:all .15s;display:inline-flex}.gp-feed-filter:hover{color:var(--text);border-color:var(--accent-ink)}.gp-feed-filter.active{background:var(--accent-grad);color:#1a1300;box-shadow:0 4px 14px var(--ring);border-color:#0000}.gp-feed-fcount{background:#0000001f;border-radius:999px;padding:.05rem .4rem;font-size:.72rem;font-weight:700}.gp-feed-filter.active .gp-feed-fcount{background:#0000002e}.gp-feed-filter:not(.active) .gp-feed-fcount{background:var(--surface-2)}.gp-feed-h3{font-family:var(--font-display);color:var(--text);align-items:center;gap:.5rem;margin:0 0 .9rem;font-size:1.05rem;font-weight:700;display:flex}.gp-feed-count{background:var(--surface-2);color:var(--text-soft);border-radius:999px;padding:.1rem .45rem;font-size:.72rem;font-weight:700}.gp-live-dot{background:#e0483f;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.6s infinite gp-live-pulse;box-shadow:0 0 #e0483f99}.gp-live-dot.sm{width:6px;height:6px}@keyframes gp-live-pulse{0%{box-shadow:0 0 #e0483f8c}70%{box-shadow:0 0 0 7px #e0483f00}to{box-shadow:0 0 #e0483f00}}.gp-feed-live{margin-bottom:1.8rem}.gp-live-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;display:grid}.gp-live-card{color:inherit;flex-direction:column;gap:.55rem;text-decoration:none;display:flex}.gp-live-thumb{aspect-ratio:16/9;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;position:relative;overflow:hidden}.gp-live-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.gp-live-card:hover .gp-live-thumb{border-color:#9147ff55;box-shadow:0 10px 26px #9147ff38}.gp-live-card:hover .gp-live-thumb img{transform:scale(1.05)}.gp-live-badge{color:#fff;letter-spacing:.04em;background:#e0483f;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .45rem;font-size:.66rem;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px}.gp-live-badge .gp-live-dot.sm{box-shadow:none;background:#fff;animation:none}.gp-live-viewers{color:#fff;background:#000000b3;border-radius:6px;align-items:center;gap:.25rem;padding:.18rem .45rem;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;bottom:8px;left:8px}.gp-live-play{color:#fff;opacity:0;background:#9147ffd9;border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;transition:all .2s;display:grid;position:absolute;inset:0;transform:scale(.8)}.gp-live-card:hover .gp-live-play{opacity:1;transform:scale(1)}.gp-live-meta{flex-direction:column;gap:.25rem;padding:0 .1rem;display:flex}.gp-live-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.gp-live-user{color:#9147ff;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;display:inline-flex}:root[data-theme=dark] .gp-live-user{color:#b085ff}.gp-feed-masonry{column-count:3;column-gap:1rem}@media (width<=1050px){.gp-feed-masonry{column-count:2}}@media (width<=560px){.gp-feed-masonry{column-count:1}}.gp-feed-card{break-inside:avoid;text-align:left;width:100%;color:inherit;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:1rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:block;overflow:hidden}.gp-feed-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong);transform:translateY(-3px)}.gp-feed-media{background:var(--surface-2);line-height:0;position:relative}.gp-feed-media img{object-fit:cover;width:100%;height:auto;max-height:460px;display:block}.gp-feed-tag{letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#1a1300;border-radius:999px;align-items:center;gap:.28rem;padding:.2rem .5rem;font-size:.68rem;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px}.gp-feed-tag.meme{background:#ffd24af2}.gp-feed-tag.reaction{color:#200a00;background:#ff8a4cf2}.gp-feed-tag.fanart{color:#14061f;background:#b388fff2}.gp-feed-tag.post{color:#200a00;background:#ff8a4cf2}.gp-feed-tag.video{color:#fff;background:#ff5a5af2}.gp-feed-gif-src{letter-spacing:.06em;color:#fff;opacity:0;background:#0000009e;border-radius:4px;padding:.1rem .4rem;font-size:.6rem;font-weight:800;transition:opacity .18s;position:absolute;bottom:6px;right:6px}.gp-feed-gif:hover .gp-feed-gif-src{opacity:1}.gp-feed-dur{color:#fff;background:#000000c7;border-radius:5px;padding:.14rem .4rem;font-size:.68rem;font-weight:700;position:absolute;bottom:8px;right:8px}.gp-feed-play{color:#fff;opacity:0;background:#0000008c;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;transition:all .2s;display:grid;position:absolute;inset:0;transform:scale(.85)}.gp-feed-card:hover .gp-feed-play{opacity:1;transform:scale(1)}.gp-feed-video:hover .gp-feed-play{background:#ff5a5ae6}.gp-feed-body{flex-direction:column;gap:.4rem;padding:.7rem .8rem .75rem;display:flex}.gp-feed-title{color:var(--text);font-size:.88rem;font-weight:600;line-height:1.3}.gp-feed-title.clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.gp-feed-reddit.text .gp-feed-title{font-size:.95rem}.gp-feed-reddit.text{border-left:3px solid var(--accent-ink)}.gp-feed-foot{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.gp-feed-src{color:var(--accent-ink);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:700;overflow:hidden}.gp-feed-stats{flex-shrink:0;gap:.6rem;display:inline-flex}.gp-feed-stats span{color:var(--text-soft);align-items:center;gap:.22rem;font-size:.74rem;font-weight:600;display:inline-flex}.gp-feed-video .gp-feed-src{color:var(--text-soft)}.gp-feed-empty{text-align:center;color:var(--text-soft);flex-direction:column;align-items:center;gap:.7rem;padding:3rem 1rem;display:flex}.gp-feed-empty svg{color:var(--accent-ink)}.gp-feed-empty p{max-width:460px;font-size:.95rem}.gp-feed-empty.sm{padding:2rem 1rem}.gp-feed-lightbox{z-index:3000;background:#000000e0;place-items:center;padding:1.5rem;animation:.15s gp-feed-fade;display:grid;position:fixed;inset:0}@keyframes gp-feed-fade{0%{opacity:0}to{opacity:1}}.gp-feed-lb-inner{flex-direction:column;gap:.7rem;width:min(960px,100%);display:flex}.gp-feed-lb-inner iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:14px;width:100%;box-shadow:0 20px 60px #0009}.gp-feed-lb-close{color:#fff;background:#ffffff1f;border-radius:50%;place-items:center;width:42px;height:42px;transition:background .15s;display:grid;position:absolute;top:1.1rem;right:1.3rem}.gp-feed-lb-close:hover{background:#ffffff38}.gp-feed-lb-link{color:#fffc;align-self:center;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.gp-feed-lb-link:hover{color:#fff}.gp-feed-src-badge{letter-spacing:.03em;color:#fff;opacity:0;background:#0009;border-radius:5px;padding:.12rem .45rem;font-size:.62rem;font-weight:800;transition:opacity .18s;position:absolute;bottom:6px;right:6px}.gp-feed-card:hover .gp-feed-src-badge{opacity:1}.src-deviantart{color:#032b18;background:#00e57e}.src-safebooru{background:#1f7a3d}.src-tumblr{background:#001935}.src-bluesky{background:#1185fe}.src-mastodon{background:#6364ff}.gp-feed-art-author{color:var(--text-soft);font-size:.76rem;font-weight:600}.gp-feed-post{padding:.85rem .9rem .7rem}.gp-post-head{align-items:center;gap:.55rem;margin-bottom:.55rem;display:flex}.gp-post-avatar{object-fit:cover;background:var(--surface-2);border-radius:50%;flex-shrink:0;width:36px;height:36px}.gp-post-avatar.fb{color:#fff;background:var(--accent-grad);place-items:center;font-size:.95rem;font-weight:800;display:grid}.gp-post-who{flex-direction:column;flex:1;min-width:0;display:flex}.gp-post-author{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.gp-post-handle{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.gp-post-src{letter-spacing:.03em;color:#fff;border-radius:999px;flex-shrink:0;padding:.1rem .45rem;font-size:.6rem;font-weight:800}.gp-post-text{color:var(--text);white-space:pre-wrap;word-break:break-word;-webkit-line-clamp:8;-webkit-box-orient:vertical;margin:0 0 .6rem;font-size:.9rem;line-height:1.4;display:-webkit-box;overflow:hidden}.gp-post-img{border:1px solid var(--border);border-radius:12px;margin-bottom:.6rem;line-height:0;overflow:hidden}.gp-post-img img{object-fit:cover;width:100%;height:auto;max-height:420px;display:block}.gp-post-foot{gap:1rem;display:flex}.gp-post-foot span{color:var(--text-soft);align-items:center;gap:.28rem;font-size:.76rem;font-weight:600;display:inline-flex}.gp-reviews{margin-bottom:1.8rem}.gp-rev-summary{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;flex-wrap:wrap;align-items:center;gap:.7rem 1.2rem;margin-bottom:1.1rem;padding:1rem 1.15rem;display:flex}.gp-rev-score{flex-direction:column;gap:.15rem;display:flex}.gp-rev-score b{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.gp-rev-summary.good .gp-rev-score b{color:#22a35a}.gp-rev-summary.mixed .gp-rev-score b{color:#f2b70b}.gp-rev-summary.bad .gp-rev-score b{color:#e0483f}.gp-rev-pct{color:var(--text-soft);font-size:.82rem;font-weight:500}.gp-rev-bar{background:var(--surface-2);border-radius:999px;flex:1;min-width:120px;height:8px;overflow:hidden}.gp-rev-bar i{border-radius:999px;height:100%;display:block}.gp-rev-summary.good .gp-rev-bar i{background:#22a35a}.gp-rev-summary.mixed .gp-rev-bar i{background:#f2b70b}.gp-rev-summary.bad .gp-rev-bar i{background:#e0483f}.gp-rev-store{color:var(--accent-ink);white-space:nowrap;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.gp-rev-store:hover{text-decoration:underline}.gp-rev-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.gp-rev-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);color:inherit;border-radius:14px;flex-direction:column;gap:.55rem;padding:.9rem 1rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.gp-rev-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong);transform:translateY(-2px)}.gp-rev-verdict{border-radius:999px;align-self:flex-start;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.gp-rev-verdict.up{color:#158a48;background:#22a35a24}.gp-rev-verdict.down{color:#c23b33;background:#e0483f24}:root[data-theme=dark] .gp-rev-verdict.up{color:#4bd488}:root[data-theme=dark] .gp-rev-verdict.down{color:#ff7a72}.gp-rev-text{color:var(--text);-webkit-line-clamp:6;-webkit-box-orient:vertical;margin:0;font-size:.86rem;line-height:1.45;display:-webkit-box;overflow:hidden}.gp-rev-meta{flex-wrap:wrap;gap:.4rem 1rem;margin-top:auto;padding-top:.15rem;display:flex}.gp-rev-meta span{color:var(--text-soft);align-items:center;gap:.3rem;font-size:.74rem;font-weight:600;display:inline-flex}.gp-rev-more{border:1px dashed var(--border-strong);width:100%;color:var(--accent-ink);background:0 0;border-radius:12px;margin-top:1rem;padding:.7rem;font-size:.86rem;font-weight:700;transition:background .15s}.gp-rev-more:hover{background:var(--surface-2)}.gp-rail-sec{margin-bottom:2rem}.gp-rail-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.gp-rail-head .gp-feed-h3{margin:0}.gp-rail-nav{flex-shrink:0;gap:.4rem;display:flex}.gp-rail-arrow{border:1px solid var(--border-strong);background:var(--surface);width:34px;height:34px;color:var(--text-soft);border-radius:50%;place-items:center;transition:all .15s;display:grid}.gp-rail-arrow:hover{color:var(--text);border-color:var(--accent-ink);background:var(--surface-2)}.gp-rail{scroll-snap-type:x proximity;cursor:grab;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;-webkit-overflow-scrolling:touch;gap:1.1rem;margin:0 -.1rem;padding:.3rem .1rem 1rem;display:flex;overflow-x:auto}.gp-rail.dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.gp-rail.dragging img{pointer-events:none}.gp-rail::-webkit-scrollbar{height:8px}.gp-rail::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.gp-rail::-webkit-scrollbar-track{background:0 0}.gp-rail-item{scroll-snap-align:start;flex:none}.gp-rail .gp-feed-post.gp-rail-item{align-self:flex-start;width:320px;margin-bottom:0}.gp-rail .gp-tw-card.gp-rail-item{width:300px}.gp-rail .gp-yt-card.gp-rail-item{width:280px}@media (width<=560px){.gp-rail .gp-tw-card.gp-rail-item{width:80vw}.gp-rail .gp-yt-card.gp-rail-item{width:74vw}.gp-rail .gp-feed-post.gp-rail-item{width:82vw}}.gp-tw-card{text-align:left;color:inherit;background:0 0;border:0;flex-direction:column;gap:.6rem;padding:0;display:flex}.gp-tw-thumb{aspect-ratio:16/9;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;transition:box-shadow .22s,border-color .22s,transform .22s;position:relative;overflow:hidden}.gp-tw-card:hover .gp-tw-thumb{border-color:#9147ff66;transform:translateY(-3px);box-shadow:0 14px 32px #9147ff47}.gp-tw-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.gp-tw-card:hover .gp-tw-thumb img{transform:scale(1.06)}.gp-tw-shade{background:linear-gradient(#00000047 0%,#0000 34% 66%,#0000006b 100%);position:absolute;inset:0}.gp-tw-live{color:#fff;letter-spacing:.05em;background:#e0483f;border-radius:7px;align-items:center;gap:.35rem;padding:.24rem .5rem;font-size:.64rem;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #e0483f80}.gp-tw-live .gp-live-dot.sm{box-shadow:none;background:#fff;animation:none}.gp-tw-viewers{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#0009;border-radius:7px;align-items:center;gap:.28rem;padding:.22rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}.gp-tw-playover{color:#fff;opacity:0;background:linear-gradient(135deg,#9147ff,#7a2ff2);border-radius:50%;place-items:center;width:54px;height:54px;margin:auto;padding-left:3px;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;inset:0;transform:scale(.7);box-shadow:0 8px 22px #9147ff8c}.gp-tw-card:hover .gp-tw-playover{opacity:1;transform:scale(1)}.gp-tw-info{flex-direction:column;gap:.35rem;padding:0 .15rem;display:flex}.gp-tw-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.gp-tw-user{color:#8a4bff;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;display:inline-flex}:root[data-theme=dark] .gp-tw-user{color:#b085ff}.gp-tw-glyph{color:#fff;background:#9147ff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.gp-yt-card{text-align:left;color:inherit;background:0 0;border:0;flex-direction:column;gap:.6rem;padding:0;display:flex}.gp-yt-thumb{aspect-ratio:16/9;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;transition:box-shadow .22s,border-color .22s,transform .22s;position:relative;overflow:hidden}.gp-yt-card:hover .gp-yt-thumb{border-color:#ff5a5a80;transform:translateY(-3px);box-shadow:0 14px 32px #ff3c3c3d}.gp-yt-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.gp-yt-card:hover .gp-yt-thumb img{transform:scale(1.06)}.gp-yt-shade{background:linear-gradient(#0000 55%,#00000073 100%);position:absolute;inset:0}.gp-yt-dur{color:#fff;background:#000000d1;border-radius:6px;padding:.16rem .44rem;font-size:.7rem;font-weight:700;position:absolute;bottom:9px;right:9px}.gp-yt-playover{color:#fff;opacity:0;background:#f03;border-radius:50%;place-items:center;width:56px;height:56px;margin:auto;padding-left:3px;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;inset:0;transform:scale(.7);box-shadow:0 8px 22px #ff003380}.gp-yt-card:hover .gp-yt-playover{opacity:1;transform:scale(1)}.gp-yt-info{flex-direction:column;gap:.35rem;padding:0 .15rem;display:flex}.gp-yt-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.gp-yt-chan{color:var(--text-soft);align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:inline-flex}.gp-yt-dot{background:#f03;border-radius:50%;flex-shrink:0;width:7px;height:7px}.gp-feed-art{cursor:pointer;padding:0}.gp-feed-art .gp-feed-media img{transition:transform .45s}.gp-feed-art:hover .gp-feed-media img{transform:scale(1.05)}.gp-art-hover{color:#fff;opacity:0;background:#0a061452;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.gp-art-hover>svg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:content-box;background:#ffffff29;border-radius:50%;padding:.55rem}.gp-feed-art:hover .gp-art-hover{opacity:1}.gp-art-author-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;text-overflow:ellipsis;opacity:0;background:#0009;border-radius:6px;max-width:calc(100% - 16px);padding:.16rem .5rem;font-size:.7rem;font-weight:700;transition:all .2s;position:absolute;bottom:8px;left:8px;overflow:hidden;transform:translateY(4px)}.gp-feed-art:hover .gp-art-author-badge{opacity:1;transform:translateY(0)}.gp-art-viewer{z-index:3200;background:#08050ef0;animation:.18s gp-feed-fade;position:fixed;inset:0}.gp-art-scroll{scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;overflow-y:auto}.gp-art-scroll::-webkit-scrollbar{display:none}.gp-art-slide{scroll-snap-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;min-height:100%;margin:0;padding:4.2rem 1.5rem 2.2rem;display:flex}.gp-art-img{object-fit:contain;background:#ffffff0a;border-radius:14px;width:auto;max-width:min(860px,92vw);height:auto;max-height:72vh;box-shadow:0 24px 70px #0000008c}.gp-art-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:min(860px,92vw);display:flex}.gp-art-cap-info{align-items:center;gap:.6rem;min-width:0;display:inline-flex}.gp-feed-src-badge.static{opacity:1;position:static}.gp-art-cap-author{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.gp-art-cap-link{background:var(--accent-grad);color:#1a1300;box-shadow:0 6px 18px var(--ring);border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.84rem;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex}.gp-art-cap-link:hover{transform:translateY(-2px)}.gp-art-close{z-index:2;color:#fff;background:#ffffff1f;border-radius:50%;place-items:center;width:42px;height:42px;transition:background .15s;display:grid;position:fixed;top:1.1rem;right:1.3rem}.gp-art-close:hover{background:#ffffff3d}.gp-art-nav{z-index:2;color:#fff;background:#ffffff1a;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .15s;display:grid;position:fixed;right:1.5rem}.gp-art-nav:hover{background:#ffffff38}.gp-art-nav.up{bottom:calc(50% + 30px)}.gp-art-nav.down{top:calc(50% + 30px)}@media (width<=640px){.gp-art-nav{display:none}}.gp-fanart-sec{margin-bottom:2rem}.gp-fanart-sec .gp-feed-h3{margin-bottom:1rem}.gp-tw-lb{flex-direction:column;gap:.7rem;width:min(1000px,100%);display:flex}.gp-tw-lb iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:14px;width:100%;box-shadow:0 20px 60px #0009}.gp-tw-lb-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.gp-tw-lb-meta{color:#fff;align-items:center;gap:.5rem;min-width:0;font-size:.9rem;display:flex}.gp-tw-lb-meta b{color:#b085ff;flex-shrink:0;font-weight:700}.gp-tw-lb-title{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gp-tw-lb .gp-feed-lb-link{flex-shrink:0;align-self:center}.grv-steam{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.6rem}.grv-steam-head{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.grv-steam-badge{letter-spacing:.02em;color:#fff;background:#171d25;border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.28rem .6rem;font-size:.76rem;font-weight:800;display:inline-flex}.grv-steam-badge svg{color:#66c0f4}.grv-steam-head .grv-section-title{margin:0}.grv-steam-note{color:var(--text-soft);margin:-.4rem 0 1.1rem;font-size:.82rem;font-weight:500}.gp-art-repost{letter-spacing:.02em;color:#fff;-webkit-backdrop-filter:blur(4px);opacity:0;background:#0000009e;border-radius:999px;align-items:center;gap:.32rem;padding:.32rem .62rem;font-size:.7rem;font-weight:800;transition:opacity .18s,transform .18s,background .15s;display:inline-flex;position:absolute;top:6px;right:6px;transform:translateY(-4px)}.gp-feed-art:hover .gp-art-repost,.gp-feed-art:focus-within .gp-art-repost{opacity:1;transform:translateY(0)}.gp-art-repost:hover{background:#000000d9}.gp-art-repost.on{opacity:1;background:var(--accent-grad);color:#1a1300;animation:.28s repost-pop;transform:translateY(0)}@keyframes repost-pop{0%{transform:scale(.7)}55%{transform:scale(1.14)}to{transform:scale(1)}}.gp-art-cap-actions{flex-shrink:0;align-items:center;gap:.6rem;display:inline-flex}.gp-art-cap-repost{color:#fff;background:#ffffff24;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.84rem;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.gp-art-cap-repost:hover{background:#ffffff42;transform:translateY(-2px)}.gp-art-cap-repost.on{background:var(--accent-grad);color:#1a1300}.pff{padding:.3rem 0 2.6rem}.pff-layout{grid-template-columns:minmax(0,620px) 300px;justify-content:center;align-items:start;gap:1.5rem;display:grid}.pff-main{min-width:0}.pff-rail{flex-direction:column;gap:1.1rem;display:flex;position:sticky;top:84px}@media (width<=1020px){.pff-layout{grid-template-columns:minmax(0,620px)}.pff-rail{position:static}}.pff-col{flex-direction:column;gap:1.15rem;max-width:620px;margin:0 auto;display:flex}.pff-widget{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1rem 1.05rem 1.05rem}.pff-w-title{color:var(--text);align-items:center;gap:.45rem;margin:0 0 .85rem;font-size:.92rem;font-weight:800;display:flex}.pff-w-title svg{color:var(--accent-ink)}.pff-w-sub{letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft);margin:1rem 0 .55rem;font-size:.74rem;font-weight:800}.pff-stat-hero{align-items:baseline;gap:.5rem;margin-bottom:.9rem;display:flex}.pff-stat-n{font-family:var(--font-display);background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1}.pff-stat-label{color:var(--text-soft);font-size:.84rem;font-weight:600}.pff-bars{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.pff-bar-row{grid-template-columns:82px 1fr auto;align-items:center;gap:.55rem;display:grid}.pff-bar-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:700;overflow:hidden}.pff-bar-track{background:var(--surface-2);border-radius:999px;height:7px;overflow:hidden}.pff-bar-fill{border-radius:999px;min-width:7px;height:100%;transition:width .5s;display:block}.pff-bar-n{color:var(--text-soft);text-align:right;min-width:1.2em;font-size:.76rem;font-weight:800}.pff-topgames{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.pff-topgame{color:var(--text);border-radius:12px;align-items:center;gap:.55rem;margin:0 -.45rem;padding:.32rem .45rem;text-decoration:none;transition:background .15s;display:flex}.pff-topgame:hover{background:var(--surface-2)}.pff-topgame img,.pff-topgame-ph{object-fit:cover;border-radius:7px;flex-shrink:0;width:30px;height:40px}.pff-topgame-ph{background:var(--surface-2);color:var(--text-soft);place-items:center;display:grid}.pff-topgame-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.82rem;font-weight:700;overflow:hidden}.pff-topgame-n{background:var(--surface-2);min-width:22px;height:22px;color:var(--text-soft);border-radius:999px;flex-shrink:0;place-items:center;padding:0 .4rem;font-size:.72rem;font-weight:800;display:grid}.pff-bento{grid-template-columns:repeat(3,1fr);grid-auto-rows:84px;gap:6px;display:grid}.pff-bento-item{appearance:none;background:var(--surface-2);border:none;border-radius:12px;padding:0;position:relative;overflow:hidden}.pff-bento-item:first-child{grid-area:span 2/span 2}.pff-bento-item img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.pff-bento-item:hover img{transform:scale(1.07)}.pff-bento-more{color:#fff;-webkit-backdrop-filter:blur(2px);background:#0000008c;place-items:center;font-size:.95rem;font-weight:800;display:grid;position:absolute;inset:0}.pff-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:.85rem .9rem .7rem;transition:border-color .15s,box-shadow .2s,transform .2s}.pff-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 10px 32px #00000014}:root[data-theme=dark] .pff-card:hover{box-shadow:0 10px 32px #0006}.pff-head{align-items:center;gap:.65rem;margin-bottom:.7rem;display:flex}.pff-avatar{border:1px solid var(--border);background:var(--surface-2);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.pff-avatar img{object-fit:cover;width:100%;height:100%}.pff-avatar-fb{color:var(--accent-ink);font-weight:800}.pff-who{flex-direction:column;flex:1;gap:.08rem;min-width:0;display:flex}.pff-line{color:var(--text);flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;font-size:.92rem;display:flex}.pff-action{color:var(--text-soft);align-items:center;gap:.3rem;font-size:.84rem;font-weight:600;display:inline-flex}.pff-action svg{color:var(--accent-ink)}.pff-time{color:var(--text-soft);font-size:.76rem;font-weight:500}.pff-del{width:30px;height:30px;color:var(--text-soft);opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;padding:0;transition:opacity .18s,transform .18s,background .15s,color .15s;display:grid;transform:scale(.9)}.pff-card:hover .pff-del,.pff-del:focus-visible{opacity:.7;transform:scale(1)}.pff-del:hover{opacity:1;color:#e03131;background:#e031311a}.pff-media{appearance:none;background:var(--surface-2);border:none;border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.pff-media img{object-fit:cover;width:100%;max-height:640px;transition:transform .35s;display:block}.pff-media:hover img{transform:scale(1.02)}.pff-foot{align-items:center;gap:.6rem;min-width:0;margin-top:.65rem;display:flex}.pff-game{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:.45rem;min-width:0;padding:.24rem .6rem .24rem .28rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:border-color .15s,transform .15s;display:inline-flex}.pff-game:hover{border-color:var(--accent-ink);transform:translateY(-1px)}.pff-game img{object-fit:cover;border-radius:50%;flex-shrink:0;width:22px;height:22px}.pff-game-ph{background:var(--surface);width:22px;height:22px;color:var(--text-soft);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.pff-game-name{white-space:nowrap;text-overflow:ellipsis;max-width:190px;overflow:hidden}.pff-foot-spacer{flex:1}.pff-tag{letter-spacing:.03em;color:#fff;border-radius:6px;flex-shrink:0;padding:.16rem .5rem;font-size:.64rem;font-weight:800}.pff-tag.src-deviantart{color:#032b18}.pff-credit{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.78rem;font-weight:600;overflow:hidden}.pff-orig{color:var(--accent-ink);flex-shrink:0;align-items:center;gap:.3rem;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.pff-orig:hover{text-decoration:underline}.pff-empty{text-align:center;max-width:480px;color:var(--text-soft);flex-direction:column;align-items:center;gap:.9rem;margin:3.2rem auto;display:flex}.pff-empty-icon{background:var(--surface-2);border:1px solid var(--border);width:58px;height:58px;color:var(--accent-ink);border-radius:50%;place-items:center;display:grid}.pff-sentinel{height:1px}.pff-more{color:var(--text-soft);justify-content:center;align-items:center;gap:.5rem;padding:1.2rem 0;font-size:.88rem;font-weight:600;display:flex}.pff-end{text-align:center;color:var(--text-soft);padding:1.4rem 0 0}.pff-lb{flex-direction:column;align-items:center;gap:.9rem;max-width:min(880px,94vw);margin:0;display:flex}.pff-lb img{object-fit:contain;border-radius:14px;max-width:100%;max-height:78vh;box-shadow:0 24px 70px #0000008c}.pff-lb-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.pff-lb-author{color:#ffffffd9;font-size:.9rem;font-weight:600}@media (width<=560px){.pff-game-name{max-width:110px}.pff-credit{display:none}}.pff-actions{border-top:1px solid var(--border);align-items:center;gap:1.3rem;margin-top:.65rem;padding-top:.45rem;display:flex}.pff-act{color:var(--text-soft);font-variant-numeric:tabular-nums;background:0 0;border:none;align-items:center;gap:.18rem;margin-left:-.45rem;padding:0;font-size:.82rem;font-weight:700;transition:color .15s;display:inline-flex}.pff-act-ic{border-radius:50%;place-items:center;width:34px;height:34px;transition:background .15s,transform .15s;display:grid}.pff-act:active .pff-act-ic{transform:scale(.86)}.pff-act-n{text-align:left;min-width:.9ch}.pff-act-like:hover{color:#e0245e}.pff-act-like:hover .pff-act-ic{background:#e0245e1f}.pff-act-like.on{color:#e0245e}.pff-act-like.on .pff-act-ic svg{animation:.28s repost-pop}.pff-act-comment:hover{color:var(--accent-ink)}.pff-act-comment:hover .pff-act-ic{background:#f2b70b24}.pff-act-repost{gap:.3rem;margin-left:auto;margin-right:0}.pff-act-repost:hover{color:var(--accent-ink)}.pff-act-repost:hover .pff-act-ic{background:#f2b70b24}.pff-act-repost.on{color:var(--accent-ink)}.pff-act-repost.on .pff-act-ic{background:var(--accent-grad);color:#1a1300;animation:.28s repost-pop}.pff-act-label{font-size:.8rem}.fanart-cover-btn{color:#fff;background:#ffffff24;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.84rem;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.fanart-cover-btn:hover:not(:disabled){background:#ffffff42;transform:translateY(-2px)}.fanart-cover-btn.done{background:var(--accent-grad);color:#1a1300}.fanart-cover-btn:disabled:not(.done){opacity:.7}.rp-cmodal{overflow:visible}.rp-cmodal-head{border-bottom:1px solid var(--border);align-items:center;gap:.7rem;margin:.2rem 2.2rem .4rem 0;padding:.2rem 0 .9rem;display:flex}.rp-cmodal-art{background:var(--surface-2);width:48px;height:48px;color:var(--text-soft);border-radius:10px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.rp-cmodal-art img{object-fit:cover;width:100%;height:100%}.rp-cmodal-info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.rp-cmodal-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.35rem;font-size:1rem;font-weight:700;display:inline-flex;overflow:hidden}.rp-cmodal-name svg{color:var(--accent-ink);flex-shrink:0}.rp-cmodal-sub{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.releases{max-width:1240px;margin:0 auto}.rel-hero{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.rel-hero-icon{color:#1a1204;background:var(--accent-grad);border-radius:16px;flex:none;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 8px 22px #f2b70b66}.rel-title{font-size:clamp(1.7rem,5vw,2.3rem)}.rel-sub{color:var(--text-soft);margin:.35rem 0 0;font-size:.98rem}.rel-toolbar{top:calc(var(--topbar-h,64px) + .4rem);z-index:30;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.8rem;display:flex;position:sticky}.rel-periods{background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;gap:.25rem;padding:.3rem;display:inline-flex}.rel-period{color:var(--text-soft);font-family:var(--font-display);background:0 0;border:none;border-radius:10px;padding:.5rem .95rem;font-size:.9rem;font-weight:600;transition:background .15s,color .15s}.rel-period:hover{color:var(--text)}.rel-period.active{background:var(--accent-grad);color:#1a1204;box-shadow:0 4px 12px #f2b70b52}.rel-wish{font-family:var(--font-display);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:12px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.9rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.rel-wish:hover{border-color:var(--orange)}.rel-wish.active{background:var(--accent-grad);color:#1a1204;border-color:#0000;box-shadow:0 4px 14px #f2b70b59}.rel-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.rel-dd{position:relative}.rel-dd-btn{font-family:var(--font-display);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:11px;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.88rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.rel-dd-btn:hover{border-color:var(--orange)}.rel-dd-btn.active{border-color:var(--orange);background:var(--surface);color:var(--accent-ink)}.rel-dd-count{background:var(--accent-grad);color:#1a1204;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.72rem;display:inline-grid}.rel-dd-caret{color:var(--text-soft);transition:transform .15s}.rel-dd-caret.up{transform:rotate(180deg)}.rel-dd-menu{z-index:20;width:250px;max-width:80vw;box-shadow:var(--shadow);padding:.4rem;position:absolute;top:calc(100% + 6px);right:0}.rel-dd-search{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;align-items:center;gap:.4rem;margin-bottom:.35rem;padding:.4rem .55rem;display:flex}.rel-dd-search svg{color:var(--text-soft);flex:none}.rel-dd-search input{min-width:0;color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.rel-dd-search-clear{width:20px;height:20px;color:var(--text-soft);background:0 0;border:none;border-radius:6px;flex:none;place-items:center;display:grid}.rel-dd-search-clear:hover{color:var(--text)}.rel-dd-list{flex-direction:column;gap:1px;max-height:300px;display:flex;overflow-y:auto}.rel-dd-item{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:9px;align-items:center;gap:.55rem;padding:.5rem .55rem;font-size:.9rem;transition:background .12s;display:flex}.rel-dd-item:hover{background:var(--surface-2)}.rel-dd-box{border:1.5px solid var(--border-strong);color:#1a1204;border-radius:6px;flex:none;place-items:center;width:18px;height:18px;transition:background .12s,border-color .12s;display:grid}.rel-dd-item.include .rel-dd-box{background:var(--accent-grad);border-color:#0000}.rel-dd-item.include{color:var(--text);font-weight:600}.rel-dd-item.exclude .rel-dd-box{color:#fff;background:#e0483f;border-color:#0000}.rel-dd-item.exclude{color:var(--text-soft);font-weight:600}.rel-dd-empty{text-align:center;color:var(--text-soft);padding:.7rem;font-size:.85rem}.rel-dd-clear{border:none;border-top:1px solid var(--border);width:100%;color:var(--accent-ink);background:0 0;margin-top:.3rem;padding:.45rem;font-size:.82rem;font-weight:600}.rel-dd-clear:hover{color:var(--orange)}.rel-ai-toggle{font-family:var(--font-display);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:11px;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.88rem;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.rel-ai-toggle:hover{border-color:var(--orange)}.rel-ai-toggle.active{background:var(--accent-grad);color:#1a1204;border-color:#0000;box-shadow:0 4px 14px #f2b70b59}.rel-ai-box{border:1.5px solid var(--border-strong);color:#1a1204;border-radius:6px;flex:none;place-items:center;width:18px;height:18px;display:grid}.rel-ai-toggle.active .rel-ai-box{color:var(--amber);background:#1a1204;border-color:#0000}.rel-filter-clear{color:var(--text-soft);background:0 0;border:none;border-radius:9px;padding:.4rem .6rem;font-size:.85rem;font-weight:600}.rel-filter-clear:hover{color:var(--text);background:var(--surface-2)}.rel-ai-tag{z-index:3;letter-spacing:.03em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#14141eb8;border-radius:999px;align-items:center;gap:2px;padding:2px 6px;font-size:.62rem;font-weight:800;display:inline-flex;position:absolute;top:6px;right:6px}.rel-timeline{flex-direction:column;gap:2.2rem;display:flex}.rel-day{grid-template-columns:92px 1fr;align-items:start;gap:1.4rem;display:grid}.rel-day-badge{top:calc(var(--topbar-h,64px) + 4.5rem);text-align:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;align-items:center;padding:.7rem .4rem .6rem;display:flex;position:sticky}.rel-weekday{text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);font-size:.72rem;font-weight:700}.rel-daynum{font-family:var(--font-display);color:var(--text);font-size:2rem;font-weight:700;line-height:1.05}.rel-month{text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);font-size:.78rem;font-weight:600}.rel-count{background:var(--surface-2);color:var(--text-soft);white-space:nowrap;border-radius:999px;margin-top:.55rem;padding:.22rem .5rem;font-size:.66rem;font-weight:700}.rel-day-badge.today{box-shadow:0 0 0 1.5px var(--orange) inset;background:linear-gradient(160deg,#f2b70b29,#f2b70b0d);border-color:#0000}.rel-day-badge.today .rel-daynum{color:var(--accent-ink)}.rel-day-badge.today .rel-count{background:var(--accent-grad);color:#1a1204}.rel-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.1rem;display:grid}.rel-card{border-radius:16px;position:relative}.rel-card.is-wish:after{content:"";border:2px solid var(--orange);pointer-events:none;border-radius:18px;position:absolute;inset:-5px;box-shadow:0 0 16px #f2b70b47}.rel-state{text-align:center;color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:4rem 1rem;display:flex}.rel-state h3{color:var(--text);font-size:1.2rem}.rel-state svg{color:var(--accent-ink)}.rel-empty p{margin:0}.rel-error{padding:2.5rem 1.5rem}.rel-error svg{color:#e0483f}@media (width<=760px){.rel-day{grid-template-columns:1fr;gap:.9rem}.rel-day-badge{flex-direction:row;align-items:baseline;gap:.5rem;padding:.5rem .85rem;position:static}.rel-daynum{font-size:1.4rem}.rel-count{margin-top:0;margin-left:auto}.rel-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem}.rel-toolbar{position:static}.rel-periods{overflow-x:auto}}