@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap";:root{--brand: #fc4c02;--brand-darker: #bf3901;--brand-light: #fff3ee;--brand-tint: #fff4ec;--bg: #f7f7f7;--surface: #ffffff;--surface-alt: #f8f8f8;--gray-disabled: #e6e9f0;--fg: #2d2d2d;--fg-2: #333333;--fg-muted: #565252;--fg-muted-2: #606060;--fg-3: #676767;--fg-soft: #808080;--fg-placeholder: #a2a2a2;--border: #d1d3d4;--border-dark: #c0c0c0;--border-light: rgba(0, 0, 0, .1);--border-lighter: #dadada;--border-gray: #d0d0d0;--skeleton: #d9d9d9;--status-sold-out: #414042;--status-pre-order: #657996;--status-back-order: #996291;--status-late-po: #d3647a;--status-ready: #41b774;--status-showcase: #5fc7c9;--status-wipeout: #7209b7;--status-discount: #ff0000;--status-restock: #fc4c02;--accent-sky: #8cd5f6;--accent-yellow: #f8981d;--shadow-surface: 0px 0px 10px 0px rgba(170, 169, 169, .25);--shadow-surface-strong: 0px 0px 4px 0px rgba(0, 0, 0, .25);--shadow-navbar: 0 2px 4px 0 rgba(0, 0, 0, .2);--shadow-card: 0 0 4px 0 rgba(14, 14, 14, .1);--shadow-dropdown: 0 0 10px rgba(0, 0, 0, .15);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-2xl: 28px;--radius-pill: 9999px;--ease-ios: cubic-bezier(.25, .1, .25, 1);--ease-ios-spring: cubic-bezier(.36, .66, .04, 1);--duration-fast: .15s;--duration: .2s;--duration-slow: .25s;--navbar-h: 64px;--navbar-h-mobile: 56px;--container-max: 1195px;--font-sans: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-rounded: "M PLUS Rounded 1c", "Nunito", system-ui, sans-serif;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-display: clamp(32px, 4vw, 48px);--weight-regular: 400;--weight-medium: 600;--weight-bold: 700;--weight-extra: 800;--weight-black: 900;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.5px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);letter-spacing:var(--tracking-tight);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button,select,textarea{font-family:inherit}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.kyou-h1{font-weight:var(--weight-extra);font-size:var(--text-3xl);color:var(--fg);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}.kyou-h3{font-weight:var(--weight-bold);font-size:var(--text-xl);color:var(--fg);line-height:var(--leading-snug);margin:0}.kyou-product-name{font-weight:var(--weight-bold);font-size:var(--text-base);color:#2a2a2a;line-height:var(--leading-normal)}.kyou-meta{font-size:var(--text-sm);color:var(--fg-muted-2)}.kyou-caption{font-size:var(--text-sm);color:var(--fg-soft)}.tnum{font-variant-numeric:tabular-nums}.kyou-status{font-weight:var(--weight-bold);font-size:var(--text-xs);color:#fff;padding:4px 7px;border-radius:var(--radius-xs);white-space:nowrap;display:inline-block}.kyou-btn{font-weight:var(--weight-bold);font-size:var(--text-base);border-radius:var(--radius-xs);border:1px solid transparent;padding:10px 16px;cursor:pointer;transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios);display:inline-flex;align-items:center;gap:6px}.kyou-btn--primary{background:var(--brand);color:#fff;border-color:var(--brand)}.kyou-btn--primary:hover{background:var(--brand-darker);border-color:var(--brand-darker)}.kyou-btn--ghost{background:#fff;color:var(--brand);border-color:var(--brand)}.kyou-btn--ghost:hover{background:var(--brand-light)}.kyou-btn--muted{background:var(--surface-alt);color:var(--fg);border-color:var(--border)}.kyou-btn--muted:hover{color:var(--brand);border-color:var(--brand)}.container{width:90%;max-width:var(--container-max);margin:0 auto}@media(max-width:580px){.container{width:95%}}.navbar{position:sticky;top:0;z-index:100;background:var(--surface);box-shadow:var(--shadow-navbar);height:var(--navbar-h)}@media(max-width:580px){.navbar{height:var(--navbar-h-mobile)}}.navbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-left{display:flex;align-items:center;gap:16px}.navbar-left img{height:26px;width:auto}.navbar-title{font-weight:var(--weight-extra);font-size:var(--text-md);color:var(--fg)}.navbar-title span{color:var(--brand)}.nav-page-tabs{margin-left:6px;padding:2px}.nav-page-tabs button{padding:5px 12px;font-size:var(--text-xs)}.page-head{padding:28px 0 4px}.page-head p{margin:4px 0 0}.search-wrap{position:relative}.search-box{display:flex;align-items:stretch;width:220px;transition:width var(--duration) var(--ease-ios)}.search-box:focus-within{width:260px}.search-input-wrap{position:relative;flex:1;min-width:0}.search-input-el{width:100%;height:36px;box-sizing:border-box;border:1px solid var(--border);border-right:none;border-radius:var(--radius-xs) 0 0 var(--radius-xs);background:var(--surface);outline:none;font-family:inherit;font-size:var(--text-sm);color:var(--fg);padding:0 30px 0 12px;transition:border-color var(--duration) var(--ease-ios)}.search-input-el:focus{border-color:var(--brand)}.search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--fg-placeholder);padding:3px;display:none;border-radius:var(--radius-pill)}.search-clear:hover{color:var(--fg);background:var(--border-lighter)}.search-clear svg{width:13px;height:13px}.search-clear.show{display:flex}.search-btn{flex-shrink:0;width:40px;height:36px;background:var(--brand);border:1px solid var(--brand);color:#fff;border-radius:0 var(--radius-xs) var(--radius-xs) 0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios)}.search-btn:hover{background:var(--brand-darker);border-color:var(--brand-darker)}.search-box svg.search-icon{width:15px;height:15px;flex-shrink:0}@media(max-width:700px){.search-box{width:150px}.search-box:focus-within{width:180px}}.search-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;width:320px;max-width:85vw;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:250;max-height:380px;overflow-y:auto}.search-dropdown.open{display:block}.search-loading{display:flex;align-items:center;gap:10px;padding:16px 14px;font-size:var(--text-sm);color:var(--fg-muted-2)}.search-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-lighter);border-top-color:#fc4c02;flex-shrink:0;animation:search-spin .7s linear infinite}@keyframes search-spin{to{transform:rotate(360deg)}}.search-group-label{font-weight:var(--weight-extra);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.4px;color:var(--fg-soft);padding:10px 14px 4px}.search-result-row{display:flex;align-items:center;gap:10px;padding:7px 14px;cursor:pointer;transition:background var(--duration) var(--ease-ios)}.search-result-row:hover{background:var(--surface-alt)}.search-result-poster{width:32px;height:44px;border-radius:var(--radius-xs);flex-shrink:0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:var(--text-xs)}.search-result-poster img{width:100%;height:100%;object-fit:cover}.search-result-info{min-width:0;flex:1}.search-result-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-meta{font-size:var(--text-xs);color:var(--fg-soft)}.search-empty{padding:20px 14px;text-align:center;color:var(--fg-soft);font-size:var(--text-sm)}.navbar-right{display:flex;align-items:center;gap:14px}.notif-wrap{position:relative}.notif-bell{position:relative;background:none;border:none;cursor:pointer;padding:6px;color:var(--fg-soft);display:flex;transition:color var(--duration) var(--ease-ios)}.notif-bell:hover{color:var(--fg)}.notif-bell.has-notif{color:#fc4c02}.notif-bell svg{width:25px;height:25px}.notif-badge{position:absolute;top:2px;right:2px;background:#fc4c02;color:#fff;font-size:var(--text-2xs);font-weight:var(--weight-black);min-width:16px;height:16px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;padding:0 3px;box-shadow:0 0 0 2px var(--surface)}.navbar-divider{width:1px;height:28px;background:var(--border)}.account-btn{position:relative;background:none;border:none;cursor:pointer;padding:6px;color:var(--fg-soft);display:flex;transition:color var(--duration) var(--ease-ios)}.account-btn:hover{color:var(--fg)}.account-btn svg{width:25px;height:25px}@keyframes bell-shake{0%,to{transform:rotate(0)}15%{transform:rotate(-16deg)}30%{transform:rotate(14deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}90%{transform:rotate(2deg)}}.notif-bell.bell-ring svg{animation:bell-shake .65s ease-in-out;transform-origin:top center}.bell-wave{position:absolute;left:50%;top:50%;width:25px;height:25px;margin:-12.5px 0 0 -12.5px;border-radius:var(--radius-pill);border:2px solid #FC4C02;pointer-events:none;opacity:0}@keyframes bell-wave-ring{0%{transform:scale(.6);opacity:.8}to{transform:scale(2.4);opacity:0}}.bell-wave.playing{animation:bell-wave-ring .7s ease-out}.bell-wave.playing.delay2{animation-delay:.15s}.notif-dropdown{display:none;position:absolute;top:calc(100% + 10px);right:0;width:300px;max-width:80vw;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:250;overflow:hidden}.notif-dropdown.open{display:block}.notif-dropdown-head{padding:12px 14px;font-weight:var(--weight-extra);font-size:var(--text-sm);color:var(--fg);border-bottom:1px solid var(--border-lighter)}.notif-dropdown-body{max-height:280px;overflow-y:auto}.notif-row{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;cursor:pointer;transition:background var(--duration) var(--ease-ios);border-bottom:1px solid var(--border-lighter)}.notif-row:last-child{border-bottom:none}.notif-row:hover{background:var(--surface-alt)}.notif-row .char-avatar{width:30px;height:30px;font-size:var(--text-xs);flex-shrink:0}.notif-row-text{font-size:var(--text-sm);color:var(--fg);line-height:var(--leading-snug)}.notif-row-time{font-size:var(--text-2xs);color:var(--fg-placeholder);margin-top:2px}.notif-empty{padding:28px 14px;text-align:center;color:var(--fg-soft);font-size:var(--text-sm)}.hero{position:relative;background:linear-gradient(135deg,#FC4C02 0%,#FC4C02 62%,var(--brand-darker) 100%)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(#FFC600 2px,transparent 2px);background-size:26px 26px;opacity:.22}.hero .container{position:relative;display:flex;align-items:stretch;justify-content:space-between;gap:24px;padding:0}.hero-text{max-width:560px;padding:30px 0;align-self:center}.hero-text .kyou-h1{color:#fff;font-family:var(--font-rounded);text-transform:uppercase;letter-spacing:.5px}.hero-text .kyou-meta{color:var(--fg);background:#ffffffeb;display:inline-block;padding:4px 10px;border-radius:var(--radius-xs);margin-top:8px}.hero-mascot{flex-shrink:0;height:100%;width:auto;display:block;object-fit:contain}@media(max-width:700px){.hero-text{max-width:100%;padding:20px 0}}@media(max-width:480px){.hero-mascot{display:none}}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-lighter);border:1px solid var(--border-lighter);border-radius:var(--radius-md);overflow:hidden;margin:18px 0 4px}@media(max-width:700px){.stats-strip{grid-template-columns:repeat(2,1fr)}}.stat-cell{background:var(--surface);padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}.stat-cell--click{cursor:pointer;transition:background var(--duration) var(--ease-ios)}.stat-cell--click:hover{background:var(--brand-tint)}.stat-cell--click:hover .stat-value.accent{text-decoration:underline}.side-fab-stack{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;align-items:stretch}.side-fab{display:flex;align-items:center;gap:8px;background:var(--brand);color:#fff;font-family:var(--font-rounded);font-weight:var(--weight-extra);font-size:13px;border:none;cursor:pointer;padding:13px 15px 13px 18px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);box-shadow:var(--shadow-dropdown);transition:padding-right var(--duration) var(--ease-ios),background var(--duration) var(--ease-ios)}.side-fab:hover{background:var(--brand-darker);padding-right:18px}body.page-channel .side-fab{background:#1c1c1c}body.page-channel .side-fab:hover{background:#000}body.page-channel .side-fab .wf-count{color:#1c1c1c}.side-fab svg{width:20px;height:20px;flex-shrink:0}.side-fab .wf-count{background:#fff;color:var(--brand-darker);font-size:var(--text-2xs);font-weight:var(--weight-black);min-width:18px;height:18px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;padding:0 4px}.side-fab .live-dot{width:7px;height:7px;border-radius:50%;background:#7cff6b;box-shadow:0 0 #7cff6b99;animation:live-pulse 1.6s infinite}@keyframes live-pulse{0%{box-shadow:0 0 #7cff6b99}70%{box-shadow:0 0 0 6px #7cff6b00}to{box-shadow:0 0 #7cff6b00}}.drawer-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:300}.drawer-backdrop.open{display:block}.drawer-panel{position:fixed;top:0;right:0;height:100%;width:360px;max-width:88vw;background:var(--surface);z-index:301;box-shadow:-4px 0 20px #0003;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-slow) var(--ease-ios)}.drawer-backdrop.open .drawer-panel{transform:translate(0)}#profil-drawer .drawer-panel{width:480px}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-lighter);flex-shrink:0}.drawer-close{background:none;border:none;cursor:pointer;color:var(--fg-soft);padding:4px;display:flex}.drawer-close:hover{color:var(--fg)}.drawer-close svg{width:20px;height:20px}.drawer-body{flex:1;overflow-y:auto;padding:8px 18px 20px}.drawer-section-label{font-weight:var(--weight-extra);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.4px;color:var(--fg-soft);margin:16px 0 8px}.drawer-item{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:var(--radius-xs);cursor:pointer;transition:background var(--duration) var(--ease-ios)}.drawer-item:hover{background:var(--surface-alt)}.drawer-item-poster{width:34px;height:46px;border-radius:var(--radius-xs);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:var(--text-sm)}.drawer-item-info{min-width:0;flex:1}.drawer-item-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-item-sub{font-size:var(--text-xs);color:var(--fg-soft)}.drawer-item-pills{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.drawer-pill{display:inline-flex;align-items:center;font-size:10px;font-weight:var(--weight-bold);line-height:1.3;padding:2px 7px;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--fg-muted-2);background:var(--surface-alt)}.drawer-pill[data-val=plan]{background:#eef3f9;border-color:var(--status-pre-order);color:var(--status-pre-order)}.drawer-pill[data-val=watching]{background:#eaf7ef;border-color:var(--status-ready);color:var(--status-ready)}.drawer-pill[data-val=completed]{background:#eafafa;border-color:var(--status-showcase);color:#2a9698}.drawer-pill[data-val=drop]{background:#f1f1f1;border-color:var(--fg-soft);color:var(--fg-muted-2)}.drawer-pill--liked{background:#ffe7e5;border-color:var(--status-discount);color:var(--status-discount)}.drawer-empty{text-align:center;color:var(--fg-soft);font-size:var(--text-sm);padding:32px 12px}.stat-cell .stat-value{font-weight:var(--weight-extra);font-size:var(--text-xl);color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-cell .stat-label{font-size:var(--text-xs);color:var(--fg-soft);font-weight:var(--weight-bold)}.stat-cell .stat-value.accent{color:var(--brand)}.drawer-tabs{display:flex}.drawer-tabs button{flex:1;text-align:center;font-size:11px;padding:7px 4px}.drawer-panel-tab{display:none}.drawer-panel-tab.active{display:block}.activity-banner{position:relative;overflow:hidden;display:flex;align-items:flex-end;gap:10px;border-radius:var(--radius-md);background:linear-gradient(135deg,#FC4C02 0%,#FC4C02 60%,var(--brand-darker) 100%);padding:12px 14px;min-height:60px}.activity-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(#FFC600 1.5px,transparent 1.5px);background-size:18px 18px;opacity:.22}.activity-banner-avatar{position:relative;flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-pill);background:#e8e8e8;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 3px #ffffff80}.activity-banner-avatar svg{width:32px;height:32px;color:#9a9a9a}.activity-banner-text{position:relative}.activity-banner-title{color:#fff;font-weight:var(--weight-extra);font-size:var(--text-base);line-height:1.2}.activity-banner-sub{color:#ffffffeb;font-size:var(--text-2xs);margin-top:3px}.activity-stats{grid-template-columns:repeat(3,1fr)!important;margin:12px 0 4px!important}.activity-row{display:flex;align-items:flex-start;gap:10px;padding:9px 4px;border-radius:var(--radius-xs);cursor:pointer;transition:background var(--duration) var(--ease-ios)}.activity-row:hover{background:var(--surface-alt)}.activity-icon{width:30px;height:30px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{width:15px;height:15px}.activity-row-body{min-width:0;flex:1}.activity-row-text{font-size:var(--text-sm);color:var(--fg);line-height:var(--leading-snug)}.activity-row-time{font-size:var(--text-2xs);color:var(--fg-placeholder);margin-top:2px}.rank-oshi-info{flex:1;display:flex;align-items:center;gap:10px;min-width:0;padding:0 12px;background:var(--surface)}.rank-oshi-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:var(--text-sm);flex-shrink:0}.rank-oshi-text{min-width:0}.rank-oshi-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-oshi-sub{font-size:var(--text-xs);color:var(--fg-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row{padding:10px 6px;border-bottom:1px solid var(--border-lighter);cursor:pointer;border-radius:var(--radius-xs);transition:background var(--duration) var(--ease-ios)}.friend-row:last-child{border-bottom:none}.friend-row:hover{background:var(--surface-alt)}.friend-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}.friend-top .char-avatar{width:34px;height:34px;font-size:var(--text-sm);flex-shrink:0}.friend-info{min-width:0;flex:1}.friend-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg)}.friend-handle{font-size:var(--text-xs);color:var(--fg-soft)}.friend-pct{font-size:var(--text-md);font-weight:var(--weight-extra);color:var(--brand-darker);flex-shrink:0}.friend-bar-track{height:6px;border-radius:var(--radius-pill);background:var(--surface-alt);overflow:hidden;margin-bottom:6px}.friend-bar-fill{height:100%;background:var(--brand);border-radius:var(--radius-pill)}.friend-shared{font-size:var(--text-xs);color:var(--fg-soft)}.profile-logout-btn{position:absolute;top:10px;right:12px;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-pill);padding:4px 12px;font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer;font-family:inherit;transition:background var(--duration) var(--ease-ios);display:flex;align-items:center;gap:5px}.profile-logout-btn svg{width:12px;height:12px;flex-shrink:0}.profile-logout-btn:hover{background:#ffffff4d}.profile-fav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.profile-fav-item{cursor:pointer}.profile-fav-poster{position:relative;aspect-ratio:2/3;border-radius:var(--radius-xs);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card)}.profile-fav-poster .mono{font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:28px;opacity:.35}.profile-fav-item:hover .poster-visual{transform:scale(1.08)}.profile-mock-note{background:var(--surface-alt);border:1px dashed var(--border-dark);border-radius:var(--radius-xs);padding:8px 10px;font-size:var(--text-xs);color:var(--fg-soft);margin:10px 0 4px}.profile-back-btn{background:none;border:none;color:var(--brand);font-weight:var(--weight-bold);font-size:var(--text-sm);cursor:pointer;padding:4px 0;margin-bottom:8px;font-family:inherit}.profile-back-btn:hover{text-decoration:underline}.account-info-card{background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);padding:4px 14px}.account-field{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-lighter);gap:10px}.account-field:last-child{border-bottom:none}.account-field-label{font-size:var(--text-xs);color:var(--fg-soft);font-weight:var(--weight-bold)}.account-field-value{font-size:var(--text-sm);color:var(--fg);font-weight:var(--weight-bold);text-align:right}.account-connect-list{display:flex;flex-direction:column;gap:8px}.account-connect-chip{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border-lighter);border-radius:var(--radius-xs);background:var(--surface)}.account-connect-chip.connected{border-color:var(--status-ready);background:#eaf7ef}.account-connect-left{display:flex;align-items:center;gap:8px;min-width:0}.account-connect-icon{width:22px;height:22px;flex-shrink:0;display:flex}.account-connect-icon svg{width:100%;height:100%}.account-connect-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg)}.account-connect-state{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-soft)}.account-connect-chip.connected .account-connect-state{color:var(--status-ready)}.profile-fav-badge{position:absolute;top:4px;left:4px;font-size:9px;font-weight:var(--weight-black);text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-xs);background:#fffffff0;border:1px solid var(--border)}.profile-fav-badge[data-val=plan]{color:var(--status-pre-order);border-color:var(--status-pre-order)}.profile-fav-badge[data-val=watching]{color:var(--status-ready);border-color:var(--status-ready)}.profile-fav-badge[data-val=completed]{color:#2a9698;border-color:var(--status-showcase)}.profile-fav-badge[data-val=drop]{color:var(--fg-muted-2);border-color:var(--fg-soft)}.profile-section-divider{height:1px;background:var(--border-lighter);margin:18px 0}.ranking-head-note{font-size:var(--text-xs);color:var(--fg-soft);background:var(--surface-alt);border-radius:var(--radius-xs);padding:8px 10px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.ranking-head-note .live-dot{width:6px;height:6px;border-radius:50%;background:#2fbf4f;flex-shrink:0;animation:live-pulse 1.6s infinite}.rank-row{position:relative;display:flex;align-items:stretch;gap:0;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:8px;cursor:pointer;min-height:62px;box-shadow:var(--shadow-card)}.rank-num{flex-shrink:0;width:34px;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:var(--text-lg)}.rank-row:nth-child(-n+3) .rank-num{background:linear-gradient(135deg,#ffc600,#fc4c02)}.rank-poster{position:relative;flex:1;display:flex;align-items:center;overflow:hidden;min-width:0;background:#333}.rank-poster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rank-poster:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000bf 20%,#00000026 90%)}.rank-title{position:relative;color:#fff;font-weight:var(--weight-extra);font-size:var(--text-sm);line-height:1.25;padding:8px 10px;z-index:1}.rank-side{flex-shrink:0;width:62px;background:var(--surface-alt);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px}.rank-delta{display:flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:var(--weight-black)}.rank-delta.up{color:var(--status-ready)}.rank-delta.down{color:var(--status-discount)}.rank-delta.same{color:var(--fg-soft)}.rank-delta svg{width:11px;height:11px}.rank-pct{font-size:var(--text-2xs);color:var(--fg-soft);font-weight:var(--weight-bold)}.ranking-foot{font-size:var(--text-2xs);color:var(--fg-soft);text-align:center;margin-top:10px;line-height:1.5}.ranking-empty{font-size:var(--text-sm);color:var(--fg-soft);text-align:center;padding:32px 12px;line-height:1.5}.rank-row--norating{opacity:.55}.rank-row--norating .rank-num{background:var(--fg-muted-2)}.rank-side .rank-norating{font-size:9px;text-align:center;line-height:1.25;text-transform:none;letter-spacing:0;color:var(--fg-soft)}.footer{margin-top:48px;padding:24px 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:10px}.footer img{height:18px}.footer span{font-size:var(--text-sm);color:var(--fg-soft)}.seg{display:inline-flex;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;gap:2px}.seg button{border:none;background:transparent;cursor:pointer;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg-muted-2);padding:7px 14px;border-radius:var(--radius-xs);transition:all var(--duration) var(--ease-ios)}.seg button:hover{color:var(--brand)}.seg button.active{background:var(--brand);color:#fff}.year-select{font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);padding:8px 10px;cursor:pointer}.filter-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}.filter-row-left{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:16px;padding-bottom:40px}.card{background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column;animation:slide-up var(--duration-slow) var(--ease-ios) both}.card-poster{position:relative;aspect-ratio:2 / 3;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-poster .mono{font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:64px;opacity:.35}.poster-visual{transition:transform var(--duration-slow) var(--ease-ios)}.card-poster:hover .poster-visual{transform:scale(1.08)}.badge-cat{position:absolute;top:8px;left:8px}.badge-rating{position:absolute;top:8px;right:8px;background:#fffffff0;color:var(--fg);border-radius:var(--radius-pill);padding:3px 7px 3px 5px;font-size:var(--text-xs);font-weight:var(--weight-bold);display:flex;align-items:center;gap:3px}.badge-rating svg{width:12px;height:12px}.badge-eps{position:absolute;bottom:8px;left:8px;background:#0009;color:#fff;border-radius:var(--radius-xs);padding:3px 6px;font-size:var(--text-xs);font-weight:var(--weight-bold)}.card-body{padding:10px;display:flex;flex-direction:column;gap:6px;flex:1}.card-title{cursor:pointer}.card-title:hover{color:var(--brand)}.card-like-row{display:flex;align-items:center;gap:6px;margin-top:auto}.watch-toggle-btn{position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:2px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-xs);padding:4px 3px;font-size:8px;font-weight:var(--weight-black);text-transform:uppercase;color:var(--fg-muted-2);cursor:pointer;font-family:inherit;transition:all var(--duration) var(--ease-ios);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch-toggle-btn svg{width:9px;height:9px;flex-shrink:0}.watch-toggle-btn.is-watched{background:#eaf7ef;border-color:var(--status-ready);color:var(--status-ready)}.watch-count-badge{flex-shrink:0;background:var(--status-ready);color:#fff;font-size:10px;font-weight:var(--weight-black);min-width:18px;height:18px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;box-shadow:0 2px 4px #00000026;cursor:pointer;animation:watch-badge-pop .28s var(--ease-ios-spring)}.card-like-row .vote-btn{padding:5px 4px}@keyframes watch-badge-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.card-action-row{display:flex;align-items:center;gap:6px}.card-comment-inline{flex:1;min-width:0;display:flex;align-items:center;gap:6px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-xs);padding:2px 2px 2px 10px;transition:border-color var(--duration) var(--ease-ios)}.card-comment-inline:focus-within{border-color:var(--brand)}.card-comment-input{flex:1;min-width:0;border:none;background:none;outline:none;font-family:inherit;font-size:var(--text-xs);color:var(--fg);padding:5px 0}.card-comment-input::placeholder{color:var(--fg-soft)}.card-comment-send{display:none;flex-shrink:0;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-xs);padding:5px 10px;font-size:10px;font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:.3px;cursor:pointer;font-family:inherit}.card-comment-send:hover{background:var(--brand-darker)}.card-comment-input:not(:placeholder-shown)~.card-comment-send{display:inline-block}.card-comment-float{position:fixed;max-width:220px;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-pill);padding:6px 14px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg);box-shadow:var(--shadow-card);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:600;animation:card-comment-float-up 1.8s ease-out forwards}@keyframes card-comment-float-up{0%{transform:translate(-50%) rotate(0);opacity:1}15%{transform:translate(calc(-50% + 7px),-22px) rotate(3deg);opacity:1}30%{transform:translate(calc(-50% - 8px),-48px) rotate(-3deg);opacity:.9}50%{transform:translate(calc(-50% + 7px),-74px) rotate(2deg);opacity:.65}72%{transform:translate(calc(-50% - 6px),-100px) rotate(-2deg);opacity:.35}to{transform:translate(calc(-50% + 4px),-134px) rotate(1deg);opacity:0}}.vote-btn{display:flex;align-items:center;gap:4px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-xs);padding:5px 7px;cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-muted-2);transition:all var(--duration) var(--ease-ios)}.vote-btn img,.vote-btn svg{width:14px;height:14px}.card-votes img,.card-votes svg{width:12px;height:12px}.vote-btn.like.active{background:#ffe7e5;border-color:var(--status-discount);color:var(--status-discount)}.vote-btn.dislike.active{background:#f1f1f1;border-color:var(--fg-soft);color:var(--fg)}@keyframes heart-pop{0%{transform:scale(1)}30%{transform:scale(1.4)}55%{transform:scale(.85)}to{transform:scale(1)}}.heart-icon.heart-pop{animation:heart-pop .42s var(--ease-ios-spring);transform-origin:center}.heart-break{overflow:visible}@keyframes heart-break-left{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-6px,7px) rotate(-26deg);opacity:0}}@keyframes heart-break-right{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(6px,7px) rotate(26deg);opacity:0}}.heart-half--left{animation:heart-break-left .48s ease-in forwards;transform-origin:14px 12px;color:var(--status-discount)}.heart-half--right{animation:heart-break-right .48s ease-in forwards;transform-origin:10px 12px;color:var(--status-discount)}.ep-rating-widget{position:relative;display:inline-flex;align-items:center}.ep-rating-star-btn{background:none;border:none;padding:2px;cursor:pointer;display:flex;line-height:0}.ep-rating-star-btn svg{width:15px;height:15px;overflow:visible}@keyframes star-shine{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,198,0,0))}35%{transform:scale(1.55);filter:drop-shadow(0 0 7px rgba(255,198,0,.95))}65%{transform:scale(.82);filter:drop-shadow(0 0 3px rgba(255,198,0,.5))}to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,198,0,0))}}.ep-star-icon.star-shine{animation:star-shine .56s var(--ease-ios-spring);transform-origin:center}.ep-star-break{overflow:visible;color:var(--accent-yellow)}.ep-star-break .heart-half--left{animation:heart-break-left .48s ease-in forwards;transform-origin:14px 12px;color:var(--accent-yellow)}.ep-star-break .heart-half--right{animation:heart-break-right .48s ease-in forwards;transform-origin:10px 12px;color:var(--accent-yellow)}.ep-rating-picker{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);padding:7px;z-index:60;grid-template-columns:repeat(5,1fr);gap:4px;width:168px}.ep-rating-picker.open{display:grid}.ep-rating-picker button{width:27px;height:27px;border-radius:var(--radius-xs);border:1px solid var(--border-lighter);background:var(--surface-alt);font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-xs);cursor:pointer;color:var(--fg);transition:all var(--duration) var(--ease-ios)}.ep-rating-picker button:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.status-select{flex:1;font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-bold);border:1px solid var(--border);border-radius:var(--radius-xs);padding:6px;background:var(--surface);color:var(--fg-muted-2);cursor:pointer;min-width:0}.status-select[data-val=plan]{background:#eef3f9;border-color:var(--status-pre-order);color:var(--status-pre-order)}.status-select[data-val=watching]{background:#eaf7ef;border-color:var(--status-ready);color:var(--status-ready)}.status-select[data-val=completed]{background:#eafafa;border-color:var(--status-showcase);color:#2a9698}.status-select[data-val=drop]{background:#f1f1f1;border-color:var(--fg-soft);color:var(--fg-muted-2)}.status-select-wrap{position:relative;width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--fg-muted-2);font-weight:var(--weight-black);font-size:15px;cursor:pointer;transition:all var(--duration) var(--ease-ios)}.status-select-wrap[data-val=plan]{background:#eef3f9;border-color:var(--status-pre-order);color:var(--status-pre-order)}.status-select-wrap[data-val=watching]{background:#eaf7ef;border-color:var(--status-ready);color:var(--status-ready)}.status-select-wrap[data-val=completed]{background:#eafafa;border-color:var(--status-showcase);color:#2a9698}.status-select-wrap[data-val=drop]{background:#f1f1f1;border-color:var(--fg-soft);color:var(--fg-muted-2)}.status-select-plus{pointer-events:none;line-height:1}.status-select-compact{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;border:none}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 20px;gap:10px}.empty-state img{width:96px;height:96px;object-fit:contain}.empty-state strong{font-size:var(--text-md);color:var(--fg)}.empty-state span{font-size:var(--text-sm);color:var(--fg-soft)}#detail-view{display:none;position:relative}.detail-backdrop{position:absolute;top:0;left:0;right:0;height:360px;overflow:hidden;z-index:0;pointer-events:none}.detail-backdrop-img{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background-size:cover;background-position:center 20%;filter:blur(30px) brightness(.64) saturate(1.15);transform:scale(1.15)}.detail-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,.16) 40%,var(--bg) 60%)}.detail-view-body{position:relative;z-index:1}.back-row{padding:18px 0 6px}.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);color:#ffffffd9;padding:6px 0}.back-btn:hover{color:#fff}.back-btn svg{width:16px;height:16px}.detail-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;padding:16px 0 48px;align-items:start}@media(max-width:860px){.detail-layout{grid-template-columns:1fr}}#detail-title{color:#fff}.detail-sub{color:#ffffffd9!important}.detail-rail{position:sticky;top:calc(var(--navbar-h) + 16px);display:flex;flex-direction:column;gap:14px}@media(max-width:860px){.detail-rail{position:static}}.rail-poster{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card)}.rail-poster .mono{font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:96px;opacity:.35}.rail-actions{display:flex;gap:8px}.rail-actions .vote-btn{flex:1;justify-content:center;padding:9px;font-size:var(--text-sm)}.rail-status{width:100%;padding:9px;font-size:var(--text-sm)}.rail-section-label{font-weight:var(--weight-extra);font-size:16px;color:var(--fg);margin:2px 0 -2px 6px}.meta-card{background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.meta-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.meta-row .k{font-size:var(--text-xs);color:var(--fg-soft);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.3px}.meta-row .v{font-size:var(--text-sm);color:var(--fg);font-weight:var(--weight-bold);text-align:right}.meta-more{display:flex;flex-direction:column;gap:8px}.meta-more-btn{align-self:center;margin-top:2px;font-size:var(--text-xs);font-weight:var(--weight-bold);background:none;border:none;cursor:pointer;color:var(--brand);padding:4px 6px}.meta-more-btn:hover{color:var(--brand-darker);text-decoration:underline}.alt-titles-card{background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:7px}.alt-row{display:flex;flex-direction:column;gap:1px}.alt-k{font-size:var(--text-2xs);color:var(--fg-placeholder);font-weight:var(--weight-bold);text-transform:uppercase}.alt-v{font-size:var(--text-sm);color:var(--fg);line-height:1.35}.score-bar{display:flex;align-items:flex-start;gap:20px;margin:14px 0 20px;padding:12px 16px;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md)}.score-block{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.score-tag{display:inline-block;background:#2e51a2;color:#fff;font-size:var(--text-2xs);font-weight:var(--weight-black);padding:2px 7px;border-radius:var(--radius-xs);letter-spacing:.3px;text-transform:uppercase}.score-tag .score-source{font-weight:var(--weight-regular);text-transform:none;opacity:.9;margin-left:3px}.score-tag .live-dot{width:6px;height:6px;border-radius:50%;background:#7cff6b;display:inline-block;vertical-align:middle;margin-right:5px;animation:live-pulse 1.6s infinite}.score-value{font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--fg);line-height:1.1}.score-value-row{display:flex;align-items:center;gap:5px}.score-value-row svg{width:20px;height:20px;flex-shrink:0}.score-divider{width:1px;align-self:stretch;background:var(--border-lighter)}.score-like-block{display:flex;align-items:center;gap:10px}.score-heart{width:34px;height:34px;flex-shrink:0}.score-like-value{font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--fg);line-height:1.1}.score-like-label{font-size:9px;color:var(--fg-soft);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.3px}.streaming-list{display:flex;flex-direction:column;gap:4px}.streaming-chip{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg)}.streaming-chip svg{width:15px;height:15px;flex-shrink:0}@media(max-width:480px){.score-bar{flex-wrap:wrap;gap:14px}}.detail-main{min-width:0}.detail-sub{margin:6px 0 0}.genre-pills{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}.genre-pill{background:var(--surface-alt);border:1px solid var(--border);color:var(--fg-muted-2);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:5px 10px;border-radius:var(--radius-pill)}.synopsis{font-size:var(--text-base);color:var(--fg-2);line-height:var(--leading-relaxed);margin:0 0 20px}.tab-panel{display:none}.tab-panel.active{display:block}.trailer-box{aspect-ratio:16/9;max-width:460px;margin:0 auto 24px;background:var(--fg);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#ffffffd9;padding:12px}.trailer-box svg{width:32px;height:32px}.trailer-box span{font-size:var(--text-xs);text-align:center}.section-label{font-weight:var(--weight-extra);font-size:var(--text-lg);color:var(--fg);margin:0 0 12px;padding-bottom:8px;border-bottom:1.1px solid var(--border-lighter)}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;margin-bottom:8px}.char-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.char-avatar{width:72px;height:72px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-black);font-size:var(--text-xl);position:relative;overflow:hidden;cursor:pointer;transition:box-shadow var(--duration) var(--ease-ios);box-shadow:0 0 0 3px transparent}.char-avatar:hover{box-shadow:0 0 0 3px var(--brand)}.char-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-pill)}.char-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg)}.char-va{font-size:var(--text-xs);color:var(--fg-placeholder)}.char-card--oshi .char-avatar{box-shadow:0 0 0 3px #fff,0 0 0 5px #ffc600}.char-card--oshi .char-avatar:hover{box-shadow:0 0 0 3px #fff,0 0 0 5px #ffc600,0 0 0 8px var(--brand)}.oshi-crown{position:absolute;top:-8px;right:-4px;width:22px;height:22px;border-radius:var(--radius-pill);background:#ffc600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}.oshi-crown svg{width:13px;height:13px;color:#382e2c}.oshi-btn{font-size:var(--text-xs);font-weight:var(--weight-bold);background:none;border:none;cursor:pointer;color:var(--fg-placeholder);padding:2px 4px;transition:color var(--duration) var(--ease-ios)}.oshi-btn:hover{color:var(--brand)}.oshi-btn.is-oshi{color:var(--brand-darker)}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 16px;margin:0 0 24px}.staff-row{display:flex;flex-direction:column;gap:1px}.staff-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg)}.staff-role{font-size:var(--text-xs);color:var(--fg-soft)}.episode-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-lighter)}.episode-row:last-child{border-bottom:none}.episode-thumb{width:110px;aspect-ratio:16/9;border-radius:var(--radius-xs);overflow:hidden;flex-shrink:0;position:relative;background:var(--fg)}.episode-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.episode-body{flex:1;min-width:0}.episode-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.episode-title{font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--fg)}.episode-date-col{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.episode-date{font-size:var(--text-xs);color:var(--fg-soft);white-space:nowrap;flex-shrink:0}.episode-synopsis{font-size:var(--text-sm);color:var(--fg-2);margin:6px 0;line-height:var(--leading-relaxed)}.episode-rating{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg)}.episode-rating svg{width:13px;height:13px}.episode-rating .votes{color:var(--fg-soft);font-weight:var(--weight-regular)}.episode-more-btn{margin-top:12px}.char-modal-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:400;align-items:center;justify-content:center;padding:16px}.char-modal-backdrop.open{display:flex}.char-modal-box{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);width:340px;max-width:100%;max-height:85vh;overflow-y:auto;padding:22px;position:relative;text-align:center}.char-modal-close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;color:var(--fg-soft);padding:6px;display:flex}.char-modal-close:hover{color:var(--fg)}.char-modal-close svg{width:18px;height:18px}.char-modal-avatar{width:84px;height:84px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-black);font-size:var(--text-2xl);margin:0 auto 12px;position:relative}.char-modal-name{font-size:var(--text-lg);font-weight:var(--weight-extra);color:var(--fg);margin:0}.char-modal-role{display:inline-block;margin-top:4px;font-size:var(--text-2xs);font-weight:var(--weight-bold);color:#fff;background:var(--brand);padding:2px 8px;border-radius:var(--radius-pill);text-transform:uppercase}.char-modal-va-block{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border-top:1px solid var(--border-lighter);margin-top:14px;padding-top:14px}.char-modal-va-text{display:flex;flex-direction:column;gap:2px}.char-modal-va-name{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg)}.char-modal-va-lang{font-size:var(--text-2xs);color:var(--fg-soft);font-weight:var(--weight-bold)}.char-modal-va-photo{width:56px;height:70px;border-radius:var(--radius-xs);object-fit:cover;flex-shrink:0}.char-modal-meta{display:flex;flex-direction:column;gap:8px;text-align:left;margin-top:10px}.char-modal-oshi-btn{margin-top:16px;width:100%;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);padding:10px;border-radius:var(--radius-xs);cursor:pointer;background:var(--brand);color:#fff;border:none}.char-modal-oshi-btn:hover{background:var(--brand-darker)}.char-modal-oshi-btn.is-oshi{background:#ffc600;color:#382e2c}.review-compose{background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);padding:14px;display:flex;gap:10px;margin-bottom:20px}.review-compose .char-avatar{width:36px;height:36px;font-size:var(--text-sm);flex-shrink:0}.review-compose-body{flex:1;display:flex;flex-direction:column;gap:8px}.review-compose textarea{width:100%;resize:vertical;min-height:56px;border:1px solid var(--border);border-radius:var(--radius-xs);padding:9px 10px;font-family:inherit;font-size:var(--text-sm);color:var(--fg)}.review-compose textarea:focus{outline:none;border-color:var(--brand)}.review-compose-foot{display:flex;justify-content:flex-end}.review{display:flex;gap:10px;padding:16px 0;border-bottom:1px solid var(--border-lighter);border-radius:var(--radius-xs);transition:background .4s var(--ease-ios)}.review:last-child{border-bottom:none}.review-highlight{background:var(--brand-tint);animation:review-flash 1.8s ease-out}@keyframes review-flash{0%{background:var(--brand-light)}to{background:var(--brand-tint)}}.review .char-avatar{width:38px;height:38px;font-size:var(--text-sm);flex-shrink:0}.review .char-avatar img,.review-compose .char-avatar img{width:100%;height:100%;border-radius:var(--radius-pill);object-fit:cover}.review-body{flex:1;min-width:0}.review-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.review-user{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg)}.review-time{font-size:var(--text-xs);color:var(--fg-placeholder)}.review-hot{background:var(--brand)}.comment-menu-wrap{position:relative;margin-left:auto}.comment-menu-btn{background:none;border:none;cursor:pointer;color:var(--fg-placeholder);padding:4px 6px;display:flex;border-radius:var(--radius-xs);transition:background var(--duration) var(--ease-ios),color var(--duration) var(--ease-ios)}.comment-menu-btn:hover{background:var(--surface-alt);color:var(--fg)}.comment-menu-btn svg{width:16px;height:16px}.comment-menu-dropdown{display:none;position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-xs);box-shadow:var(--shadow-dropdown);z-index:60;min-width:120px;overflow:hidden}.comment-menu-dropdown.open{display:block}.comment-menu-delete{width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:9px 12px;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--status-discount)}.comment-menu-delete:hover{background:#ffe7e5}.confirm-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:400;align-items:center;justify-content:center}.confirm-backdrop.open{display:flex}.confirm-box{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);padding:22px;width:320px;max-width:88vw;text-align:center}.confirm-box p{margin:0 0 18px;font-size:var(--text-base);color:var(--fg);font-weight:var(--weight-bold)}.confirm-actions{display:flex;gap:10px}.confirm-btn{flex:1;padding:10px;border-radius:var(--radius-xs);font-weight:var(--weight-bold);font-size:var(--text-base);cursor:pointer;font-family:inherit}.confirm-btn-yes{background:#fff;border:1px solid var(--border-dark);color:var(--fg)}.confirm-btn-yes:hover{background:var(--surface-alt)}.confirm-btn-no{background:var(--status-discount);border:1px solid var(--status-discount);color:#fff}.confirm-btn-no:hover{background:#d40000}.review-text{font-size:var(--text-sm);color:var(--fg-2);line-height:var(--leading-relaxed);margin:6px 0 8px}.review-actions{display:flex;gap:8px;align-items:center}.review-actions .vote-btn{padding:4px 8px}.reply-toggle{background:none;border:none;cursor:pointer;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-xs);color:var(--fg-soft);padding:4px 8px;display:flex;align-items:center;gap:4px}.reply-toggle:hover{color:var(--brand)}.reply-toggle svg{width:13px;height:13px;transition:transform var(--duration) var(--ease-ios)}.reply-toggle.open svg{transform:rotate(180deg)}.reply-thread{display:none;margin:10px 0 0 20px;padding-left:14px;border-left:2px solid var(--border-lighter)}.reply-thread.open{display:block}.reply-item{display:flex;gap:8px;padding:8px 0}.reply-item .char-avatar{width:28px;height:28px;font-size:var(--text-xs);flex-shrink:0}.reply-item-body{flex:1;min-width:0}.reply-item-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.reply-item-user{font-weight:var(--weight-bold);font-size:var(--text-xs);color:var(--fg)}.reply-item-time{font-size:var(--text-2xs);color:var(--fg-placeholder)}.reply-item-text{font-size:var(--text-xs);color:var(--fg-2);line-height:var(--leading-relaxed);margin:3px 0 0}.reply-compose{display:flex;gap:8px;padding:8px 0 4px}.reply-compose .char-avatar{width:28px;height:28px;font-size:var(--text-xs);flex-shrink:0}.reply-compose-body{flex:1;display:flex;gap:6px}.reply-compose input{flex:1;border:1px solid var(--border);border-radius:var(--radius-xs);padding:7px 10px;font-family:inherit;font-size:var(--text-xs);color:var(--fg);min-width:0}.reply-compose input:focus{outline:none;border-color:var(--brand)}.reply-compose button{font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-xs);background:var(--brand);color:#fff;border:none;border-radius:var(--radius-xs);padding:0 12px;cursor:pointer;flex-shrink:0}.reply-compose button:hover{background:var(--brand-darker)}.empty-reviews{text-align:center;padding:24px;color:var(--fg-soft);font-size:var(--text-sm)}#channel-view{background:var(--brand);min-height:calc(100vh - var(--navbar-h))}.channel-layout{display:flex;justify-content:center}.channel-content-wrap{display:flex;align-items:stretch;background:var(--surface);min-height:calc(100vh - var(--navbar-h));box-sizing:border-box;border-left:1.75cm solid #38444d;border-right:1.75cm solid #38444d}.channel-main{width:640px;max-width:100%;padding:24px 24px 48px;box-sizing:border-box}@media(max-width:1040px){.channel-trending{display:none}}.channel-trending{width:300px;flex-shrink:0;padding:24px 20px 24px 22px;border-left:1px solid var(--border-lighter);position:sticky;top:var(--navbar-h);max-height:100vh;overflow-y:auto}.channel-trending-head{display:flex;align-items:center;gap:8px;font-weight:var(--weight-extra);font-size:var(--text-base);color:var(--fg);margin-bottom:14px}.channel-trending-section{margin-bottom:24px}.channel-trending-label{font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--fg-soft);text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px}.channel-trending-item{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;border-radius:var(--radius-xs);transition:background var(--duration) var(--ease-ios)}.channel-trending-item:hover{background:var(--surface-alt)}.channel-trending-rank{width:22px;height:22px;border-radius:var(--radius-pill);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-rounded);font-weight:var(--weight-black);font-size:11px;background:var(--surface-alt);color:var(--fg-soft)}.channel-trending-item:nth-child(-n+3) .channel-trending-rank{background:linear-gradient(135deg,#ffc600,#fc4c02);color:#fff}.channel-trending-thumb{width:40px;height:40px;border-radius:var(--radius-xs);overflow:hidden;flex-shrink:0;background:var(--surface-alt)}.channel-trending-thumb img{width:100%;height:100%;object-fit:cover;display:block}.channel-trending-body{min-width:0;flex:1}.channel-trending-text{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.channel-trending-meta{font-size:11px;color:var(--fg-soft);margin-top:3px;display:flex;align-items:center;gap:4px}.channel-trending-meta svg{width:11px;height:11px}.channel-trending-tags{display:flex;flex-wrap:wrap;gap:6px}.channel-trending-tag{font-size:11px;font-weight:var(--weight-bold);color:var(--brand);background:var(--brand-tint);padding:5px 10px;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration) var(--ease-ios)}.channel-trending-tag:hover{background:#fee0cc}.channel-tags-row{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 10px}.channel-tag{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--brand);cursor:pointer;transition:color var(--duration) var(--ease-ios)}.channel-tag:hover{color:var(--brand-darker);text-decoration:underline}#channel-tag-filter-bar{align-items:center;gap:8px;background:var(--brand-tint);border:1px solid #F9C29B;border-radius:var(--radius-pill);padding:8px 8px 8px 16px;margin-bottom:16px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand-darker)}#channel-tag-filter-bar button{margin-left:auto;background:#fff;border:none;width:22px;height:22px;border-radius:var(--radius-pill);cursor:pointer;color:var(--brand-darker);display:flex;align-items:center;justify-content:center;flex-shrink:0}#channel-tag-filter-bar button svg{width:12px;height:12px}.channel-composer-bar{display:flex;align-items:center;gap:11px;background:var(--surface);border:1.5px solid var(--border-lighter);border-radius:var(--radius-pill);padding:8px 8px 8px 16px;margin-bottom:20px;cursor:pointer;transition:border-color var(--duration) var(--ease-ios)}.channel-composer-bar:hover{border-color:var(--brand)}.channel-composer-bar-placeholder{flex:1;font-size:var(--text-sm);color:var(--fg-placeholder)}.channel-composer-bar-btn{border-radius:var(--radius-pill);padding:8px 20px;pointer-events:none}.channel-composer-modal-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:400;align-items:center;justify-content:center;padding:20px}.channel-composer-modal-backdrop.open{display:flex}.channel-composer-modal-box{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);width:480px;max-width:100%;padding:20px 22px 22px;position:relative}.channel-composer-modal-head{display:flex;align-items:center;justify-content:center;position:relative;font-weight:var(--weight-extra);font-size:var(--text-base);color:var(--fg);margin-bottom:16px}.channel-composer-modal-close{position:absolute;right:0;top:50%;transform:translateY(-50%);background:var(--surface-alt);border:none;width:30px;height:30px;border-radius:var(--radius-pill);cursor:pointer;color:var(--fg-soft);display:flex;align-items:center;justify-content:center}.channel-composer-modal-close svg{width:16px;height:16px}.channel-composer-modal-who{display:flex;align-items:center;gap:10px;margin-bottom:14px}.channel-composer-modal-name{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg)}#channel-composer-modal textarea{width:100%;resize:vertical;min-height:120px;border:none;outline:none;font-family:inherit;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--fg);padding:0;box-sizing:border-box}.channel-upload-photo{display:flex;align-items:center;gap:9px;background:var(--brand-tint);border:1.5px solid #F9C29B;border-radius:var(--radius-sm);padding:11px 15px;cursor:pointer;margin-top:6px;transition:background var(--duration) var(--ease-ios)}.channel-upload-photo:hover{background:#fee0cc}.channel-upload-photo svg{width:17px;height:17px;color:var(--brand-darker);flex-shrink:0}.channel-upload-photo span{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand-darker)}#channel-composer-modal input[type=text]{width:100%;border:1px solid var(--border);border-radius:var(--radius-xs);padding:8px 10px;margin-top:10px;font-family:inherit;font-size:var(--text-xs);color:var(--fg);box-sizing:border-box}#channel-composer-modal input[type=text]:focus{outline:none;border-color:var(--brand)}.channel-composer-modal-foot{display:flex;justify-content:flex-end;margin-top:14px}.channel-post{background:var(--surface);border:1px solid var(--border-lighter);border-radius:var(--radius-md);padding:14px;margin-bottom:16px;box-shadow:var(--shadow-card)}.channel-post-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.channel-post-head .char-avatar{width:36px;height:36px;font-size:var(--text-sm);flex-shrink:0}.channel-post-user{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg)}.channel-post-time{font-size:var(--text-xs);color:var(--fg-placeholder)}.channel-post-text{font-size:var(--text-sm);color:var(--fg-2);line-height:var(--leading-relaxed);margin:0 0 10px;white-space:pre-wrap}.channel-post-img{width:100%;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:10px;background:var(--surface-alt)}.channel-post-img img{width:100%;display:block;object-fit:cover;max-height:420px}.channel-post-collage{display:flex;gap:4px;margin-bottom:10px;border-radius:var(--radius-sm);overflow:hidden;height:260px}.channel-post-collage-main{flex:1.4;background:var(--surface-alt);min-width:0}.channel-post-collage-main img{width:100%;height:100%;object-fit:cover;display:block}.channel-post-collage-side{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.channel-post-collage-side div{flex:1;background:var(--surface-alt);overflow:hidden}.channel-post-collage-side img{width:100%;height:100%;object-fit:cover;display:block}.channel-post-actions{display:flex;align-items:center;gap:22px;margin-top:4px;padding-top:12px;border-top:1px solid var(--border-lighter)}.channel-action{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-soft);cursor:pointer;background:none;border:none;padding:0;font-family:inherit;transition:color var(--duration) var(--ease-ios)}.channel-action:hover{color:var(--brand)}.channel-action.liked{color:var(--status-discount)}.channel-action svg{width:16px;height:16px}.channel-comment-item{display:flex;gap:8px;padding:10px 0}.channel-comment-item .char-avatar{width:30px;height:30px;font-size:var(--text-xs);flex-shrink:0}.channel-comment-body{flex:1;min-width:0}.channel-comment-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.channel-comment-user{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg)}.channel-comment-time{font-size:var(--text-xs);color:var(--fg-placeholder);margin-left:auto}.channel-comment-text{font-size:var(--text-sm);color:var(--fg-2);margin-top:2px}.channel-post-official{width:15px;height:15px;border-radius:var(--radius-pill);background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}.channel-post-official svg{width:9px;height:9px}.channel-post-avatar{cursor:pointer}.channel-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--fg-soft);padding:6px 0;margin-bottom:16px;transition:color var(--duration) var(--ease-ios)}.channel-back-btn:hover{color:var(--brand)}.channel-back-btn svg{width:16px;height:16px}.channel-detail-comments-head{font-weight:var(--weight-extra);font-size:var(--text-base);color:var(--fg);margin:22px 0 4px}.channel-detail-no-comments{text-align:center;color:var(--fg-soft);font-size:var(--text-sm);padding:24px}.channel-detail-composer{display:none;position:sticky;bottom:0;margin:16px -24px -48px;width:auto;background:var(--surface);border-top:1px solid var(--border-lighter);box-shadow:0 -4px 16px #0000000f;padding:12px 24px;gap:10px;align-items:center;z-index:5;box-sizing:border-box}.channel-detail-composer.open{display:flex}.channel-detail-composer .char-avatar{width:32px;height:32px;font-size:var(--text-sm);flex-shrink:0}.channel-detail-composer input{flex:1;border:1px solid var(--border);border-radius:var(--radius-pill);padding:9px 14px;font-family:inherit;font-size:var(--text-sm);color:var(--fg);min-width:0}.channel-detail-composer input:focus{outline:none;border-color:var(--brand)}.channel-detail-composer button{font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);background:var(--brand);color:#fff;border:none;border-radius:var(--radius-pill);padding:9px 18px;cursor:pointer;flex-shrink:0}.channel-detail-composer button:hover{background:var(--brand-darker)}.kyou-toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%) translateY(20px);z-index:500;background:var(--fg);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-bold);padding:12px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);opacity:0;pointer-events:none;transition:opacity var(--duration) var(--ease-ios),transform var(--duration) var(--ease-ios)}.kyou-toast.open{opacity:1;transform:translate(-50%) translateY(0)}#login-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.login-overlay-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#f7f7f78c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.login-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.login-page{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 16px 56px;overflow-y:auto}.login-card{background:#fff;border:1px solid var(--border-lighter);border-radius:var(--radius-lg);box-shadow:var(--shadow-surface);width:100%;max-width:400px;padding:32px 28px 28px;animation:login-slide-up var(--duration) var(--ease-ios)}@keyframes login-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-logo{display:flex;justify-content:center;margin-bottom:14px}.login-logo img{height:96px;width:auto}.login-title{font-weight:var(--weight-extra);font-size:var(--text-2xl);line-height:var(--leading-tight);margin:0 0 4px;text-align:center;color:var(--fg)}.login-sub{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg);text-align:center;margin:0 0 24px}.login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.login-field label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg-muted)}.login-input{width:100%;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);padding:10px 12px;font-size:var(--text-base);color:var(--fg);font-family:inherit;transition:border-color var(--duration) var(--ease-ios)}.login-input::placeholder{color:var(--fg-placeholder)}.login-input:hover{border-color:var(--border-dark)}.login-input:focus{border-color:var(--brand);outline:none}.login-pw-wrap{position:relative}.login-pw-wrap .login-input{padding-right:42px}.login-pw-toggle{position:absolute;top:0;right:0;height:100%;width:42px;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--fg-soft)}.login-pw-toggle:hover{color:var(--brand)}.login-pw-toggle svg{width:18px;height:18px}.login-row-between{display:flex;align-items:center;justify-content:space-between;margin:-6px 0 20px}.login-remember{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--fg-muted-2);cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember input{accent-color:var(--brand);width:15px;height:15px;margin:0}.login-row-between a{font-size:var(--text-sm);font-weight:var(--weight-bold)}.login-btn-primary{width:100%;background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:var(--radius-xs);padding:11px 16px;font-size:var(--text-base);font-weight:var(--weight-bold);cursor:pointer;font-family:inherit;transition:background var(--duration) var(--ease-ios),border-color var(--duration) var(--ease-ios),transform var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios)}.login-btn-primary:hover,.login-btn-primary:active{background:var(--brand-darker);border-color:var(--brand-darker);transform:scale(1.03);box-shadow:var(--shadow-surface-strong)}.login-divider{display:flex;align-items:center;gap:10px;margin:20px 0;color:var(--fg-soft);font-size:var(--text-sm)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-lighter)}.login-btn-ghost{width:100%;background:#fff;color:var(--brand);border:1px solid var(--brand);border-radius:var(--radius-xs);padding:11px 16px;font-size:var(--text-base);font-weight:var(--weight-bold);cursor:pointer;font-family:inherit;transition:background var(--duration) var(--ease-ios),transform var(--duration) var(--ease-ios),box-shadow var(--duration) var(--ease-ios)}.login-btn-ghost:hover{background:var(--brand-light);transform:scale(1.03);box-shadow:var(--shadow-surface-strong)}.login-signup{text-align:center;font-size:var(--text-sm);color:var(--fg-muted-2);margin:20px 0 0}.login-signup a{font-weight:var(--weight-bold)}.login-footer{padding:20px 16px;text-align:center;font-size:var(--text-sm);color:var(--fg-soft)}@media(max-width:480px){.login-card{padding:24px 20px 22px}.login-page{padding:16px 8px 40px;align-items:flex-start}}.rank-info{flex:1;min-width:0}.rank-info .rank-title{font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-info-card{padding:4px 2px 14px}.profile-info-card .meta-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-light)}.profile-info-card .meta-row .k{color:var(--fg-soft);font-size:var(--text-sm)}.profile-info-card .meta-row .v{color:var(--fg);font-weight:var(--weight-medium)}.activity-text{flex:1;min-width:0;font-size:var(--text-sm);color:var(--fg)}.drawer-pills{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.drawer-poster{width:44px;height:60px;border-radius:var(--radius-xs);overflow:hidden;flex-shrink:0;background:var(--surface-alt)}.drawer-poster img,.drawer-poster>div{width:100%;height:100%}.friend-info{flex:1;min-width:0}.search-result-poster{width:34px;height:46px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--surface-alt)}.search-result-poster img,.search-result-poster>div{width:100%;height:100%}.profile-fav-poster{width:100%;aspect-ratio:3 / 4;border-radius:var(--radius-xs);overflow:hidden;background:var(--surface-alt)}.profile-fav-poster img,.profile-fav-poster>div{width:100%;height:100%}