@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Fraunces", "Iowan Old Style", Georgia, ui-serif, serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", monospace;--spacing:.25rem;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--radius-xl:6px;--shadow-sm:0 1px 2px #2a25200f;--shadow-md:0 2px 8px #2a25200f, 0 0 0 1px var(--color-line-1);--shadow-lg:0 12px 28px -8px #2a252026, 0 0 0 1px var(--color-line-2);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--color-bg-0:#f4f1ea;--color-bg-1:#efebe1;--color-bg-2:#e8e2d5;--color-bg-3:#faf8f3;--color-bg-4:#fff;--color-line-1:#ddd6c8;--color-line-2:#cdc5b4;--color-line-3:#b8af9a;--color-text-1:#2a2520;--color-text-2:#5a504a;--color-text-3:#9a9088;--color-text-4:#c0b8a8;--color-accent:#b45840;--color-accent-soft:#b458401a;--color-accent-dim:#b458400d;--color-accent-line:#b4584040;--color-jade:var(--color-accent);--color-jade-soft:var(--color-accent-soft);--color-jade-line:var(--color-accent-line);--color-gold:#3d5a3d;--color-gold-soft:#3d5a3d1a;--color-gold-line:#3d5a3d4d;--color-cinnabar:#a04030;--color-cinnabar-soft:#a040301a;--color-rank-sss:#8a6e3a;--color-rank-s:#8a5a3a;--color-rank-a:#5a8a5a;--color-rank-b:#4a7a8a;--color-rank-c:#6a6a8a;--color-rank-d:#6a5a8a;--color-rank-f:#8a4a4a;--color-rank-sss-tint:#8a6e3a1f;--color-rank-d-tint:#6a5a8a1f;--color-status-reading:#b45840;--color-status-completed:#3d5a3d;--color-status-planned:#4a7a8a;--color-status-hold:#8a6e3a;--color-status-dropped:#8a4a4a;--color-status-unread:#c0b8a8;--radius-full:999px;--ease-smooth:cubic-bezier(.2, .6, .2, 1);--glass-bg:#faf8f3b8;--glass-bg-strong:#faf8f3f2;--glass-blur:blur(20px) saturate(140%);--glass-blur-heavy:blur(28px) saturate(150%);--glass-border:1px solid #faf8f380;--glass-shadow:0 1px 0 #faf8f3b3 inset, 0 0 0 1px #2a252008, 0 12px 28px -16px #2a252014;--glass-shadow-hover:0 1px 0 #faf8f3cc inset, 0 0 0 1px #2a25200d, 0 20px 40px -18px #2a25201f}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-5{top:calc(var(--spacing) * 5)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-full{border-radius:var(--radius-full)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[var\(--color-line-2\)\]{background-color:var(--color-line-2)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}[data-theme=dark]{--color-bg-0:#0d0d0f;--color-bg-1:#131316;--color-bg-2:#18181c;--color-bg-3:#1e1e24;--color-bg-4:#26262e;--color-bg-5:#32323c;--color-line-1:#1c1c22;--color-line-2:#28282e;--color-line-3:#383840;--color-text-1:#ececf0;--color-text-2:#b0b0b8;--color-text-3:#787880;--color-text-4:#50505a;--color-accent:#c4a882;--color-accent-soft:#c4a8821f;--color-accent-line:#c4a88247;--color-jade-soft:var(--color-accent-soft);--color-jade-line:var(--color-accent-line);--color-gold:#8aac8a;--color-gold-soft:#8aac8a1f;--color-gold-line:#8aac8a59;--color-cinnabar:#c97862;--color-cinnabar-soft:#c978621f;--color-rank-sss-tint:#c4a8822e;--color-rank-s-tint:#c48c642e;--color-rank-a-tint:#8aac8a33;--color-rank-b-tint:#78a8b833;--color-rank-c-tint:#9696b833;--color-rank-d-tint:#9682b833;--color-rank-f-tint:#b8787833;--color-rank-sss-text:#d8b878;--color-rank-s-text:#d8a880;--color-rank-a-text:#a8c8a8;--color-rank-b-text:#a0c0cc;--color-rank-c-text:#b0b0cc;--color-rank-d-text:#b0a0cc;--color-rank-f-text:#d8a0a0;--color-status-reading:#c4a882;--color-status-completed:#8aac8a;--color-status-planned:#78a8b8;--color-status-hold:#d8b878;--color-status-dropped:#d8a0a0;--color-status-unread:#50505a;--glass-bg:#18181cb8;--glass-bg-heavy:#18181cd9;--glass-bg-strong:#18181cf2;--glass-border:1px solid #ffffff14;--glass-shadow:0 1px 0 #ffffff0a inset, 0 0 0 1px #0003, 0 12px 28px -16px #00000080;--glass-shadow-hover:0 1px 0 #ffffff0f inset, 0 0 0 1px #0000004d, 0 20px 40px -18px #0009}*{box-sizing:border-box}html{scrollbar-gutter:stable;overscroll-behavior-y:contain}body{background:radial-gradient(1200px 800px at 15% 10%, #b4584014, transparent 60%), radial-gradient(1000px 700px at 85% 80%, #3d5a3d0d, transparent 55%), radial-gradient(800px 600px at 50% 50%, #a082320a, transparent 60%), var(--color-bg-0);color:var(--color-text-1);font-family:var(--font-display);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern", "liga", "calt";background-attachment:fixed;margin:0;font-size:16px;line-height:1.5}[data-theme=dark] body{background-color:#0d0d0f;background-image:radial-gradient(1200px 800px at 15% 10%,#8c96b414,#0000 60%),radial-gradient(1000px 700px at 85% 80%,#788ca00d,#0000 55%),radial-gradient(800px 600px,#b4aa8c08,#0000 60%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-line-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-line-3)}:focus-visible{outline:2px solid var(--color-jade);outline-offset:2px;border-radius:4px}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.shortcuts-modal{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.15s fade-in;display:flex;position:fixed;inset:0}.shortcuts-modal__content{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);width:90%;max-width:400px;max-height:70vh;animation:scale-in .2s var(--ease-out);overflow:auto}.shortcuts-modal__header{border-bottom:1px solid var(--color-line-1);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.shortcuts-modal__header h2{font-family:var(--font-display);color:var(--color-text-1);margin:0;font-size:20px;font-weight:600}.shortcuts-modal__body{padding:16px 20px}.shortcuts-modal__item{justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.shortcuts-modal__item kbd{background:var(--color-bg-3);border:1px solid var(--color-line-2);font-family:var(--font-mono);color:var(--color-text-1);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12px}.shortcuts-modal__item span{color:var(--color-text-2);text-align:right;font-size:15px}@keyframes pulse-skeleton{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-skeleton}.animate-slide-in-right{animation:slide-in-right .28s var(--ease-out)}.animate-fade-in{animation:.2s fade-in}.animate-scale-in{animation:scale-in .18s var(--ease-out)}.animate-slide-up{animation:slide-up .2s var(--ease-out)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow)}.card-surface{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:transform .15s var(--ease-smooth), box-shadow .15s var(--ease-smooth)}.card-surface:hover{box-shadow:var(--glass-shadow-hover);transform:translateY(-1px)}[data-theme=dark] :is(.rec-card,.lb-row,.series-embed,.composer--bar,.railcard,.title-card){border-top-color:#ffffff12}[data-theme=dark] .header__add{box-shadow:0 4px 16px -6px #c4a88273}[data-theme=dark] .header__add:hover{box-shadow:0 6px 22px -6px #c4a8829e}.theme-transition,.theme-transition *{transition:background-color .3s,border-color .3s,color .3s}.trending-header{padding:28px 24px 12px}.trending-header h1{font-family:var(--font-display);color:var(--color-text-1);margin:0 0 4px;font-size:28px;font-weight:700}.trending-sub{color:var(--color-text-3);margin:0;font-size:14px}.trending-list{flex-direction:column;gap:8px;padding:12px 24px 48px;display:flex}.trending-row{text-align:left;background:var(--glass-bg);font:inherit;color:inherit;cursor:pointer;border:0;align-items:center;gap:12px;width:100%;padding:10px 12px;text-decoration:none;display:flex}.trending-row__pos{font-family:var(--font-mono);color:var(--color-text-3);min-width:28px;font-size:13px;font-weight:700}.trending-row__cover{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:48px;height:64px}.trending-row__body{flex:1;min-width:0}.trending-row__title{color:var(--color-text-1);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.trending-row__meta{color:var(--color-text-3);margin-top:2px;font-size:12px}.trending-row__followed{color:var(--color-accent);margin-top:4px;font-size:11px;font-weight:500}.trending-row__count{font-family:var(--font-mono);color:var(--color-text-2);background:var(--color-bg-2);border-radius:var(--radius-sm);flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:700}.loading-screen{background:var(--color-bg-0);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}.loading-screen__video{object-fit:contain;width:min(80vmin,560px);height:min(80vmin,560px)}.app-layout{background:var(--color-bg-0);max-width:1560px;min-height:100vh;margin:0 auto;display:flex}@media (width>=1561px){.app-layout{border-left:1px solid var(--color-line-1);border-right:1px solid var(--color-line-1)}}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-header-row{border-bottom:1px solid var(--color-line-1);background:var(--color-bg-1);z-index:50;align-items:stretch;display:flex;position:sticky;top:0}.app-header-row>.header{z-index:auto;border-bottom:none;flex:1;position:static}.app-content{flex:1;padding:0;overflow-x:hidden}.sidebar{background:var(--color-bg-1);border-right:1px solid var(--color-line-1);z-index:100;width:232px;height:100dvh;transition:transform .25s var(--ease-out);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.sidebar-backdrop{z-index:99;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{height:auto;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-backdrop{display:block}}.sidebar__brand{color:inherit;border-radius:var(--radius);align-items:center;gap:10px;padding:18px 18px 14px;text-decoration:none;transition:opacity .1s;display:flex}.sidebar__brand:hover{opacity:.8}.sidebar__brand-logo{object-fit:cover;border-radius:8px;flex-shrink:0;width:44px;height:44px}.sidebar__brand-text-wrap{flex-direction:column;line-height:1.2;display:flex}.sidebar__brand-text{font-family:var(--font-serif);color:var(--color-text-1);letter-spacing:-.01em;font-size:22px;font-weight:600}.sidebar__brand-sub{color:var(--color-text-3);margin-top:1px;font-size:11px}.sidebar__brand-text em{color:var(--color-text-2);font-style:italic;font-weight:400}.sidebar__nav{flex:0 auto;min-height:0;padding:4px 10px 0;overflow-y:auto}.sidebar__lore{border:1px solid var(--color-line-1);background:var(--color-bg-0);border-radius:8px;flex-direction:column;flex:auto;gap:10px;min-height:0;margin:8px 10px 10px;padding:18px 16px;display:flex;overflow-y:auto}.sidebar__lore>svg{color:var(--color-text-2);opacity:.5;margin-bottom:2px}.sidebar__lore-text{font-family:var(--font-serif);color:var(--color-text-1);margin:0;font-size:15px;font-style:italic;line-height:1.6}.sidebar__lore-source{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-2);opacity:.7;margin:0;font-size:11px}@media (height<=700px){.sidebar__lore{display:none}}.nav-group{margin-bottom:18px}.nav-group__title{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-2);padding:8px 10px 6px;font-size:10px;font-weight:600}.nav-item{color:var(--color-text-1);font-size:15px;font-family:var(--font-display);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--color-bg-3);color:var(--color-text-1)}.nav-item--active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.nav-item__count{font-size:11px;font-family:var(--font-mono);color:var(--color-text-2);background:var(--color-bg-2);border-radius:var(--radius-full);text-align:center;min-width:20px;margin-left:auto;padding:1px 6px;font-weight:600}.nav-item--active .nav-item__count{color:var(--color-accent);background:var(--color-accent-dim);font-weight:700}.sidebar__footer{padding:12px 10px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-line-1);background:var(--color-bg-1);flex-direction:column;flex-shrink:0;gap:8px;display:flex}.theme-switch{background:var(--color-bg-2);border:1px solid var(--color-line-1);border-radius:var(--radius-full);gap:2px;width:100%;padding:3px;display:flex}.theme-switch__btn{height:30px;color:var(--color-text-3);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .1s;display:inline-flex}.theme-switch__btn:hover{color:var(--color-text-1);background:var(--color-bg-3)}.theme-switch__btn:active{transform:scale(.96)}.theme-switch__btn.is-active{background:var(--color-bg-4);color:var(--color-text-1);box-shadow:inset 0 1px 2px #00000026}.sidebar__user{align-items:center;gap:8px;padding:6px 4px;display:flex}.sidebar__avatar{border-radius:var(--radius-full);background:var(--color-bg-3);width:28px;height:28px;color:var(--color-text-3);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.sidebar__avatar img{object-fit:cover;width:100%;height:100%}.sidebar__username{color:var(--color-text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.header{border-bottom:1px solid var(--color-line-1);background:var(--color-bg-1);z-index:50;align-items:center;gap:12px;height:56px;padding:12px 24px;display:flex;position:sticky;top:0}.header__menu{display:none}@media (width<=768px){.header__menu{display:flex}}.header__search{background:var(--color-bg-2);border:1px solid var(--color-line-1);border-radius:var(--radius-full);color:var(--color-text-3);cursor:pointer;flex:1;align-items:center;gap:8px;max-width:400px;padding:8px 14px;font-size:14px;transition:all .15s;display:flex}.header__search:hover{border-color:var(--color-line-2);color:var(--color-text-2)}.header__search span{text-align:left;flex:1}.header__add{border-radius:var(--radius-full);flex-shrink:0;margin-left:auto;padding:7px 14px;font-size:13px;font-weight:600}.header__search kbd,.search-palette__input kbd{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--color-bg-3);color:var(--color-text-3);border:1px solid var(--color-line-1);padding:2px 6px;font-size:10px}.icon-btn{width:32px;height:32px;color:var(--color-text-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.icon-btn:hover{background:var(--color-bg-3);color:var(--color-text-1)}.btn{border-radius:var(--radius-md);font-size:15px;font-weight:500;font-family:var(--font-display);cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 16px;text-decoration:none;transition:all .15s;display:inline-flex}.btn--primary{background:var(--color-jade);color:var(--color-bg-0)}.btn--primary:hover{filter:brightness(1.1)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background:var(--color-bg-3);color:var(--color-text-2);border:1px solid var(--color-line-1)}.btn--ghost:hover{color:var(--color-text-1);border-color:var(--color-line-2)}.btn--danger{background:var(--color-cinnabar-soft);color:var(--color-cinnabar);border:1px solid var(--color-cinnabar-soft)}.btn--danger:hover{background:var(--color-cinnabar);color:#fff}.page{max-width:1280px;margin:0 auto;padding:16px 24px 48px}.library-head{padding:4px 0 12px}.library-head h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.library-tabs{scrollbar-width:none;align-items:center;gap:4px;margin-bottom:16px;margin-left:-16px;margin-right:-16px;padding:0 16px;display:flex;overflow-x:auto}.library-tabs::-webkit-scrollbar{display:none}.library-tab{color:var(--color-text-3);white-space:nowrap;border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.library-tab:hover{color:var(--color-text-1)}.library-tab--active{color:var(--color-text-1);background:var(--color-bg-2);border-color:var(--color-line-2);font-weight:600}.library-tab__count{font-variant-numeric:tabular-nums;color:var(--color-text-3);font-size:11.5px;font-weight:500}.library-tab--active .library-tab__count{color:var(--color-text-2);font-weight:600}.library-mobile-head{justify-content:space-between;align-items:center;padding:4px 0 12px;display:flex;position:relative}.library-mobile-head__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text-1);margin:0;font-size:22px;font-weight:800}.sort-menu{position:relative}.sort-menu__trigger{background:var(--color-bg-2);border:1px solid var(--color-line-2);color:var(--color-text-1);font-family:var(--font-display);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.sort-menu__trigger:hover{background:var(--color-bg-3);border-color:var(--color-line-1)}.sort-menu__scrim{z-index:80;background:0 0;position:fixed;inset:0}.sort-menu__list{z-index:90;background:var(--color-bg-1);border:1px solid var(--color-line-2);border-radius:12px;flex-direction:column;gap:1px;min-width:160px;margin:0;padding:4px;list-style:none;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px -8px #00000073}.sort-menu__item{width:100%;color:var(--color-text-1);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .12s;display:block}.sort-menu__item:hover{background:var(--color-bg-2)}.sort-menu__item--active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.filterbar{flex-direction:column;align-items:stretch;gap:12px;padding:0 0 16px;display:flex}.filterbar__title{flex-shrink:0;align-items:baseline;gap:10px;display:flex}.filterbar__title h1{font-family:var(--font-serif);letter-spacing:-.01em;margin:0;font-size:30px;font-weight:600}.filterbar__count{color:var(--color-text-3);font-size:12px;font-family:var(--font-mono)}.filterbar__count--inline{white-space:nowrap;margin-left:auto;padding-left:8px}.filterbar__controls{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}@media (width<=900px){.filterbar__controls{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}}.filterbar__actions{flex-shrink:0;align-self:flex-end;align-items:center;gap:8px;display:flex}.chip{border:1px solid var(--color-line-1);background:var(--color-bg-2);color:var(--color-text-2);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--color-line-2);color:var(--color-text-1)}.chip--active{background:var(--color-jade-soft);border-color:var(--color-jade-line);color:var(--color-jade)}.chip--rank{font-family:var(--font-mono);letter-spacing:.05em;font-size:11px;font-weight:700}.chip-group{gap:4px;display:flex}.dropdown{position:relative}.dropdown__menu{background:var(--glass-bg-strong);min-width:160px;max-height:300px;-webkit-backdrop-filter:var(--glass-blur-heavy);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);z-index:60;animation:scale-in .15s var(--ease-out);padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.dropdown__menu--right{left:auto;right:0}.dropdown__item{color:var(--color-text-1);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14px;font-weight:500;transition:all .1s;display:flex}.dropdown__item:hover{background:var(--color-bg-3);color:var(--color-text-1)}.dropdown__item--active{color:var(--color-jade);background:var(--color-accent-dim)}[data-theme=dark] .dropdown__item--active{background:var(--color-accent-soft)}.title-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding:28px 24px 20px;display:grid}@media (width<=640px){.title-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:16px}}.title-card{cursor:pointer;border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);transition:all .2s var(--ease-smooth);content-visibility:auto;contain-intrinsic-size:220px;position:relative;overflow:hidden}.title-card:hover{box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.title-card__cover{aspect-ratio:2/3;background:var(--color-bg-3);position:relative;overflow:hidden}.title-card__cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease-out);display:block}.title-card:hover .title-card__cover img{transform:scale(1.04)}.title-card__cover-fallback{width:100%;height:100%;font-family:var(--font-serif);color:var(--color-text-4);background:linear-gradient(135deg, var(--color-bg-3), var(--color-bg-2));justify-content:center;align-items:center;font-size:36px;display:flex}.title-card__fav{border-radius:var(--radius-full);width:22px;height:22px;color:var(--color-gold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.title-card__rank{min-width:26px;height:22px;padding:0 6px;position:absolute;top:8px;left:8px}.title-card__status-wrap{margin:6px 12px 10px;position:relative}.sdot{background:var(--color-status-unread);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.sdot--reading{background:var(--color-status-reading)}.sdot--completed{background:var(--color-status-completed)}.sdot--planned{background:var(--color-status-planned)}.sdot--hold{background:var(--color-status-hold)}.sdot--dropped{background:var(--color-status-dropped)}.sdot--unread{background:var(--color-status-unread)}.status-menu{background:var(--color-bg-4);border:1px solid var(--color-line-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20;animation:scale-in .12s var(--ease-out);padding:4px;position:absolute;bottom:calc(100% + 6px);left:0;right:0}.status-menu__item{width:100%;color:var(--color-text-1);font-family:var(--font-display);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:7px 10px;font-size:12.5px;font-weight:500;transition:background .1s;display:flex}.status-menu__item:hover{background:var(--color-bg-3)}.status-menu__item--active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.status-menu__label{flex:1}.title-card__info{padding:10px 12px}.title-card__title{color:var(--color-text-1);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0 0 4px;font-size:13.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.title-card__meta{color:var(--color-text-3);font-size:10.5px;font-family:var(--font-sans);align-items:center;gap:6px;display:flex}.title-card__source{text-transform:capitalize}.title-card__status{color:#8a3d2a;font-weight:500}.title-card__fav-btn{background:var(--color-bg-3);width:26px;height:26px;color:var(--color-text-3);border-radius:var(--radius-full);cursor:pointer;opacity:0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;bottom:8px;right:8px}.title-card:hover .title-card__fav-btn{opacity:1}.title-card__fav-btn:hover{background:var(--color-gold-soft);color:var(--color-gold)}.rank-pill{border-radius:var(--radius-sm);background:var(--rank-color);color:#fff;font-family:var(--font-mono);letter-spacing:.05em;text-shadow:0 1px 1px #00000059;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.rank-picker{flex-wrap:wrap;gap:4px;display:flex}.rank-picker__btn{border:1px solid var(--color-line-1);background:var(--color-bg-2);width:42px;height:32px;color:var(--color-text-2);border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;font-size:12px;font-weight:700;transition:all .15s}.rank-picker__btn:hover{border-color:var(--color-line-2)}.rank-picker__btn--active{background:var(--rank-color);color:#fff;border-color:var(--rank-color);text-shadow:0 1px 2px #00000080}.panel-backdrop{z-index:200;background:#00000080;animation:.2s fade-in;position:fixed;inset:0}.detail-panel{background:var(--glass-bg-strong);width:440px;max-width:100vw;-webkit-backdrop-filter:var(--glass-blur-heavy);border-left:var(--glass-border);box-shadow:var(--glass-shadow);z-index:201;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@media (width<=640px){.detail-panel{width:100vw}}.detail-panel__header{background:var(--color-bg-1);z-index:1;justify-content:flex-end;padding:12px;display:flex;position:sticky;top:0}.detail-panel__body{padding:0 24px 32px}.detail-panel__cover{aspect-ratio:2/3;border-radius:var(--radius-md);background:var(--color-bg-3);width:140px;margin-bottom:16px;overflow:hidden}.detail-panel__cover img{object-fit:cover;width:100%;height:100%}.detail-panel__title{font-family:var(--font-serif);margin:0 0 4px;font-size:24px;font-weight:600;line-height:1.3}.detail-panel__alt{color:var(--color-text-3);margin:0 0 8px;font-size:12px}.detail-panel__public-link{color:var(--color-accent);align-items:center;gap:4px;margin:0 0 12px;font-size:12px;font-weight:500;text-decoration:none;transition:opacity .1s;display:inline-flex}.detail-panel__public-link:hover{opacity:.8}.detail-panel__meta{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.meta-chip{border-radius:var(--radius-full);background:var(--color-bg-2);color:var(--color-text-1);font-size:11px;font-family:var(--font-mono);padding:3px 9px;font-weight:500}.meta-chip--completed{color:#2d4429}.meta-chip--ongoing{color:#8a3d2a}.meta-chip--hiatus{color:var(--color-text-3)}.detail-panel__genres{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.genre-tag{border-radius:var(--radius-sm);background:var(--color-jade-soft);color:var(--color-jade);padding:3px 9px;font-size:11px;font-weight:500}a.genre-tag--link{cursor:pointer;text-decoration:none;transition:background .15s,color .15s}a.genre-tag--link:hover{background:var(--color-jade);color:var(--color-bg-1)}.detail-panel__synopsis{color:var(--color-text-2);margin:0 0 16px;font-size:16px;line-height:1.65}.detail-panel__creators{color:var(--color-text-3);flex-direction:column;gap:4px;margin-bottom:20px;font-size:12px;display:flex}.detail-panel__creators strong{color:var(--color-text-1);font-weight:500}.detail-section{margin-bottom:20px}.detail-section__label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-3);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.status-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.status-btn{border:1px solid var(--color-line-1);background:var(--color-bg-2);color:var(--color-text-2);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:8px 10px;font-size:11px;transition:all .15s;display:flex}.status-btn:hover{border-color:var(--color-line-2);color:var(--color-text-1)}.status-btn--active{background:var(--color-jade-soft);border-color:var(--color-jade-line);color:var(--color-jade)}.status-btn__glyph{font-size:14px}.fav-toggle{border:1px solid var(--color-line-1);background:var(--color-bg-2);color:var(--color-text-2);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:14px;transition:all .15s;display:flex}.fav-toggle:hover{border-color:var(--color-line-2)}.fav-toggle--active{background:var(--color-gold-soft);border-color:var(--color-gold-line);color:var(--color-gold)}.chapter-tracker{align-items:center;gap:8px;display:flex}.chapter-tracker input{border:1px solid var(--color-line-1);background:var(--color-bg-2);width:70px;color:var(--color-text-1);border-radius:var(--radius-sm);font-family:var(--font-mono);text-align:center;padding:7px 10px;font-size:14px}.chapter-tracker input:focus{border-color:var(--color-jade);outline:none}.chapter-btn{border:1px solid var(--color-line-1);background:var(--color-bg-2);width:30px;height:30px;color:var(--color-text-1);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.chapter-btn:hover{background:var(--color-bg-3)}.chapter-total{color:var(--color-text-3);font-size:12px;font-family:var(--font-mono)}.notes-input,.bio-input{border:1px solid var(--color-line-1);background:var(--color-bg-2);width:100%;color:var(--color-text-1);border-radius:var(--radius-sm);font-family:var(--font-sans);resize:vertical;min-height:80px;padding:10px 12px;font-size:14px}.notes-input:focus{border-color:var(--color-jade);outline:none}.empty-state{color:var(--color-text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.empty-state h3{font-family:var(--font-serif);color:var(--color-text-2);margin:12px 0 6px;font-size:20px;font-weight:600}.empty-state p{margin:0;font-size:14px}.pixel-empty{color:var(--color-text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:56px 24px;display:flex}.pixel-empty__art{image-rendering:pixelated;image-rendering:crisp-edges;opacity:.96;margin:0 auto 14px;display:block}.pixel-empty__title{font-family:var(--font-serif);color:var(--color-text-2);margin:0 0 6px;font-size:20px;font-weight:600}.pixel-empty__body{max-width:320px;margin:0;font-size:14px;line-height:1.55}.pixel-empty--inline{padding:28px 16px}.pixel-empty--inline .pixel-empty__art{margin-bottom:10px;width:40px!important;height:40px!important}.pixel-empty--inline .pixel-empty__title{font-size:16px}.pixel-empty--inline .pixel-empty__body{font-size:13px}.search-palette{z-index:300;background:#0009;justify-content:center;align-items:flex-start;padding-top:120px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.search-palette__inner{background:var(--glass-bg-strong);width:100%;max-width:560px;-webkit-backdrop-filter:var(--glass-blur-heavy);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);animation:scale-in .18s var(--ease-out);overflow:hidden}.search-palette__input{border-bottom:1px solid var(--color-line-1);color:var(--color-text-3);align-items:center;gap:10px;padding:14px 18px;display:flex}.search-palette__input input{color:var(--color-text-1);font-size:15px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.search-palette__results{max-height:420px;padding:6px;overflow-y:auto}.search-palette__empty{text-align:center;color:var(--color-text-3);padding:24px;font-size:14px}.search-palette__item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:8px 10px;transition:background .1s;display:flex}.search-palette__item--active{background:var(--color-accent-soft)}.search-palette__item-title{color:var(--color-text-1);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.search-palette__item img{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:32px;height:48px}.search-palette__item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.search-palette__item-meta{color:var(--color-text-3);font-size:11px;font-family:var(--font-mono)}.toast-container{z-index:400;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-full);color:var(--color-text-1);box-shadow:var(--glass-shadow);animation:slide-up .2s var(--ease-out);align-items:center;gap:8px;padding:10px 18px;font-size:14px;display:flex}.toast__icon{color:var(--color-accent);justify-content:center;align-items:center;display:flex}.toast__message{flex:1}.toast--fixed{position:fixed}.offline-banner{padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:var(--color-bg-3,#000000d9);color:var(--color-text-1);letter-spacing:.01em;z-index:95;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;animation:.22s ease-out offlineBannerIn;display:flex;position:relative}.offline-banner__icon{color:var(--color-text-1);flex-shrink:0}.offline-banner__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.offline-banner--online{background:var(--color-accent-soft,#7c5cff2e);color:var(--color-text-1);animation:.22s ease-out offlineBannerIn}@keyframes offlineBannerIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-page{background:var(--color-bg-0);min-height:100vh;display:flex}.auth-brand{background:var(--color-bg-1);border-right:1px solid var(--color-line-1);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.auth-brand__logo{margin-bottom:24px}.auth-brand__logo img{border-radius:10px}.auth-brand__title{font-family:var(--font-display);letter-spacing:-.03em;text-align:center;color:var(--color-text-1);margin:0;font-size:42px;font-weight:600;line-height:1.2}.auth-brand__tagline{color:var(--color-text-2);text-align:center;letter-spacing:-.005em;margin-top:16px;font-size:15px;font-weight:500;line-height:1.4}.auth-form-wrap{flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.auth-card{width:100%;max-width:360px}.auth-card__title{font-family:var(--font-serif);margin:0 0 6px;font-size:26px;font-weight:600}.auth-card__subtitle{color:var(--color-text-3);margin:0 0 28px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-error{background:var(--color-cinnabar-soft);border:1px solid var(--color-cinnabar-soft);border-radius:var(--radius-sm);color:var(--color-cinnabar);padding:10px 14px;font-size:12px}.auth-honeypot{opacity:0;pointer-events:none;clip:rect(0, 0, 0, 0);clip-path:inset(50%);width:1px;height:1px;position:absolute;top:-9999px;left:-9999px;overflow:hidden}.auth-success{text-align:center;color:var(--color-text-2);padding:20px;font-size:14px;line-height:1.7}.auth-success strong{color:var(--color-text-1)}.auth-switch{text-align:center;color:var(--color-text-3);margin-top:4px;font-size:12px}.auth-switch a{color:var(--color-jade);text-decoration:none}.auth-switch a:hover{text-decoration:underline}@media (width<=768px){.auth-page{flex-direction:column}.auth-brand{border-right:none;border-bottom:1px solid var(--color-line-1);padding:32px 24px}.auth-brand__title{font-size:28px}}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--color-text-2);font-size:12px;font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--color-line-1);background:var(--color-bg-2);color:var(--color-text-1);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-sans);padding:9px 12px;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-jade);outline:none}.field input::placeholder,.field textarea::placeholder{color:var(--color-text-4)}.modal-overlay{z-index:300;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.glass-surface,.modal,.settings-section{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.modal{flex-direction:column;width:100%;max-width:540px;max-height:85vh;display:flex;overflow:hidden}.modal__header{border-bottom:1px solid var(--color-line-1);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal__header h2{font-family:var(--font-serif);margin:0;font-size:22px;font-weight:600}.modal__body{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.confirm-backdrop{z-index:400;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.confirm-dialog{text-align:center;width:100%;max-width:380px;animation:scale-in .2s var(--ease-smooth);padding:28px 24px 20px}.confirm-dialog__icon{border-radius:var(--radius-full);background:var(--color-accent-soft);width:48px;height:48px;color:var(--color-accent);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.confirm-dialog__message{color:var(--color-text-2);margin:0 0 24px;font-size:15px;line-height:1.5}.confirm-dialog__actions{justify-content:center;gap:12px;display:flex}.confirm-dialog__actions .btn{min-height:44px;padding:10px 24px;font-size:15px;font-weight:600}.avatar-lightbox-backdrop{z-index:500;animation:fade-in .15s var(--ease-smooth);background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.avatar-lightbox{animation:scale-in .2s var(--ease-smooth);flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.avatar-lightbox img{object-fit:cover;border-radius:var(--radius-full);width:min(70vw,360px);height:min(70vw,360px);box-shadow:0 20px 60px #00000080}.avatar-lightbox__name{color:#fff;font-size:15px;font-weight:600}.avatar-lightbox__close{border-radius:var(--radius-full);color:#fff;cursor:pointer;width:36px;height:36px;transition:background .15s var(--ease-smooth);background:#ffffff1f;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:-40px;right:-8px}.avatar-lightbox__close:hover{background:#ffffff38}.modal__footer{border-top:1px solid var(--color-line-1);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.ach-modal{max-width:640px}.ach-modal__dot{color:var(--color-accent)}.ach-modal__subtitle{color:var(--color-text-3);margin:4px 0 0;font-size:13px;font-weight:500}.ach-modal__pct{color:var(--color-text-3);font-variant-numeric:tabular-nums}.ach-modal__body{flex-direction:column;gap:18px;padding:20px 24px;display:flex}.ach-modal__loading,.ach-modal__empty{text-align:center;color:var(--color-text-3);padding:40px 0;font-size:14px}.ach-modal__category-hint{color:var(--color-text-3);margin:-6px 2px 0;font-size:13px;line-height:1.4}.ach-modal__filters{flex-wrap:wrap;gap:6px;display:flex}.ach-chip{appearance:none;border:1px solid var(--color-line-1);color:var(--color-text-2);font:inherit;letter-spacing:.01em;cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.ach-chip:hover{background:var(--color-bg-1);border-color:var(--color-line-2)}.ach-chip--active{background:var(--color-bg-2);color:var(--color-bg-1);border-color:var(--color-bg-2)}.ach-chip--active:hover{background:var(--color-bg-2);color:var(--color-bg-1)}.ach-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=540px){.ach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ach-card{appearance:none;border:1px solid var(--color-line-1);border-radius:var(--radius-md);background:var(--color-bg-1);text-align:left;cursor:pointer;font:inherit;color:inherit;flex-direction:column;align-items:flex-start;gap:8px;min-height:110px;padding:14px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.ach-card:hover{border-color:var(--color-line-2);transform:translateY(-1px)}.ach-card:active{transform:translateY(0)}.ach-card--unlocked{background:var(--color-bg-1)}.ach-card--unlocked:hover{border-color:var(--color-accent);box-shadow:0 4px 14px #b458401f}.ach-card--locked{opacity:.78;background:0 0}.ach-card--locked:hover{opacity:1}.ach-card__icon{background:var(--color-bg-2);width:44px;height:44px;color:var(--color-text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,color .18s,box-shadow .18s,transform .18s;display:flex}.ach-card--unlocked .ach-card__icon{background:var(--ach-color,var(--color-accent));color:var(--color-bg-1);box-shadow:inset 0 1px #ffffff2e}.ach-card--unlocked:hover .ach-card__icon{background:var(--ach-color,var(--color-accent-hover,var(--color-accent)));transform:scale(1.04)}.ach-card--locked .ach-card__icon{background:var(--color-bg-0);color:var(--color-text-3);border:1px dashed var(--color-line-2);filter:grayscale(.5);opacity:.7}.ach-card--locked:hover .ach-card__icon{opacity:1;filter:grayscale(0)}.ach-card--just-unlocked .ach-card__icon{animation:ach-unlock-burst 1.4s var(--ease-smooth) 1}@keyframes ach-unlock-burst{0%{box-shadow:inset 0 1px 0 #ffffff2e, 0 0 0 0 var(--ach-color-soft,var(--color-accent-soft));transform:scale(.6)}35%{box-shadow:inset 0 1px 0 #ffffff40, 0 0 0 14px var(--ach-color-soft,var(--color-accent-soft));transform:scale(1.18)}70%{box-shadow:inset 0 1px 0 #fff3, 0 0 0 6px var(--ach-color-soft,var(--color-accent-soft));transform:scale(.96)}to{box-shadow:inset 0 1px 0 #ffffff2e, 0 0 0 0 var(--ach-color-soft,var(--color-accent-soft));transform:scale(1)}}.ach-card--just-unlocked.ach-card--unlocked{animation:ach-card-glow 1.4s var(--ease-smooth) 1;border-color:var(--ach-color,var(--color-accent))}@keyframes ach-card-glow{0%{box-shadow:0 0 0 0 var(--ach-color-soft,var(--color-accent-soft))}40%{box-shadow:0 0 0 6px var(--ach-color-soft,var(--color-accent-soft))}to{box-shadow:0 0 0 0 var(--ach-color-soft,var(--color-accent-soft))}}@media (prefers-reduced-motion:reduce){.ach-card--just-unlocked .ach-card__icon,.ach-card--just-unlocked.ach-card--unlocked{animation:none}}.ach-card__name{color:var(--color-text-1);font-size:14px;font-weight:700;line-height:1.2}.ach-card__hint{color:var(--color-text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.ach-card__progress{width:100%;color:var(--color-text-3);font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;margin-top:auto;font-size:11px;font-weight:600;display:flex}.ach-bar{background:var(--color-bg-2);border-radius:999px;width:100%;height:6px;overflow:hidden}.ach-bar__fill{background:var(--ach-color,var(--color-accent));height:100%;transition:width .3s var(--ease-smooth);border-radius:999px}.ach-bar--mini{height:4px}.ach-modal__footer{justify-content:space-between;align-items:center;gap:12px}.ach-modal__footer .ach-bar{flex:1;height:4px}.ach-modal__footer-text{color:var(--color-text-3);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.ach-detail{flex-direction:column;gap:18px;display:flex}.ach-detail__back{appearance:none;color:var(--color-text-3);font:inherit;cursor:pointer;letter-spacing:.01em;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;margin:0 0 4px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.ach-detail__back:hover{color:var(--color-text-1)}.ach-detail__hero{align-items:center;gap:16px;display:flex}.ach-detail__icon{background:var(--color-bg-1);width:72px;height:72px;color:var(--color-text-3);border:1px dashed var(--color-line-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .2s,box-shadow .2s;display:flex}.ach-detail__icon--unlocked{background:var(--ach-color,var(--color-accent));color:var(--color-bg-1);border-color:var(--color-bg-2);box-shadow:inset 0 2px #ffffff2e}.ach-detail--just-unlocked .ach-detail__icon--unlocked{animation:ach-detail-burst 1.6s var(--ease-smooth) 1}@keyframes ach-detail-burst{0%{box-shadow:inset 0 2px 0 #ffffff2e, 0 0 0 0 var(--ach-color-soft,var(--color-accent-soft));transform:scale(.5)}35%{box-shadow:inset 0 2px 0 #ffffff47, 0 0 0 24px var(--ach-color-soft,var(--color-accent-soft));transform:scale(1.12)}70%{box-shadow:inset 0 2px 0 #ffffff38, 0 0 0 10px var(--ach-color-soft,var(--color-accent-soft));transform:scale(.97)}to{box-shadow:inset 0 2px 0 #ffffff2e, 0 0 0 0 var(--ach-color-soft,var(--color-accent-soft));transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ach-detail--just-unlocked .ach-detail__icon--unlocked{animation:none}}.ach-detail__heading{flex-direction:column;gap:4px;min-width:0;display:flex}.ach-detail__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-3);font-size:11px;font-weight:700}.ach-detail__name{font-family:var(--font-serif);color:var(--color-text-1);margin:0;font-size:22px;font-weight:600;line-height:1.15}.ach-detail__status{margin-top:2px}.ach-pill{letter-spacing:.02em;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.ach-pill--unlocked{background:var(--ach-color,var(--color-accent));color:var(--color-bg-1)}.ach-pill--locked{background:var(--color-bg-1);color:var(--color-text-3);border:1px solid var(--color-line-1)}.ach-detail__section{flex-direction:column;gap:6px;display:flex}.ach-detail__label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-3);margin:0;font-size:11px;font-weight:700}.ach-detail__body{color:var(--color-text-1);margin:0;font-size:14px;line-height:1.55}.ach-detail__requirement{color:var(--color-text-2);font-style:italic}.ach-detail__progress-head{justify-content:space-between;align-items:baseline;display:flex}.ach-detail__progress-count{color:var(--color-text-1);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.ach-toast{z-index:400;appearance:none;background:var(--color-accent);color:var(--color-bg-1);border:1px solid var(--color-bg-2);border-radius:var(--radius-md);font:inherit;text-align:left;cursor:pointer;opacity:0;transition:transform .3s var(--ease-smooth), opacity .3s var(--ease-smooth);align-items:center;gap:12px;max-width:320px;padding:12px 16px;display:inline-flex;position:fixed;top:16px;right:16px;transform:translate(calc(100% + 24px));box-shadow:0 10px 30px #0000004d}.ach-toast--show{opacity:1;transform:translate(0)}.ach-toast:hover{box-shadow:0 14px 36px #00000059}.ach-toast__icon{background:var(--color-bg-2);width:36px;height:36px;color:var(--color-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ach-toast__body{flex-direction:column;gap:2px;min-width:0;display:flex}.ach-toast__eyebrow{text-transform:uppercase;letter-spacing:.1em;opacity:.85;font-size:10px;font-weight:700}.ach-toast__name{color:var(--color-bg-1);font-size:14px;font-weight:700;line-height:1.2}.form-row{gap:12px;display:flex}.form-row .field{flex:1}.tag-input{border:1px solid var(--color-line-1);background:var(--color-bg-2);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:7px 10px;display:flex}.tag-input input{min-width:80px;color:var(--color-text-1);background:0 0;border:none;outline:none;flex:1;padding:2px 0;font-size:12px}.tag{background:var(--color-bg-3);color:var(--color-text-1);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.tag button{color:var(--color-text-3);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.tag button:hover{color:var(--color-cinnabar)}.tag--genre{background:var(--color-jade-soft);color:var(--color-jade)}.cover-preview{aspect-ratio:2/3;border-radius:var(--radius-sm);border:1px solid var(--color-line-1);width:80px;overflow:hidden}.cover-preview img{object-fit:cover;width:100%;height:100%}.library-actions{gap:10px;padding:12px 24px 0;display:flex}.settings-page{max-width:680px}.settings-sections{flex-direction:column;gap:24px;padding:24px 0;display:flex}.settings-section{flex-direction:column;gap:12px;padding:20px;display:flex}.settings-section--danger{border-color:var(--color-cinnabar-soft)}.pending-titles-list{flex-direction:column;gap:12px;display:flex}.pending-title-item{border:1px solid var(--color-surface-border,#ffffff0f);background:var(--color-surface-2,#ffffff05);border-radius:8px;align-items:flex-start;gap:16px;padding:12px 14px;display:flex}.pending-title-item__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pending-title-item__name{font-size:15px;font-weight:600}.pending-title-item__meta{color:var(--color-text-muted,#888);font-size:12px}.pending-title-item__synopsis{color:var(--color-text-secondary,#aaa);margin:4px 0 0;font-size:13px;line-height:1.4}.pending-title-item__actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.btn--sm{gap:4px;padding:4px 10px;font-size:12px}.settings-section__title{font-family:var(--font-serif);margin:0;font-size:16px;font-weight:600}.settings-section__desc{color:var(--color-text-3);margin:0;font-size:12px}.settings-section__actions{flex-wrap:wrap;gap:10px;display:flex}.settings-section__row{background:var(--color-bg-2);border:1px solid var(--color-line-1);border-radius:var(--radius-md,8px);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.federation-opt-in{border-color:var(--color-line-2)}.email-pref-list{flex-direction:column;gap:2px;display:flex}.email-pref-row{border-radius:var(--radius-md,8px);justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;transition:opacity .15s;display:flex}.email-pref-row--master{background:var(--color-bg-2);border:1px solid var(--color-line-1);margin-bottom:6px}.email-pref-row--disabled{opacity:.45}.email-pref-row__text{flex-direction:column;gap:2px;min-width:0;display:flex}.email-pref-row__label{font-size:13px;font-weight:600}.email-pref-row__hint{color:var(--color-text-3);font-size:11px}.switch{background:var(--color-line-1);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:40px;height:24px;padding:0;transition:background .15s;position:relative}.switch:disabled{cursor:not-allowed}.switch--on{background:var(--color-accent)}.switch__thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.switch--on .switch__thumb{transform:translate(16px)}.remote-follow-form{flex-direction:column;gap:12px;padding:4px 0;display:flex}.remote-follow__hint{color:var(--color-text-3);font-size:14px}.remote-follow__input{border:1px solid var(--color-line-2);background:var(--color-bg-2);width:100%;color:var(--color-text-1);font:inherit;border-radius:8px;padding:10px 14px;font-size:15px}.remote-follow__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft,#b65c3f26);outline:none}.remote-follow__examples{color:var(--color-text-3);align-items:center;gap:6px;font-size:13px;display:flex}.remote-follow__example{color:var(--color-accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:2px 0;font-size:13px}.remote-follow__example:hover{text-decoration:underline}.remote-follow__submit{align-self:flex-start}.remote-follow__status{color:var(--color-text-3);flex-direction:column;align-items:center;gap:12px;padding:32px 0;display:flex}.remote-follow__preview{align-items:center;gap:16px;padding:8px 0;display:flex}.remote-follow__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:64px;height:64px}.remote-follow__avatar--fallback{background:var(--color-accent);color:var(--color-bg-1);justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.remote-follow__info{flex:1;min-width:0}.remote-follow__name{color:var(--color-text-1);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.remote-follow__handle{color:var(--color-text-3);font-size:14px}.remote-follow__error{color:var(--color-text-3);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 0;display:flex}.remote-follow__error-msg{word-break:break-word;max-width:360px;font-size:.875rem;line-height:1.4}.federation-following-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.federation-following-item{background:var(--color-bg-2);border:1px solid var(--color-line-1);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.federation-following-item__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.federation-following-item__avatar--fallback{background:var(--color-accent);color:var(--color-bg-1);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.federation-following-item__info{flex:1;min-width:0}.federation-following-item__name{color:var(--color-text-1);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.federation-following-item__handle{color:var(--color-text-3);font-size:13px}.federation-following-item__state{text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg-3);color:var(--color-text-3);border-radius:4px;padding:2px 8px;font-size:11px}.federation-following-item__state--accepted{background:var(--color-rank-n-tint,#4d7a5226);color:var(--color-rank-n-text,#4d7a52)}.federation-opt-in__details{color:var(--color-text-2);flex-direction:column;gap:6px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.federation-opt-in__details li{padding-left:16px;position:relative}.federation-opt-in__details li:before{content:"·";color:var(--color-text-3);font-weight:700;position:absolute;left:4px}.federation-opt-in__label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-3);flex-shrink:0;min-width:80px;font-size:10px;font-weight:600}.federation-opt-in__url{font-family:var(--font-mono,monospace);color:var(--color-accent,var(--color-text-1));word-break:break-all;flex:1;min-width:0;font-size:11px;text-decoration:none}.federation-opt-in__url:hover{text-decoration:underline}.federation-toggle{cursor:pointer}.federation-toggle.is-active{color:var(--color-accent);background:var(--color-accent-dim)}.federation-toggle__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.federation-toggle__label{align-items:center;gap:5px;display:inline-flex}.federated-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--color-rank-b,#a0c0cc);border:1px solid #4a7a8a66;align-items:center;gap:4px;font-size:10px;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.federated-badge{border:1px solid color-mix(in srgb, var(--color-rank-b,#a0c0cc) 40%, transparent)}}.federated-badge{vertical-align:middle;border-radius:4px;padding:1px 6px;line-height:1}.federated-badge svg{flex-shrink:0}.settings-avatar-preview{align-items:center;gap:14px;padding:8px 0;display:flex}.settings-avatar-preview img{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-line-2);flex-shrink:0;width:56px;height:56px}.settings-avatar-placeholder{border-radius:var(--radius-full);background:var(--color-bg-3);border:2px solid var(--color-line-1);width:56px;height:56px;color:var(--color-text-3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-avatar-info{flex-direction:column;gap:2px;display:flex}.settings-avatar-name{color:var(--color-text-1);margin:0;font-size:15px;font-weight:600}.settings-avatar-hint{color:var(--color-text-3);margin:0;font-size:11px}.settings-avatar-upload-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bio-input:focus{border-color:var(--color-jade);outline:none}.field__hint{color:var(--color-text-3);margin-top:4px;font-size:11px;display:block}.tier-view{max-width:1280px;margin:0 auto;padding:16px 24px 0}.tier-view__header{align-items:baseline;gap:12px;padding:8px 0 14px;display:flex}.tier-view__header h1{font-family:var(--font-serif);letter-spacing:-.01em;margin:0;font-size:30px;font-weight:600}.tier-view__count{color:var(--color-text-3);font-size:12px;font-family:var(--font-mono)}.tier-view__header .tier-view__hint{color:var(--color-text-3);margin:0 0 0 auto;font-size:12px;font-style:normal}.tier-list{flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.tier-row{border-radius:var(--radius-lg);border:1px solid var(--color-line-1);background:var(--color-bg-1);min-height:84px;display:flex;overflow:hidden}.tier-row__label{background:var(--rank-color);flex-shrink:0;width:132px;padding:12px 14px}@supports (color:color-mix(in lab, red, red)){.tier-row__label{background:color-mix(in srgb, var(--rank-color) 12%, var(--color-bg-1))}}.tier-row__label{border-right:1px solid var(--rank-color)}@supports (color:color-mix(in lab, red, red)){.tier-row__label{border-right:1px solid color-mix(in srgb, var(--rank-color) 30%, var(--color-line-1))}}.tier-row__label{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:flex}.tier-row__rank{font-family:var(--font-mono);letter-spacing:.02em;color:var(--rank-color);font-size:22px;font-weight:800;line-height:1}.tier-row__tagline{color:var(--color-text-3);font-size:10px;line-height:1.2}.tier-row__count{font-size:10.5px;font-family:var(--font-mono);color:var(--rank-color);font-weight:600}@supports (color:color-mix(in lab, red, red)){.tier-row__count{color:color-mix(in srgb, var(--rank-color) 70%, var(--color-text-2))}}.tier-row__items{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;padding:10px 12px;display:flex}.tier-row__empty{color:var(--color-text-4);font-size:12px;font-style:italic}.tier-card{border-radius:var(--radius-sm);cursor:grab;background:var(--color-bg-3);border:1px solid var(--color-line-1);flex-shrink:0;width:44px;height:60px;transition:transform .15s;position:relative;overflow:hidden}.tier-card:hover{z-index:1;transform:scale(1.08)}.tier-card img{object-fit:cover;width:100%;height:100%}.tier-card__title{color:var(--color-text-1);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#000c;padding:2px 4px;font-size:9px;display:none;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.tier-card:hover .tier-card__title{display:block}.tier-card--touch{cursor:pointer;width:52px;height:72px}.tier-card--touch .tier-card__title{background:linear-gradient(#0000 0%,#000000d9 100%);padding-top:14px;font-size:8.5px;display:block}.tier-card--touch:active{transform:scale(.96)}.tier-pool{z-index:5;background:var(--color-bg-1);border-top:1px solid var(--color-line-2);margin:0 -24px;padding:12px 24px 14px;position:sticky;bottom:0;box-shadow:0 -12px 28px -18px #0006}.app-layout--touch .tier-pool{bottom:calc(64px + env(safe-area-inset-bottom,0px))}.tier-pool__header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.tier-pool__header span:first-child{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-2);font-size:11px;font-weight:700}.tier-pool__count{color:var(--color-text-3);font-size:11px;font-family:var(--font-mono);background:var(--color-bg-2);border:1px solid var(--color-line-1);border-radius:var(--radius-full);padding:1px 8px}.tier-pool__hint{color:var(--color-text-3);margin-left:auto;font-size:11.5px}.tier-pool__items{scrollbar-width:thin;align-items:center;gap:8px;min-height:76px;padding-bottom:4px;display:flex;overflow-x:auto}.community-rankings{flex-direction:column;gap:8px;display:flex}.community-rank-row{align-items:flex-start;gap:10px;display:flex}.community-rank-badge{min-width:32px;height:24px;padding:0 6px}.community-rank-users{flex-wrap:wrap;gap:6px;padding-top:2px;display:flex}.community-user-chip{background:var(--color-bg-3);color:var(--color-text-2);border-radius:var(--radius-full);align-items:center;padding:3px 10px;font-size:12px;text-decoration:none;transition:all .15s;display:inline-flex}.community-user-chip:hover{background:var(--color-bg-4);color:var(--color-text-1)}.community-user-chip--you{background:var(--color-jade-soft);color:var(--color-jade)}.user-search-input{border:1px solid var(--color-line-1);background:var(--color-bg-2);color:var(--color-text-1);border-radius:var(--radius-full);font-size:14px;font-family:var(--font-sans);outline:none;width:220px;padding:6px 14px;transition:border-color .15s}.user-search-input:focus{border-color:var(--color-jade)}.user-rank-filters{flex-wrap:wrap;gap:6px;padding:0 24px 16px;display:flex}@media (width<=640px){.user-rank-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:12px;overflow-x:auto}.user-rank-filters::-webkit-scrollbar{display:none}}.leaderboard{flex-direction:column;gap:8px;max-width:780px;margin:0 auto;padding:4px 0 48px;list-style:none;display:flex}.lb-row{color:inherit;background:var(--color-bg-1);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);transition:border-color .16s var(--ease-smooth), box-shadow .16s var(--ease-smooth), transform .16s var(--ease-smooth);align-items:center;gap:14px;padding:12px 16px;text-decoration:none;display:flex}.lb-row:hover{border-color:var(--color-line-2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.lb-row--me{border-color:var(--color-accent-line);background:linear-gradient(120deg, var(--color-accent-soft), transparent 60%), var(--color-bg-1)}.lb-row__pos{flex-shrink:0;justify-content:center;align-items:center;width:28px;display:flex}.lb-row__pos-num{font-family:var(--font-mono);color:var(--color-text-3);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.lb-row__pos-dot{color:var(--color-text-4)}.lb-row--top .lb-row__pos-num{border-radius:var(--radius-full);color:#2a2013;width:26px;height:26px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.lb-row--top1 .lb-row__pos-num{background:linear-gradient(135deg,#f4d06a,#c99a3a)}.lb-row--top2 .lb-row__pos-num{background:linear-gradient(135deg,#dfe3e8,#a9b0ba)}.lb-row--top3 .lb-row__pos-num{background:linear-gradient(135deg,#e0a978,#b47a4a)}.lb-row__avatar{border-radius:var(--radius-full);background:var(--color-bg-3);flex-shrink:0;width:46px;height:46px;overflow:hidden}.lb-row__avatar img{object-fit:cover;width:100%;height:100%}.lb-row__avatar-fallback{color:#fff;text-shadow:0 1px 2px #00000040;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:700;display:flex}.lb-row__body{flex:1;min-width:0}.lb-row__name-row{align-items:center;gap:8px;min-width:0;display:flex}.lb-row__name{color:var(--color-text-1);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:15px;font-weight:600;overflow:hidden}.lb-row__you{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-accent-line);border-radius:var(--radius-full);flex-shrink:0;padding:1px 6px;font-size:9px;font-weight:700}.lb-row__match{border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.02em;background:var(--color-accent-soft);color:var(--color-accent);white-space:nowrap;flex-shrink:0;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700}.lb-row__meta{color:var(--color-text-3);margin:2px 0 8px;font-size:11.5px}.lb-row__ranked{font-family:var(--font-mono);color:var(--color-text-2);font-variant-numeric:tabular-nums;font-weight:700}.lb-row__dist{max-width:340px}.chip--rank{font-family:var(--font-mono);letter-spacing:.05em;background:var(--rank-tint,var(--color-bg-2));color:var(--rank-text,var(--color-text-2));border-color:#0000;font-size:11px;font-weight:700}.chip--rank.chip--active{background:var(--rank-color);color:#fff;border-color:var(--rank-color);text-shadow:0 1px 1px #00000059}.back-link{color:var(--color-text-3);align-items:center;gap:4px;margin-bottom:4px;font-size:12px;text-decoration:none;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--color-text-1)}.back-link svg{transform:rotate(180deg)}.feed-title{font-family:var(--font-serif);letter-spacing:-.01em;margin:0;padding-bottom:10px;font-size:26px;font-weight:600;line-height:1.1}.embed__series-title{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}.feed-page{padding:32px 24px 48px}.feed-layout{align-items:flex-start;gap:32px;width:100%;max-width:1100px;margin:0 auto;display:flex}.feed-main{flex:1;width:100%;min-width:0;max-width:660px}@media (width<=1099px){.feed-main{max-width:660px;margin:0 auto}}.feed-header{border-bottom:1px solid var(--color-line-2);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 20px;margin-bottom:20px;padding-bottom:0;display:flex}.feed-tabs{background:var(--color-bg-2);border:1px solid var(--color-line-1);border-radius:9px;gap:2px;padding:3px;display:inline-flex;position:relative}.feed-tabs__indicator{border-radius:var(--radius-xl);background:var(--color-bg-4);box-shadow:var(--shadow-sm);transition:transform .28s var(--ease-smooth), width .28s var(--ease-smooth);z-index:0;pointer-events:none;position:absolute;top:3px;bottom:3px;left:0}.feed-tab{z-index:1;border-radius:var(--radius-xl);color:var(--color-text-3);cursor:pointer;white-space:nowrap;transition:color .16s var(--ease-smooth);padding:6px 13px;font-size:12.5px;font-weight:600;position:relative}.feed-tab:hover,.feed-tab--active,.feed-tab--active:hover{color:var(--color-text-1)}@media (prefers-reduced-motion:reduce){.feed-tabs__indicator{transition:none}}.composer{background:var(--color-bg-1);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);transition:border-color .16s var(--ease-smooth), box-shadow .16s var(--ease-smooth);margin-bottom:24px;padding:12px 14px}.composer:focus-within{border-color:var(--color-accent-line);box-shadow:0 0 0 3px var(--color-accent-soft)}.composer__top{align-items:flex-start;gap:12px;width:100%;min-width:0;display:flex}.composer__field{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.composer__avatar{border-radius:var(--radius-md);border:1px solid var(--color-line-1);flex-shrink:0;width:38px;height:38px;overflow:hidden}.composer__avatar img{object-fit:cover;width:100%;height:100%}.composer__avatar-fallback{color:#fff;text-shadow:0 1px 2px #00000040;justify-content:center;align-items:center;width:100%;height:100%;font-size:15px;font-weight:700;display:flex}.composer__input{width:100%;min-width:0;min-height:44px;color:var(--color-text-1);resize:none;background:0 0;border:none;outline:none;padding:8px 0;font-family:inherit;font-size:15px;line-height:1.5}.composer__input::placeholder{color:var(--color-text-faint)}.composer__actions{justify-content:space-between;align-items:center;margin-top:4px;margin-left:50px;padding:8px 0 0;display:flex}.composer__tools{align-items:center;gap:6px;display:flex}.composer__tool{border-radius:var(--radius-full);border:1px solid var(--color-line-1);background:var(--color-bg-2);color:var(--color-text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:6px 11px;font-size:12.5px;font-weight:600;transition:color .14s,background .14s,border-color .14s;display:inline-flex}.composer__tool:hover{color:var(--color-text-1);border-color:var(--color-line-2)}.composer__tool.is-active,.composer__tool.is-set{color:var(--color-accent);border-color:var(--color-accent-line);background:var(--color-accent-soft)}.composer__post{border-radius:var(--radius-full);background:var(--color-accent);color:#fff;cursor:pointer;border:none;padding:7px 18px;font-size:13px;font-weight:600;transition:opacity .1s,filter .1s}.composer__post:not(:disabled):hover{filter:brightness(1.06)}.composer__post:disabled{opacity:.4;cursor:default}.title-picker{border:1px solid var(--color-line-1);border-radius:var(--radius);background:var(--color-bg-3);max-height:240px;margin:10px 0 0 46px;overflow-y:auto}.title-picker__search{border:none;border-bottom:1px solid var(--color-line-1);width:100%;color:var(--color-text-1);background:0 0;outline:none;padding:8px 10px;font-family:inherit;font-size:14px}.title-picker__item{cursor:pointer;align-items:center;gap:8px;padding:8px 10px;transition:background .1s;display:flex}.title-picker__item:hover{background:var(--color-bg-2)}.title-picker__item--selected{background:var(--color-accent-dim)}.title-picker__cover{object-fit:cover;border-radius:3px;flex-shrink:0;width:24px;height:32px}.title-picker__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.title-picker__check{color:var(--color-accent);font-size:15px}.composer__selected{flex-wrap:wrap;gap:6px;display:flex}.composer__series-chip{background:var(--color-bg-3);border:1px solid var(--color-line-1);border-radius:var(--radius);align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.composer__series-cover{object-fit:cover;border-radius:2px;width:20px;height:28px}.composer__series-name{font-size:12px;font-weight:500}.composer__series-remove{color:var(--color-text-3);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px}.composer__series-remove:hover{color:var(--color-accent)}.composer__rank-chip{cursor:pointer;color:var(--color-text-3);align-items:center;gap:4px;margin:8px 0 0 46px;font-size:12px;display:inline-flex}.composer__count{color:var(--color-text-faint);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;margin-left:auto;font-size:11px}.composer-backdrop{z-index:9000;background:#00000080;animation:.15s ease-out composer-fade-in;position:fixed;inset:0}.composer-sheet{background:var(--color-bg-1);z-index:9100;width:100%;min-width:0;padding-bottom:var(--ds-keyboard-height,0px);padding-bottom:max(var(--ds-keyboard-height,0px), env(safe-area-inset-bottom,0px));touch-action:pan-y;overscroll-behavior:contain;border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;animation:.2s ease-out composer-slide-up;display:flex;position:fixed;inset:max(8vh,60px) 0 0;box-shadow:0 -8px 32px #0000002e}@keyframes composer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes composer-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.composer-sheet__header{border-bottom:1px solid var(--color-line-1);padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top,12px));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.composer-sheet__cancel{color:var(--color-text-3);cursor:pointer;background:0 0;border:none;padding:6px 0;font-family:inherit;font-size:15px}.composer-sheet__title{color:var(--color-text-1);font-size:15px;font-weight:600}.composer-sheet__hint{color:var(--color-text-faint);font-size:11px;font-family:var(--font-mono);-webkit-user-select:none;user-select:none}.composer--sheet{box-shadow:none;-webkit-backdrop-filter:none;-webkit-overflow-scrolling:touch;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;width:100%;min-width:0;margin:0;padding:14px 16px;display:flex;overflow-y:auto}.composer--sheet .composer__input{background:var(--color-bg-0);border:1px solid var(--color-line-1);border-radius:8px;min-height:44px;max-height:400px;padding:10px 12px;font-size:16px;line-height:1.5}.composer--sheet .composer__actions{padding:12px 0 max(12px, env(safe-area-inset-bottom,12px)) 0;border-top:1px solid var(--color-line-1);justify-content:space-between;align-items:center;margin-top:8px;display:flex}.composer--sheet .composer__post{padding:8px 20px;font-size:15px}.composer-fab{right:max(16px, env(safe-area-inset-right,16px));bottom:calc(64px + 16px + env(safe-area-inset-bottom,0px));background:var(--color-accent);color:#fff;cursor:pointer;z-index:8000;width:56px;height:56px;transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out), opacity .22s var(--ease-out);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 12px #0000002e,0 2px 4px #0000001f}.composer-fab--hidden{opacity:0;pointer-events:none;transform:translateY(calc(100% + 32px))}.composer-fab:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000038,0 3px 6px #00000024}.composer-fab:active{transform:translateY(0)scale(.96)}@media (width>=601px),(hover:hover),(pointer:fine){.composer-fab{display:none}}@media (hover:none) and (pointer:coarse) and (width<=600px){.feed-page>.composer{display:none}}.right-rail{flex-direction:column;flex-shrink:0;gap:24px;width:280px;display:flex;position:sticky;top:72px}@media (width<=1099px){.right-rail{display:none}}.rail-section{background:var(--glass-bg);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);overflow:hidden}.rail-section__header{border-bottom:1px solid var(--color-line-1);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:16px 16px 12px;display:flex}.rail-section__title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-1);margin:0;font-size:11.5px;font-weight:800}.rail-section__view-all{color:var(--color-accent);border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.rail-section__view-all:hover{background:var(--color-accent-soft);color:var(--color-accent)}.rail-section__body{flex-direction:column;padding:4px 8px 8px;display:flex}.rail-item{text-align:left;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 8px;transition:background .12s;display:flex}.rail-item:hover{background:var(--color-accent-dim)}.rail-item__cover{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:44px;height:60px;box-shadow:0 1px 3px #00000040}.rail-item__body{flex:1;min-width:0}.rail-item__title{color:var(--color-text-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2px;font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.rail-item__meta{color:var(--color-text-3);flex-wrap:nowrap;align-items:center;gap:4px;font-size:11.5px;display:flex}.rail-item__meta-sep{opacity:.6;margin:0 1px}.rail-item__followed{color:var(--color-accent);margin-top:2px;font-size:10.5px;font-weight:500}.rail-item .rank-pill{flex-shrink:0;align-self:center}.rail-change{border-radius:var(--radius-md);padding:8px}.rail-change__link{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:0;display:flex}.rail-change__title{color:var(--color-text-1);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13.5px;font-weight:600;line-height:1.3;overflow:hidden}.rail-change__title--deleted{color:var(--color-text-3);font-style:italic;font-weight:500}.rail-change__by{color:var(--color-text-3);margin-top:4px;margin-left:36px;font-size:11.5px}.rail-ranker{border-radius:var(--radius-md);align-items:center;gap:8px;padding:8px;transition:background .12s;display:flex}.rail-ranker:hover{background:var(--color-accent-dim)}.rail-ranker__profile{min-width:0;color:inherit;flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.rail-ranker__avatar{background:var(--color-bg-3);border:1px solid var(--color-line-1);border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.rail-ranker__avatar img{object-fit:cover;width:100%;height:100%}.rail-ranker__avatar-fallback{width:100%;height:100%;color:var(--color-text-2);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.rail-ranker__info{flex:1;min-width:0}.rail-ranker__name{color:var(--color-text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;line-height:1.3;overflow:hidden}.rail-ranker__stats{color:var(--color-text-3);margin-top:1px;font-size:11.5px;line-height:1.3}.rail-ranker__sss{color:var(--color-rank-sss);font-weight:600}.rail-ranker__follow{background:var(--color-accent);color:var(--color-bg-1);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s,color .12s}.rail-ranker__follow:hover{background:var(--color-accent-hover,var(--color-accent));filter:brightness(1.08)}.rail-ranker__follow--following{color:var(--color-text-2);border:1px solid var(--color-line-2);background:0 0}.rail-ranker__follow--following:hover{color:var(--color-accent);border-color:var(--color-accent);filter:none;background:#b458401a}.ptr-indicator{justify-content:center;align-items:center;margin:0;transition:height .15s ease-out;display:flex;overflow:hidden}.ptr-indicator__inner{color:var(--color-text-3);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.ptr-indicator__icon{flex-shrink:0;transition:transform .2s}.ptr-indicator--ready .ptr-indicator__icon{color:var(--color-accent);transform:rotate(180deg)}.ptr-indicator--refreshing .ptr-indicator__icon{color:var(--color-accent);animation:.9s linear infinite ptrSpin}.ptr-indicator--ready .ptr-indicator__label{color:var(--color-accent)}@keyframes ptrSpin{to{transform:rotate(360deg)}}.post{border-bottom:1px solid var(--color-line-1);padding:16px 0}.post__header{align-items:center;gap:6px;margin-bottom:8px;display:flex}.post__avatar{background:var(--color-bg-3);border-radius:5px;flex-shrink:0;width:32px;height:32px;overflow:hidden}.post__avatar--clickable{cursor:pointer;transition:opacity .15s var(--ease-smooth)}.post__avatar--clickable:hover{opacity:.8}.post__avatar img{object-fit:cover;width:100%;height:100%}.post__avatar-fallback{color:#fff;text-shadow:0 1px 2px #00000040;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:700;display:flex}.post__name{color:var(--color-text-1);font-size:14px;font-weight:600;text-decoration:none}.post__name:hover{text-decoration:underline}.post__dot{color:var(--color-text-faint);font-size:10px}.post__handle{color:var(--color-text-faint);font-size:12px;text-decoration:none}.post__handle:hover{text-decoration:underline}.post__time{color:var(--color-text-faint);font-size:12px}.post__follow{border:1px solid var(--color-accent);color:var(--color-accent);border-radius:var(--radius-full);cursor:pointer;background:0 0;margin-left:8px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .12s}.post__follow:hover{background:var(--color-accent-soft)}.post__follow--following{background:var(--color-accent);color:#fff}.post__follow--following:hover{background:var(--color-accent-line)}.post__body{color:var(--color-text-1);white-space:pre-wrap;word-wrap:break-word;padding-left:38px;font-size:15px;line-height:1.7}.post__body--clamped{-webkit-line-clamp:5;cursor:pointer;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post__show-more{font:inherit;color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding-top:4px;padding-bottom:4px;padding-left:38px;font-size:13px;font-weight:500}.series-embed{background:var(--color-bg-1);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);color:inherit;transition:border-color .16s var(--ease-smooth), box-shadow .16s var(--ease-smooth), transform .16s var(--ease-smooth);gap:12px;margin:10px 0 0 38px;padding:10px;text-decoration:none;display:flex}.series-embed:hover{border-color:var(--color-accent-line);box-shadow:var(--shadow-md);transform:translateY(-1px)}.series-embed__cover{border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg-3);width:46px;height:64px;box-shadow:var(--shadow-sm);transition:transform .16s var(--ease-smooth);flex-shrink:0}.series-embed:hover .series-embed__cover{transform:scale(1.04)}.series-embed__info{flex:1;min-width:0}.series-embed__title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:2px;font-size:15px;font-weight:500}.series-embed__meta{color:var(--color-text-faint);text-transform:capitalize;margin-bottom:6px;font-size:11px}.post__rank-context{margin:8px 0 0 38px}.rank-change{align-items:center;gap:6px;margin-top:4px;display:inline-flex}.rank-change__arrow{font-family:var(--font-mono);color:var(--color-accent);font-size:12px;font-weight:600;line-height:1}.rank-pill--muted{opacity:.55;position:relative}.rank-pill--muted:after{content:"";background:#fff6;height:1px;position:absolute;top:50%;left:8px;right:8px}.post__actions{gap:18px;padding:6px 0 0 34px;display:flex}.post__action{color:var(--color-text-3);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .14s var(--ease-smooth), background .14s var(--ease-smooth);border-radius:var(--radius-full);background:0 0;border:none;align-items:center;gap:6px;padding:5px 9px;font-family:inherit;font-size:13px;display:flex}.post__action span{font-variant-numeric:tabular-nums;line-height:1}.post__action svg{width:17px;height:17px;transition:transform .14s var(--ease-smooth)}.post__action:active svg{transform:scale(.88)}.post__action:hover{color:var(--color-text-1);background:var(--color-bg-3)}.post__action--like:hover,.post__action--liked,.post__action--liked:hover{color:var(--color-accent);background:var(--color-accent-soft)}.post__action--liked svg{fill:currentColor}.post__action--repost:hover,.post__action--reposted,.post__action--reposted:hover{color:var(--color-gold);background:var(--color-gold-soft)}.post__action--comment:hover{color:var(--color-accent);background:var(--color-accent-soft)}.post__action--commenting{color:var(--color-accent)}@media (prefers-reduced-motion:no-preference){.post__action--liked svg{animation:like-pop .32s var(--ease-out)}}@keyframes like-pop{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1)}}.post__edit-mode{margin-bottom:10px;padding-left:38px}.post__edit-input{border:1px solid var(--color-line-2);border-radius:var(--radius);background:var(--color-bg-2);width:100%;color:var(--color-text-1);resize:vertical;min-height:60px;padding:10px;font-family:inherit;font-size:15px;line-height:1.6}.post__edit-input:focus{border-color:var(--color-accent);outline:none}.post__edit-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.post__menu-container{margin-left:auto;position:relative}.post__menu-btn{color:var(--color-text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .12s,background .12s;display:flex}.post__menu-btn:hover{color:var(--color-text-1);background:var(--color-bg-3)}.post__menu{z-index:10;background:var(--color-bg-2);border:1px solid var(--color-line-1);border-radius:var(--radius);min-width:120px;margin-top:4px;padding:4px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0000001f}.post__menu-item{width:100%;color:var(--color-text-1);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:14px;transition:background .12s;display:flex}.post__menu-item:hover{background:var(--color-bg-3)}.post__menu-item--danger{color:var(--color-accent)}.post__menu-item--danger:hover{background:#b458401a}.comments__section{border-top:1px solid var(--color-line-1);flex-direction:column;gap:14px;margin-top:14px;padding-top:16px;display:flex}.comment-composer{background:var(--glass-bg);border:1px solid var(--color-line-1);border-radius:var(--radius);flex-direction:column;gap:8px;margin-bottom:0;padding:10px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.comment-composer:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft,#b458401f)}.comment-composer--signed-out{justify-content:center}.comment-composer__top{align-items:flex-start;gap:10px;width:100%;min-width:0;display:flex}.comment-composer__avatar{background:var(--color-bg-3);border:1px solid var(--color-line-1);border-radius:8px;flex-shrink:0;width:32px;height:32px;overflow:hidden}.comment-composer__avatar img{object-fit:cover;width:100%;height:100%}.comment-composer__avatar-fallback{width:100%;height:100%;color:var(--color-text-2);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.comment-composer__input{width:100%;min-width:0;min-height:40px;color:var(--color-text-1);resize:none;background:0 0;border:none;outline:none;padding:6px 0;font-family:inherit;font-size:14px;line-height:1.5}.comment-composer__input::placeholder{color:var(--color-text-faint)}.comment-composer__actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:0;margin-left:42px;display:flex}.comment-composer__signin{color:var(--color-text-3);flex:1;align-self:center;padding:6px 0;font-size:14px}.comment-composer__signin a{color:var(--color-accent);font-weight:600;text-decoration:none}.comment-composer__signin a:hover{text-decoration:underline}.comments__loading,.comments__empty{text-align:center;color:var(--color-text-3);padding:16px 0;font-size:14px}.comments__list{flex-direction:column;gap:0;display:flex}.comment{border-bottom:1px solid var(--color-line-1);flex-direction:column;gap:4px;padding:12px 0;display:flex}.comment:last-child{border-bottom:none}.comment__header{align-items:center;gap:8px;margin-bottom:0;display:flex}.comment__avatar{background:var(--color-bg-3);border-radius:50%;flex-shrink:0;width:28px;height:28px;overflow:hidden}.comment__avatar--clickable{cursor:pointer;transition:opacity .15s var(--ease-smooth)}.comment__avatar--clickable:hover{opacity:.8;border:1px solid var(--color-line-1)}.comment__avatar img{object-fit:cover;width:100%;height:100%}.comment__avatar-fallback{color:#fff;text-shadow:0 1px 2px #00000040;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;font-weight:700;display:flex}.comment__author{color:var(--color-text-1);letter-spacing:-.005em;font-size:13.5px;font-weight:600;text-decoration:none}a.comment__author:hover{text-decoration:underline}.comment__time{color:var(--color-text-faint);margin-left:auto;font-size:11.5px}.comment__delete{color:var(--color-text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:4px;padding:4px;transition:color .12s,background .12s}.comment__delete:hover{color:var(--color-accent);background:#b458401a}.comment__body{color:var(--color-text-2);white-space:pre-wrap;word-wrap:break-word;padding-left:36px;font-size:14px;line-height:1.55}.comment__body a{color:var(--color-accent);text-decoration:none}.comment__body a:hover{text-decoration:underline}.comment__reply-btn{color:var(--color-text-3);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;align-items:center;gap:4px;margin-top:2px;padding:2px 0 2px 36px;font-size:11.5px;font-weight:600;transition:color .15s;display:inline-flex}.comment__reply-btn:hover{color:var(--color-accent)}.comment__follow-btn{background:var(--color-bg-3);border:1px solid var(--color-line-1);color:var(--color-text-3);cursor:pointer;border-radius:10px;align-items:center;gap:3px;padding:1px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.comment__follow-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.comment__follow-btn:disabled{opacity:.5;cursor:default}.comment__replies{border-left:2px solid var(--color-line-1);flex-direction:column;gap:0;margin-top:6px;margin-left:16px;padding-left:12px;display:flex}.comment--reply{padding:10px 0 6px}.comment--reply .comment__body,.comment--reply .comment__reply-btn{padding-left:32px}.comment--reply .comment__header{padding-left:0}.comment-composer--reply{margin-top:6px;margin-left:36px}.comment-composer--reply .comment-composer__input{min-height:36px}.profile-header{margin-bottom:32px}.profile-header__cover{background:linear-gradient(135deg, var(--color-accent-soft), var(--color-bg-2));border-radius:var(--radius) var(--radius) 0 0;height:160px}.profile-header__content{background:var(--color-bg-2);border-radius:0 0 var(--radius) var(--radius);border:1px solid var(--color-line-1);border-top:none;grid-template-columns:auto 1fr;gap:24px;padding:0 24px 24px;display:grid}.profile-header__avatar{flex-shrink:0;width:100px;height:100px;margin-top:-50px;position:relative}.profile-header__avatar img,.profile-header__avatar-fallback{object-fit:cover;border:4px solid var(--color-bg-2);background:var(--color-bg-3);border-radius:50%;width:100%;height:100%}.profile-header__avatar-fallback{color:var(--color-text-3);justify-content:center;align-items:center;font-size:36px;font-weight:600;display:flex}.profile-header__avatar-upload{background:var(--color-accent);cursor:pointer;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .12s;display:flex;position:absolute;bottom:0;right:0}.profile-header__avatar-upload:hover{transform:scale(1.1)}.profile-header__avatar-upload input{display:none}.profile-header__info{flex-direction:column;gap:12px;display:flex}.profile-header__top{align-items:center;gap:12px;margin-top:8px;display:flex}.profile-header__name{color:var(--color-text-1);margin:0;font-size:24px;font-weight:600}.profile-header__stats{gap:24px;display:flex}.profile-header__match{background:var(--color-accent-soft);border:1px solid var(--color-accent-line);border-radius:var(--radius-md);align-items:baseline;gap:8px;width:fit-content;margin:8px 0 4px;padding:4px 10px;display:inline-flex}.profile-header__match-pct{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:-.01em;font-size:18px;font-weight:700}.profile-header__match-label{color:var(--color-text-2);font-size:12px;font-weight:500}.profile-header__stat{flex-direction:column;gap:2px;display:flex}.profile-header__stat-value{color:var(--color-text-1);font-size:18px;font-weight:600}.profile-header__stat-label{color:var(--color-text-3);text-transform:lowercase;font-size:12px}.profile-header__bio{color:var(--color-text-2);max-width:500px;margin:12px 0 0;font-size:15px;line-height:1.6}.rank-breakdown{flex-direction:column;gap:6px;max-width:240px;display:flex}.rank-breakdown__item{align-items:center;gap:8px;display:flex}.rank-breakdown__label{flex-shrink:0;align-items:center;gap:6px;width:50px;display:flex}.rank-badge--small{color:#fff;background:var(--rank-color,var(--color-text-3));border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.rank-breakdown__count{color:var(--color-text-3);text-align:right;min-width:16px;font-size:12px}.rank-breakdown__bar{background:var(--color-bg-3);border-radius:3px;flex:1;height:6px;overflow:hidden}.rank-breakdown__bar-fill{background:var(--rank-color,var(--color-text-3));border-radius:3px;height:100%;transition:width .3s}.feed-loading,.feed-empty{text-align:center;color:var(--color-text-3);padding:48px 0;font-size:15px}.auth-password-hints{color:var(--color-cinnabar);margin:4px 0 0;padding:0;font-size:11px;line-height:1.6;list-style:none}.auth-password-hints li:before{content:"✕ "}.auth-password-hints--single{margin-top:4px;display:block}.auth-cta{border:1px solid var(--color-accent-line);background:var(--color-accent-dim);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:12px;margin:16px 0;padding:24px;display:flex}.auth-cta__text{color:var(--color-text-2);text-align:center;font-size:15px}.auth-cta__btn{background:var(--color-accent);color:var(--color-bg-0);min-width:140px;text-decoration:none;display:inline-block}.auth-cta__btn:hover{filter:brightness(1.1)}.nav-item--signin{color:var(--color-accent);font-weight:500}.nav-item--signin:hover{background:var(--color-accent-dim);color:var(--color-accent)}.recommendations-page{max-width:900px;margin:0 auto;padding:24px}.recommendations-header{margin-bottom:24px}.recommendations-title{font-family:var(--font-serif);letter-spacing:-.01em;margin:0 0 6px;font-size:30px;font-weight:600}.recommendations-sub{color:var(--color-text-3);margin:0;font-size:14px}.rec-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.rec-card{background:var(--color-bg-1);border:1px solid var(--color-line-1);border-radius:var(--radius-lg);transition:border-color .16s var(--ease-smooth), box-shadow .16s var(--ease-smooth), transform .16s var(--ease-smooth);padding:14px}.rec-card:hover{border-color:var(--color-line-2);box-shadow:var(--shadow-md)}.rec-card--clickable{cursor:pointer}.rec-card--clickable:hover{transform:translateY(-1px)}.rec-card__header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.rec-card__cover{border-radius:var(--radius-sm);object-fit:cover;background:var(--color-bg-3);flex-shrink:0;width:44px;height:60px}.rec-card__cover--placeholder{display:block}.rec-card__info{flex:1;min-width:0}.rec-card__title{font-family:var(--font-display);color:var(--color-text-1);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.rec-card__meta{color:var(--color-text-3);font-size:11px}.rec-card__score{background:var(--color-accent-dim);border:1px solid var(--color-accent-line);border-radius:var(--radius-md);text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:56px;padding:6px 10px;line-height:1.1;display:flex}.rec-card__score-num{font-family:var(--font-mono);color:var(--color-accent);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.rec-card__score-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-3);margin-top:2px;font-size:9px;font-weight:700}.rec-card__why{color:var(--color-text-2);letter-spacing:.005em;border-top:1px dashed var(--color-line-1);margin-top:4px;padding:1px 0 2px;font-size:12px;font-style:italic;font-weight:600}.rec-card__ranks{flex-wrap:wrap;gap:6px;display:flex}.rec-card__rank{padding:2px 7px;font-size:10px}.title-page{max-width:760px;margin:0 auto;padding:24px 24px 64px}.title-page__loading{text-align:center;color:var(--color-text-3);padding:48px 0;font-size:15px}.title-page__not-found{text-align:center;padding:48px 0}.title-page__not-found h1{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:8px;font-size:36px;font-weight:700}.title-page__not-found p{color:var(--color-text-3);margin-bottom:16px}.title-page__breadcrumb{color:var(--color-text-3);align-items:center;gap:6px;margin-bottom:24px;font-size:12px;display:flex}.title-page__breadcrumb a{color:var(--color-text-3);text-decoration:none;transition:color .1s}.title-page__breadcrumb a:hover{color:var(--color-accent)}.title-page__breadcrumb svg{opacity:.5}.title-page__header{gap:20px;margin-bottom:32px;display:flex}.title-page__header--hero{border-radius:var(--radius-lg);isolation:isolate;align-items:flex-end;margin:-8px -24px 32px;padding:28px 24px 24px;position:relative;overflow:hidden}.title-page__backdrop{z-index:-1;position:absolute;inset:-28px}.title-page__backdrop img{object-fit:cover;object-position:center 28%;filter:blur(28px)saturate(120%);opacity:.55;width:100%;height:100%}.title-page__header--hero:after{content:"";z-index:-1;background:linear-gradient(180deg, #f4f1ea8c, var(--color-bg-0) 96%), linear-gradient(90deg, #f4f1eac7, transparent 65%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.title-page__header--hero:after{background:linear-gradient(180deg, color-mix(in srgb, var(--color-bg-0) 55%, transparent), var(--color-bg-0) 96%), linear-gradient(90deg, color-mix(in srgb, var(--color-bg-0) 78%, transparent), transparent 65%)}}.title-page__cover{flex-shrink:0;width:132px}.title-page__cover img{object-fit:cover;border-radius:var(--radius-md);width:132px;height:185px;box-shadow:var(--shadow-lg);border:1px solid #ffffff14}.title-page__header-info{flex:1;min-width:0}.title-page__title{font-family:var(--font-serif);letter-spacing:-.01em;margin:0 0 4px;font-size:34px;font-weight:600;line-height:1.15}.title-page__alt-titles{color:var(--color-text-3);margin:0 0 12px;font-size:14px}.title-page__meta,.title-page__genres{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.title-page__creators{color:var(--color-text-2);flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.title-page__creators strong{color:var(--color-text-1)}.title-page__progress{flex-direction:column;gap:6px;max-width:360px;margin-top:14px;display:flex}.title-page__progress-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.title-page__progress-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-3);font-size:11px;font-weight:700}.title-page__progress-count{color:var(--color-text-1);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.title-page__progress-bar{background:var(--color-bg-2);border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}.title-page__progress-bar-fill{background:var(--color-accent);height:100%;transition:width .4s var(--ease-smooth);border-radius:999px}.title-page__sources{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.title-page__sources-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-3);margin-right:2px;font-size:11px;font-weight:700}.source-link{color:var(--color-text-1);background:var(--color-bg-2);border:1px solid var(--color-line-1);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.source-link:hover{background:var(--color-accent-soft);border-color:var(--color-accent-line);color:var(--color-accent);transform:translateY(-1px)}.source-link:active{transform:translateY(0)}.title-page__section{margin-bottom:32px}.title-page__section-title{font-family:var(--font-serif);letter-spacing:-.005em;align-items:baseline;gap:8px;margin:0 0 12px;font-size:20px;font-weight:600;display:flex}.title-page__section-count{color:var(--color-text-3);font-size:14px;font-weight:400}.title-page__synopsis{color:var(--color-text-2);margin:0;font-size:15px;line-height:1.7}.title-page__your-rank{flex-direction:column;gap:16px;display:flex}.title-page__rank-row{align-items:center;gap:12px;display:flex}.title-page__rank-label{color:var(--color-text-2);flex-shrink:0;width:60px;font-size:14px;font-weight:500}.title-page__status-pills{flex-wrap:wrap;gap:6px;display:flex}.status-pill{color:var(--color-text-3);background:var(--color-bg-2);border:1px solid var(--color-line-1);border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .1s;display:inline-flex}.status-pill:hover{border-color:var(--color-line-2);color:var(--color-text-2)}.status-pill--active{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent-line)}.status-pill__glyph{font-size:11px}.title-page__guest-cta{background:linear-gradient(135deg, var(--color-accent-soft), transparent 70%), var(--color-bg-1);border:1px solid var(--color-accent-line);border-radius:var(--radius-lg);padding:20px}.title-page__guest-text{color:var(--color-text-2);margin:0 0 16px;font-size:15px;line-height:1.6}.title-page__guest-actions{gap:8px;display:flex}.rankdist{border-radius:var(--radius-md);background:var(--color-bg-2);width:100%;animation:rankdist-reveal .55s var(--ease-out) both;gap:2px;display:flex;overflow:hidden}.rankdist--sm{height:8px}.rankdist--md{height:30px;margin-bottom:20px}.rankdist__seg{background:var(--rank-color);min-width:4px;transition:filter .14s var(--ease-smooth);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 1px #ffffff2e}.rankdist--md .rankdist__seg{min-width:22px}.rankdist__seg:hover{filter:brightness(1.12)}.rankdist__label{color:#fff;text-shadow:0 1px 2px #00000059;font-weight:700;line-height:1}.rankdist--sm .rankdist__label{letter-spacing:.02em;font-size:8px}.rankdist--md .rankdist__label{font-size:12px}.rankdist__count{color:#ffffffe6;text-shadow:0 1px 2px #00000059;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.2}@keyframes rankdist-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.rankdist{animation:none}}@media (prefers-reduced-motion:no-preference){.feed-stream>.post,.leaderboard>li,.rec-grid>.rec-card{animation:slide-up .42s var(--ease-out) both}.feed-stream>.post:first-child,.leaderboard>li:first-child,.rec-grid>.rec-card:first-child{animation-delay:0s}.feed-stream>.post:nth-child(2),.leaderboard>li:nth-child(2),.rec-grid>.rec-card:nth-child(2){animation-delay:40ms}.feed-stream>.post:nth-child(3),.leaderboard>li:nth-child(3),.rec-grid>.rec-card:nth-child(3){animation-delay:80ms}.feed-stream>.post:nth-child(4),.leaderboard>li:nth-child(4),.rec-grid>.rec-card:nth-child(4){animation-delay:.12s}.feed-stream>.post:nth-child(5),.leaderboard>li:nth-child(5),.rec-grid>.rec-card:nth-child(5){animation-delay:.16s}.feed-stream>.post:nth-child(6),.leaderboard>li:nth-child(6),.rec-grid>.rec-card:nth-child(6){animation-delay:.2s}.feed-stream>.post:nth-child(7),.leaderboard>li:nth-child(7),.rec-grid>.rec-card:nth-child(7){animation-delay:.24s}.feed-stream>.post:nth-child(8),.leaderboard>li:nth-child(8),.rec-grid>.rec-card:nth-child(8){animation-delay:.28s}.title-page__container,.tier-view,.discover-section{animation:slide-up .34s var(--ease-out) both}.title-grid{animation:.34s both fade-in}}.rank-distribution{border-radius:var(--radius-md);gap:2px;height:32px;margin-bottom:20px;display:flex;overflow:hidden}.rank-distribution__bar{flex-direction:column;justify-content:center;align-items:center;min-width:24px;transition:filter .1s;display:flex}.rank-distribution__bar:hover{filter:brightness(1.1)}.rank-distribution__label{color:#fff;text-shadow:0 1px 2px #0000004d;font-size:11px;font-weight:700}.rank-distribution__count{color:#ffffffd9;text-shadow:0 1px 2px #0000004d;font-size:10px}.title-page__empty{color:var(--color-text-3);padding:16px 0;font-size:15px}.title-page__rankings{flex-direction:column;gap:4px;display:flex}@media (width<=600px){.title-page__header{flex-direction:column;gap:16px}.title-page__cover{align-self:center;width:100px}.title-page__cover img{width:100px;height:140px}.title-page__title{font-size:22px}}.title-comments{margin-bottom:32px}.title-comments__composer{margin-bottom:20px}.title-comments__input{border:1px solid var(--color-line-1);background:var(--color-bg-2);width:100%;color:var(--color-text-1);border-radius:var(--radius-md);font-family:var(--font-sans);resize:vertical;min-height:72px;padding:12px 14px;font-size:15px;line-height:1.5;transition:border-color .15s}.title-comments__input:focus{border-color:var(--color-accent);outline:none}.title-comments__composer-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.title-comments__char-count{color:var(--color-text-3);font-size:12px;font-family:var(--font-mono)}.title-comments__signin-cta{text-align:center;background:var(--color-bg-2);border:1px dashed var(--color-line-2);border-radius:var(--radius-md);color:var(--color-text-2);margin-bottom:20px;padding:16px;font-size:15px}.title-comments__signin-cta a{color:var(--color-accent);font-weight:600}.title-comments__loading,.title-comments__empty{color:var(--color-text-3);text-align:center;padding:16px 0;font-size:15px}.title-comments__list{flex-direction:column;gap:16px;display:flex}.title-comment{background:var(--color-bg-2);border:1px solid var(--color-line-1);border-radius:var(--radius-md);padding:14px 16px}.title-comment__header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.title-comment__avatar-link{flex-shrink:0}.title-comment__avatar{border-radius:var(--radius-full);object-fit:cover;width:32px;height:32px}.title-comment__avatar-fallback{border-radius:var(--radius-full);background:var(--color-bg-4);width:32px;height:32px;color:var(--color-text-2);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.title-comment__author{color:var(--color-text-1);font-size:14px;font-weight:600;text-decoration:none}.title-comment__author:hover{color:var(--color-accent)}.title-comment__time{color:var(--color-text-3);font-size:12px;font-family:var(--font-mono);margin-left:auto}.title-comment__actions{gap:4px;display:flex}.title-comment__action-btn{color:var(--color-text-3);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.title-comment__action-btn:hover{color:var(--color-text-1);background:var(--color-bg-3)}.title-comment__body{color:var(--color-text-1);white-space:pre-wrap;word-wrap:break-word;font-size:15px;line-height:1.6}.title-comment__edit{flex-direction:column;gap:8px;display:flex}.title-comment__edit-actions{gap:8px;display:flex}.discover-page{max-width:1100px;margin:0 auto;padding:24px}.discover-loading{min-height:60vh;color:var(--color-text-3);justify-content:center;align-items:center;font-size:15px;display:flex}.discover-hero{border-bottom:1px solid var(--color-line-1);margin-bottom:32px;padding-bottom:20px}.discover-hero__title{font-family:var(--font-serif);color:var(--color-text-1);letter-spacing:-.01em;margin:0;font-size:42px;font-weight:600}.page-dot{color:var(--color-accent)}.discover-hero__sub{color:var(--color-text-3);margin:4px 0 0;font-size:15px}.discover-section{margin-bottom:36px}.discover-section__header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.discover-section__header svg{color:var(--color-accent)}.discover-section__title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--color-text-1);margin:0;font-size:21px;font-weight:600}.discover-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.discover-card{text-decoration:none;display:block}.discover-card__cover{aspect-ratio:3/4;background:var(--color-bg-2);border:1px solid var(--color-line-1);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.discover-card__cover img{object-fit:cover;width:100%;height:100%}.discover-card:hover .discover-card__cover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.discover-card__cover-placeholder{width:100%;height:100%;color:var(--color-text-4);justify-content:center;align-items:center;display:flex}.discover-card__add{background:var(--color-text-1);width:28px;height:28px;color:var(--color-bg-0);border-radius:var(--radius-full);cursor:pointer;opacity:0;border:none;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;bottom:6px;right:6px}.discover-card:hover .discover-card__add{opacity:1}.discover-card__title{color:var(--color-text-1);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:14px;font-weight:600;line-height:1.3;transition:color .15s;display:-webkit-box;overflow:hidden}.discover-card:hover .discover-card__title{color:var(--color-accent)}.discover-card__meta{color:var(--color-text-3);margin-top:2px;font-size:11px}.discover-empty{text-align:center;padding:64px 16px}.discover-empty p{color:var(--color-text-3);margin-bottom:16px;font-size:15px}@media (width<=640px){.discover-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.discover-hero__title{font-size:30px}}.notifications-wrapper{flex-shrink:0;align-items:center;padding:0 12px;display:flex;position:relative}.header__notifications{color:var(--color-text-3);transition:color .12s;position:relative}.header__notifications:hover{color:var(--color-text-1)}.header__notifications--has-unread{color:var(--color-accent)}.header__notifications-badge{background:var(--color-accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.notifications-backdrop{z-index:199;position:fixed;inset:0}.notifications-dropdown{background:var(--glass-bg);width:360px;max-height:480px;-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);z-index:200;flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);right:12px;overflow:hidden}@media (width<=480px){.notifications-dropdown{width:calc(100vw - 24px);right:12px}}.notifications__header{border-bottom:1px solid var(--color-line-1);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.notifications__header h3{color:var(--color-text-1);margin:0;font-size:16px;font-weight:600}.notifications__list{flex:1;padding:4px 0;overflow-y:auto}.notifications__empty{text-align:center;color:var(--color-text-3);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:14px;display:flex}.notification-item{cursor:pointer;border-bottom:1px solid var(--color-line-1);gap:10px;padding:10px 16px;transition:background .1s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-bg-1)}.notification-item--unread{background:var(--color-accent-soft)}.notification-item--unread:hover{background:var(--color-bg-1)}.notification-item__avatar{background:var(--color-bg-2);width:32px;height:32px;color:var(--color-text-3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.notification-item__avatar img{object-fit:cover;width:100%;height:100%}.notification-item__content{flex:1;min-width:0}.notification-item__text{color:var(--color-text-2);font-size:14px;line-height:1.4}.notification-item__actor{color:var(--color-text-1);font-weight:600}.notification-item__link{color:var(--color-accent);font-weight:600;text-decoration:none}.notification-item__link:hover{text-decoration:underline}.notification-item__post{color:var(--color-text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.notification-item__time{color:var(--color-text-faint);margin-top:4px;font-size:11px}.modal--mihon{max-width:640px}.mihon-stats{gap:12px;margin-bottom:16px;display:flex}.mihon-stat{border-radius:var(--radius-sm);padding:6px 12px;font-size:14px;font-weight:600}.mihon-stat--matched{color:#16a34a;background:#3d5a3d26}.mihon-stat--unmatched{color:var(--color-text-faint);background:#a8a29e26}.mihon-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);margin-bottom:8px;font-size:12px;font-weight:600}.mihon-list{flex-direction:column;gap:2px;max-height:300px;margin-bottom:16px;display:flex;overflow-y:auto}.mihon-list__item{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.mihon-list__item--matched{background:var(--color-surface-2)}.mihon-list__item--unmatched{opacity:.6}.mihon-list__info{flex-direction:column;flex:1;min-width:0;display:flex}.mihon-list__title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.mihon-list__original{color:var(--color-text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mihon-list__meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.mihon-list__status{color:var(--color-text-faint);text-transform:capitalize;font-size:11px}.mihon-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.mihon-badge--exact{color:#16a34a;background:#3d5a3d33}.mihon-badge--alt{color:#2563eb;background:#4a5a7833}.mihon-badge--normalized,.mihon-badge--fuzzy{color:#d97706;background:#a0823233}.mihon-unmatched{margin-top:8px}.mihon-unmatched summary{cursor:pointer;color:var(--color-text-faint);-webkit-user-select:none;user-select:none;padding:8px 0;font-size:12px}.mihon-unmatched summary:hover{color:var(--color-text-2)}.mobile-tabbar{z-index:90;height:calc(72px + env(safe-area-inset-bottom,0px));padding:0 8px env(safe-area-inset-bottom,0px);background:var(--glass-bg-strong,#ffffffeb);-webkit-backdrop-filter:blur(28px)saturate(180%);border-top:1px solid var(--color-line-1);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tabbar__tab{min-width:0;color:var(--color-text-3);font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:10.5px;font-weight:600;text-decoration:none;display:flex;position:relative}.mobile-tabbar__icon{border-radius:999px;place-items:center;width:40px;height:28px;transition:background-color .18s,color .18s;display:grid}.mobile-tabbar__tab--active .mobile-tabbar__icon{background:var(--color-accent-soft,#b4584024);color:var(--color-text-1)}.mobile-tabbar__tab--active{color:var(--color-text-1)}.mobile-tabbar__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mobile-tabbar__add{background:var(--color-bg-cream,#f6efd9);width:56px;height:56px;color:var(--color-text-1);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex:0 0 56px;place-items:center;margin-top:-22px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 8px 20px -6px #f6efd98c,inset 0 0 0 1px #0000000a}.mobile-tabbar__add:active{transform:scale(.94);box-shadow:0 4px 10px -4px #f6efd973,inset 0 0 0 1px #0000000a}.mobile-tabbar__add svg{stroke-width:1.8px}.app-layout--touch .app-content{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px) + 16px)}.app-layout--touch .header__menu,.app-layout--touch .header__search{min-height:44px}.app-layout--touch .header__menu{width:44px;height:44px}.app-layout--touch .header__search{padding:10px 16px;font-size:15px}.app-layout--touch .sidebar,.app-layout--touch .header__menu,.app-layout--touch .header__search kbd,.app-layout--touch .composer-sheet__hint{display:none}.title-card__quick-status{background:var(--color-bg-2);width:100%;min-height:28px;color:var(--color-text-1);font-family:var(--font-display);letter-spacing:.02em;border:1px solid var(--color-line-1);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:transform .1s,background-color .15s,border-color .15s;display:inline-flex}.title-card__quick-status:hover{border-color:var(--color-line-3)}.app-layout--touch .title-card__quick-status{gap:8px;min-height:36px;padding:9px 14px;font-size:12px;font-weight:700}.title-card__quick-status:active{transform:scale(.985)}.title-card__quick-status-dot{background:var(--color-text-3);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.title-card__quick-status-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.title-card__quick-status--reading .title-card__quick-status-dot{background:var(--color-accent)}.title-card__quick-status--reading{color:#8a3d2a;background:#b458402e;border-color:#b458408c}.title-card__quick-status--completed .title-card__quick-status-dot{background:var(--color-rank-s,#5a8a5a)}.title-card__quick-status--completed{color:#2d4429;background:#3d5a3d38;border-color:#3d5a3d8c}.title-card__quick-status--planned .title-card__quick-status-dot,.title-card__quick-status--hold .title-card__quick-status-dot{background:var(--color-jade,#8b5e3c)}.title-card__quick-status--planned,.title-card__quick-status--hold{background:var(--color-bg-2);border-color:var(--color-line-2);color:var(--color-text-1)}.title-card__quick-status--dropped .title-card__quick-status-dot{background:var(--color-text-3)}.title-card__quick-status--dropped{color:var(--color-text-2);background:var(--color-bg-2);border-color:var(--color-line-1)}[data-theme=dark] .title-card__quick-status--reading{color:var(--color-status-reading);background:#c4a88224;border-color:#c4a88266}[data-theme=dark] .title-card__quick-status--reading .title-card__quick-status-dot{background:var(--color-status-reading)}[data-theme=dark] .title-card__quick-status--completed{color:var(--color-status-completed);background:#8aac8a24;border-color:#8aac8a66}[data-theme=dark] .title-card__quick-status--completed .title-card__quick-status-dot{background:var(--color-status-completed)}[data-theme=dark] .title-card__quick-status--planned .title-card__quick-status-dot{background:var(--color-status-planned)}[data-theme=dark] .title-card__quick-status--hold .title-card__quick-status-dot{background:var(--color-status-hold)}[data-theme=dark] .title-card__quick-status--dropped .title-card__quick-status-dot{background:var(--color-status-dropped)}.app-layout--touch .detail-panel{width:100vw;height:100dvh;max-height:100dvh;animation:detailSheetUp .25s var(--ease-smooth,cubic-bezier(.2, .6, .2, 1));border-left:0;border-radius:0;top:0;left:0;right:0}@keyframes detailSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.app-layout--touch .detail-panel__header{padding-top:max(12px, env(safe-area-inset-top,12px))}.app-layout--touch .feed-item__actions .feed-action,.app-layout--touch .comment__actions .feed-action{flex:1;min-height:44px}.app-layout--touch .discover-card,.app-layout--touch .discover-grid>*{min-height:44px}.app-layout--touch .title-card:hover{transform:none}.app-layout--touch .title-card__fav-btn{display:none}.app-layout--touch .user-rank-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.app-layout--touch .user-rank-filters::-webkit-scrollbar{display:none}.app-layout--touch .user-rank-filters>*{flex-shrink:0}.app-layout--touch .search-palette{padding:max(16px, env(safe-area-inset-top,16px)) 16px 16px}.app-layout--touch .btn,.app-layout--touch .icon-btn,.app-layout--touch .nav-item{-webkit-tap-highlight-color:#b458401f}.qsheet-backdrop{z-index:8500;-webkit-backdrop-filter:blur(6px);background:#1414146b;justify-content:center;align-items:flex-end;animation:.18s qsheetBackdropIn;display:flex;position:fixed;inset:0}@keyframes qsheetBackdropIn{0%{opacity:0}to{opacity:1}}.qsheet{background:var(--color-bg-3,#fff);width:100%;max-width:560px;padding:8px 16px calc(20px + env(safe-area-inset-bottom,0px));will-change:transform;touch-action:pan-y;overscroll-behavior:contain;border-radius:20px 20px 0 0;animation:.24s cubic-bezier(.2,.6,.2,1) qsheetUp;box-shadow:0 -8px 32px #00000038}@keyframes qsheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.qsheet__handle{background:var(--color-line-2,#d3d2cd);cursor:grab;touch-action:none;border-radius:999px;width:40px;height:4px;margin:8px auto 16px}.qsheet__handle:active{cursor:grabbing}.qsheet__title{font-family:var(--font-display);color:var(--color-text-1);text-align:left;letter-spacing:-.01em;padding:0 4px;font-size:18px;font-weight:700}.qsheet__subtitle{color:var(--color-text-3);text-align:left;font-size:13px;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;margin-bottom:16px;padding:0 4px;font-weight:500;overflow:hidden}.qsheet__grid{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.qsheet__option{background:var(--color-bg-2);min-height:48px;font-family:var(--font-display);color:var(--color-text-1);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:15px;font-weight:600;transition:transform .1s,background-color .15s;display:flex}.qsheet__option:active{background:var(--color-bg-3);transform:scale(.99)}.qsheet__option--active{background:var(--color-accent-soft,#b4584014);color:var(--color-text-1)}.qsheet__option--unrank{color:var(--color-text-3,#6a6a6a);border-style:dashed;border-color:var(--color-line-2,#d3d2cd)}.qsheet__option--unrank .qsheet__option-glyph{color:var(--color-text-3,#6a6a6a);background:0 0}.qsheet__option--unrank.qsheet__option--active{background:var(--color-bg-3,#f5f4f0);border-color:var(--color-line-2,#d3d2cd);color:var(--color-text-3,#6a6a6a)}.qsheet__option-glyph{background:var(--color-bg-3);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:16px;display:inline-grid}.qsheet__option--active .qsheet__option-glyph{background:var(--color-accent);color:#fff}.qsheet__option-label{flex:1}.qsheet__option-check{color:var(--color-accent);flex-shrink:0}.qsheet__cancel{background:var(--color-bg-2);border:1px solid var(--color-line-1);width:100%;min-height:52px;font-family:var(--font-display);color:var(--color-text-1);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;padding:14px;font-size:16px;font-weight:600;transition:transform .1s,background-color .15s;display:block}.qsheet__cancel:active{background:var(--color-bg-3);transform:scale(.99)}.qsheet--tier .qsheet__grid--rank{grid-template-columns:1fr;gap:6px;padding:0 16px}.qsheet__option--rank{text-align:left;justify-content:flex-start;gap:14px;padding:14px 16px}.qsheet__option-rank{font-family:var(--font-display,system-ui);letter-spacing:.02em;text-align:center;width:36px;color:var(--rank-color,var(--color-text-1));flex-shrink:0;font-size:18px;font-weight:800}.qsheet__option--rank .qsheet__option-label{color:var(--color-text-2);font-size:15px}.qsheet__option--unrank{border-radius:var(--radius-md);background:var(--color-bg-2);width:calc(100% - 32px);color:var(--color-text-1);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;align-items:center;gap:14px;margin:0 16px;padding:12px 16px;display:flex}.qsheet__option--unrank:active{background:var(--color-bg-3)}.qsheet__option--unrank .qsheet__option-glyph{text-align:center;width:36px;color:var(--color-text-3);flex-shrink:0;font-size:20px}.qsheet__option--unrank.qsheet__option--active{background:var(--color-accent-soft,#7c5cff29);color:var(--color-text-1)}.qsheet__divider{background:var(--color-line-1);height:1px;margin:8px 16px}.filter-chips{top:var(--header-h,56px);z-index:40;background:var(--glass-bg-strong,#ffffffeb);-webkit-backdrop-filter:blur(20px)saturate(170%);border-bottom:1px solid var(--color-line-1);margin:0 -16px;padding:8px 0 6px;position:sticky}.filter-chips__label{justify-content:space-between;align-items:baseline;padding:0 16px 8px;display:flex}.filter-chips__title{font-family:var(--font-display);color:var(--color-text-1);letter-spacing:-.01em;font-size:18px;font-weight:700}.filter-chips__count{font-family:var(--font-display);color:var(--color-text-3);background:var(--color-bg-2);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.filter-chips__row{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:6px;padding:0 16px 4px;display:flex;overflow:auto hidden}.filter-chips__row::-webkit-scrollbar{display:none}.filter-chips__sep{background:var(--color-line-1);flex-shrink:0;align-self:stretch;width:1px;margin:4px}.filter-chip{background:var(--color-bg-3);border:1px solid var(--color-line-1);min-height:36px;font-family:var(--font-display);color:var(--color-text-2);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:8px 14px;font-size:14px;font-weight:600;transition:transform .1s,background-color .15s,border-color .15s;display:inline-flex}.filter-chip:active{background:var(--color-bg-2);transform:scale(.96)}.filter-chip--active{background:var(--color-text-1);color:#fff;border-color:var(--color-text-1)}.filter-chip--rank.filter-chip--active{background:var(--rank-color,var(--color-accent));border-color:var(--rank-color,var(--color-accent));color:#fff}.filter-chip--ghost{color:var(--color-text-3);background:0 0;border-style:dashed}.filter-chip--add{background:var(--color-accent);color:#fff;border-color:var(--color-accent);justify-content:center;min-width:36px;padding:8px}.filter-chip--add:active{background:var(--color-text-1)}.app-layout--touch .filterbar{display:none}.title-page__related-strip{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:4px;display:grid}@media (width<=600px){.title-page__related-strip{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:70%;grid-auto-flow:column;margin:4px -16px 0;padding-bottom:8px;padding-left:16px;padding-right:16px;scroll-padding:0 16px;overflow-x:auto}}.related-card{appearance:none;background:var(--color-bg-1);border:1px solid var(--color-line-1);border-radius:var(--radius-md);text-align:left;cursor:pointer;font:inherit;color:inherit;scroll-snap-align:start;flex-direction:column;gap:6px;padding:10px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.related-card:hover{border-color:var(--color-line-2);transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.related-card:active{transform:translateY(0)}.related-card--skeleton{background:linear-gradient(110deg, var(--color-bg-1) 0%, var(--color-bg-2) 50%, var(--color-bg-1) 100%);cursor:default;border-color:var(--color-line-1);background-size:200% 100%;height:200px;animation:1.4s linear infinite skeleton-shimmer}.related-card--skeleton:hover{box-shadow:none;border-color:var(--color-line-1);transform:none}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.related-card__cover{aspect-ratio:3/4;border-radius:var(--radius-sm);background:var(--color-bg-2);object-fit:cover;width:100%;display:block}.related-card__cover--fallback{font-family:var(--font-serif);color:var(--color-text-3);justify-content:center;align-items:center;font-size:36px;font-weight:600;display:flex}.related-card__title{color:var(--color-text-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.related-card__meta{color:var(--color-text-3);gap:6px;font-size:11.5px;font-weight:500;display:flex}.related-card__source{text-transform:capitalize}.related-card__year:before{content:"·";opacity:.6;margin-right:6px}.related-card__genres{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.related-card__genre{background:var(--color-bg-2);color:var(--color-text-2);border:1px solid var(--color-line-1);border-radius:999px;padding:2px 6px;font-size:10px;font-weight:600}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}