@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);:root{--brand-yellow:#fce706;--brand-yellow-hover:#e5d200;--brand-yellow-deep:#f19d01;--brand-yellow-soft:#fce7061f;--brand-yellow-border:#fce70652;--brand-red:#f90415;--brand-red-hover:#c20203;--brand-red-soft:#f904151f;--brand-red-border:#f9041552;--bg-page:#0a0a0a;--bg-section:#101010;--bg-surface:#171717;--bg-card:#1e1e1e;--bg-card-hover:#262626;--bg-input:#171717;--bg-overlay:#000000b8;--border-subtle:#262626;--border-default:#323232;--border-strong:#484848;--text-primary:#fbfbfb;--text-secondary:#c2c4c7;--text-muted:#8a8a8a;--text-disabled:#5a5a5a;--text-inverse:#050505;--success:#22c55e;--success-soft:#22c55e1f;--success-border:#22c55e52;--warning:var(--brand-yellow);--error:var(--brand-red);--info:var(--text-secondary);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:48px;--sp-10:64px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 40px #0006;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--fs-12:0.75rem;--fs-13:0.8125rem;--fs-14:0.875rem;--fs-15:0.9375rem;--fs-16:1rem;--fs-18:1.125rem;--fs-20:1.25rem;--fs-22:1.375rem;--fs-24:1.5rem;--fs-28:1.75rem;--fs-32:2rem;--fs-36:2.25rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-snug:1.4;--lh-normal:1.55;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-enter:cubic-bezier(0.16,1,0.3,1);--ease-exit:cubic-bezier(0.7,0,0.84,0);--dur-fast:120ms;--dur-normal:180ms;--dur-slow:280ms;--shell-header-top:16px;--shell-header-h:68px;--shell-gutter:clamp(16px,2.4vw,32px);--shell-section-gap:clamp(24px,3vw,40px);--shell-content-max:1440px;--z-sticky:100;--z-header:1000;--z-dropdown:1100;--z-overlay:9000;--z-modal:10000;--z-toast:11000;--z-loader:99999;--color-blue:var(--brand-yellow);--color-blue-light:var(--brand-yellow);--color-blue-dark:var(--brand-yellow-hover);--color-indigo:var(--brand-yellow);--color-indigo-light:var(--brand-yellow);--color-cyan:var(--brand-yellow);--color-cyan-light:var(--brand-yellow);--color-teal:var(--success);--color-teal-light:var(--success);--color-emerald:var(--success);--color-emerald-light:var(--success);--color-amber:var(--brand-yellow);--color-amber-light:var(--brand-yellow);--color-rose:var(--brand-red);--color-rose-light:var(--brand-red);--color-violet:var(--text-muted);--color-violet-light:var(--text-secondary);--color-pink:var(--brand-red);--c-blue:var(--brand-yellow);--c-blue-light:var(--brand-yellow);--c-blue-dark:var(--brand-yellow-hover);--c-indigo:var(--brand-yellow);--c-indigo-light:var(--brand-yellow);--c-cyan:var(--brand-yellow);--c-cyan-light:var(--brand-yellow);--c-teal:var(--success);--c-teal-light:var(--success);--c-emerald:var(--success);--c-emerald-light:var(--success);--c-amber:var(--brand-yellow);--c-amber-light:var(--brand-yellow);--c-warning:var(--brand-yellow);--c-warning-light:var(--brand-yellow);--c-danger:var(--brand-red);--c-danger-dark:var(--brand-red-hover);--c-danger-light:var(--brand-red);--c-rose:var(--brand-red);--c-rose-light:var(--brand-red);--c-violet:var(--text-muted);--c-violet-light:var(--text-secondary);--c-success:var(--success);--c-success-light:var(--success);--c-info:var(--text-secondary);--clr-primary:var(--brand-yellow);--clr-primary-light:var(--brand-yellow);--clr-secondary:var(--brand-yellow);--clr-secondary-light:var(--brand-yellow);--clr-accent:var(--brand-yellow);--clr-success:var(--success);--clr-success-light:var(--success);--clr-warning:var(--brand-yellow);--clr-danger:var(--brand-red);--clr-info:var(--text-secondary);--bg-body:var(--bg-page);--bg-glass:var(--bg-card);--bg-tertiary:var(--bg-surface);--bg-hover:var(--bg-card-hover);--border:var(--border-default);--border-color:var(--border-default);--border-hover:var(--brand-yellow-border);--border-light:var(--border-subtle);--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-md);--radius-2xl:var(--r-lg);--radius-3xl:var(--r-lg);--radius-4xl:var(--r-lg);--radius-full:var(--r-pill);--r-xs:4px;--r-xl:var(--r-md);--r-2xl:var(--r-lg);--r-3xl:var(--r-lg);--r-4xl:var(--r-lg);--r-full:var(--r-pill);--space-1:var(--sp-1);--space-2:var(--sp-2);--space-3:var(--sp-3);--space-4:var(--sp-4);--space-5:var(--sp-5);--space-6:var(--sp-6);--space-7:var(--sp-7);--space-8:var(--sp-8);--shadow-xs:var(--shadow-sm);--shadow-glow:var(--shadow-md);--shadow-glow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-lg);--shadow-2xl:var(--shadow-lg);--shadow-inner:none;--grad-primary:var(--brand-yellow);--grad-primary-hover:var(--brand-yellow-hover);--grad-success:var(--success);--grad-danger:var(--brand-red);--grad-warning:var(--brand-yellow);--grad-aurora:var(--brand-yellow);--grad-glass:var(--bg-surface);--gradient:var(--brand-yellow);--gradient-primary:var(--brand-yellow);--gradient-secondary:var(--brand-yellow);--gradient-success:var(--success);--gradient-danger:var(--brand-red);--gradient-warning:var(--brand-yellow);--transition:var(--dur-normal) var(--ease-standard);--transition-base:var(--dur-normal) var(--ease-standard);--transition-fast:var(--dur-fast) var(--ease-standard);--transition-slow:var(--dur-slow) var(--ease-standard);--transition-bounce:var(--dur-normal) var(--ease-standard);--t-base:var(--dur-normal) var(--ease-standard);--t-fast:var(--dur-fast) var(--ease-standard);--t-slow:var(--dur-slow) var(--ease-standard);--t-bounce:var(--dur-normal) var(--ease-standard);--font-family:var(--font-sans);--font-family-mono:var(--font-mono);--font-family-heading:var(--font-sans);--font-normal:var(--fw-regular);--font-medium:var(--fw-medium);--font-semibold:var(--fw-semibold);--font-bold:var(--fw-bold);--font-extrabold:var(--fw-bold);--font-black:var(--fw-bold);--text-xs:var(--fs-12);--text-sm:var(--fs-14);--text-base:var(--fs-16);--text-lg:var(--fs-18);--text-xl:var(--fs-20);--text-2xl:var(--fs-24);--text-3xl:var(--fs-28);--text-4xl:var(--fs-32);--text-5xl:var(--fs-36);--leading-tight:var(--lh-tight);--leading-snug:var(--lh-snug);--leading-normal:var(--lh-normal);--tracking-wide:0.02em;--tracking-wider:0.04em;--tracking-tighter:-0.02em;--shell-max-height:100dvh}[data-theme=light]{--bg-page:#f7f7f7;--bg-section:#fff;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f2f2f2;--bg-input:#fff;--bg-overlay:#0006;--border-subtle:#ebebeb;--border-default:#dcdcdc;--border-strong:#c4c4c4;--text-primary:#050505;--text-secondary:#4a4a4a;--text-muted:#8a8a8a;--text-disabled:#b5b5b5;--text-inverse:#fbfbfb;--shadow-sm:0 1px 4px #0000000f;--shadow-md:0 6px 18px #00000014;--shadow-lg:0 14px 36px #0000001a;--bg-body:var(--bg-page);--bg-tertiary:var(--bg-surface);--bg-hover:var(--bg-card-hover)}@media (max-width:1024px){:root{--shell-header-top:12px;--shell-header-h:64px}}@media (max-width:768px){:root{--shell-header-top:10px;--shell-header-h:58px}}@media (max-width:480px){:root{--shell-header-top:8px;--shell-header-h:52px}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#484848;background:var(--border-strong);border-radius:999px;border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:#fce706;background:var(--brand-yellow)}*{scrollbar-color:#484848 #0000;scrollbar-color:var(--border-strong) #0000;scrollbar-width:thin}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;scroll-behavior:smooth;text-rendering:optimizeLegibility}body,html{max-width:100%;overflow-x:clip}body{background:var(--bg-body);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-normal);min-height:100dvh;transition:background-color var(--t-base),color var(--t-base)}::selection{background:var(--c-blue);color:#fff}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-display);font-weight:var(--fw-bold);line-height:var(--lh-tight)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}a{color:var(--c-blue-light);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--c-blue)}p{margin-bottom:var(--sp-3)}ol,ul{list-style:none}img,svg,video{display:block;height:auto;max-width:100%}button{background:none;border:none;cursor:pointer}button,input,select,textarea{color:inherit;font:inherit}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 30px var(--bg-tertiary) inset!important}:focus-visible{border-radius:var(--r-xs);outline:2px solid var(--c-blue);outline-offset:2px}table{border-collapse:collapse;width:100%}[hidden]{display:none!important}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important}a[href]:after{content:" (" attr(href) ")"}}.heading-xl{font-size:var(--text-5xl);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight)}.heading-lg{font-size:var(--text-4xl)}.heading-lg,.heading-md{font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.heading-md{font-size:var(--text-3xl)}.heading-sm{font-size:var(--text-2xl)}.heading-sm,.heading-xs{font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.heading-xs{font-size:var(--text-xl)}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientFlow 5s ease infinite;background:var(--gradient-aurora);-webkit-background-clip:text;background-clip:text;background-size:300% 300%}@keyframes gradientFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.section-title{border-bottom:1px solid var(--border-color);font-family:var(--font-family-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-2);position:relative}.section-title i{color:var(--clr-secondary);font-size:var(--text-xl)}.section-title:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:48px}.link{color:var(--clr-primary);cursor:pointer;text-decoration:none;transition:color var(--transition)}.link:hover{color:var(--clr-secondary)}.link-underline{color:var(--clr-primary);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition)}.link-underline:hover{color:var(--clr-secondary)}code{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-1) var(--space-2)}code,pre{background:var(--bg-tertiary)}pre{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-x:auto;padding:var(--space-4)}pre code{background:none;color:var(--text-primary);padding:0}blockquote{background:var(--bg-tertiary);border-left:4px solid var(--clr-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);margin:var(--space-4) 0;padding:var(--space-2) var(--space-4)}.list-disc{list-style:disc}.list-decimal,.list-disc{padding-left:var(--space-6)}.list-decimal{list-style:decimal}.list-none{list-style:none;padding-left:0}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.d-inline-flex{display:inline-flex}.d-table{display:table}.d-table-cell{display:table-cell}.d-table-row{display:table-row}.d-contents{display:contents}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-stretch{justify-content:stretch}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-stretch{align-items:stretch}.align-baseline{align-items:baseline}.align-content-start{align-content:flex-start}.align-content-end{align-content:flex-end}.align-content-center{align-content:center}.align-content-between{align-content:space-between}.align-content-around{align-content:space-around}.align-content-stretch{align-content:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-7{grid-template-columns:repeat(7,1fr)}.grid-cols-8{grid-template-columns:repeat(8,1fr)}.grid-cols-9{grid-template-columns:repeat(9,1fr)}.grid-cols-10{grid-template-columns:repeat(10,1fr)}.grid-cols-11{grid-template-columns:repeat(11,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.grid-rows-1{grid-template-rows:repeat(1,1fr)}.grid-rows-2{grid-template-rows:repeat(2,1fr)}.grid-rows-3{grid-template-rows:repeat(3,1fr)}.grid-rows-4{grid-template-rows:repeat(4,1fr)}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-span-4{grid-row:span 4/span 4}.row-span-full{grid-row:1/-1}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-16{margin:var(--space-16)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-1{margin-bottom:var(--space-1);margin-top:var(--space-1)}.my-2{margin-bottom:var(--space-2);margin-top:var(--space-2)}.my-3{margin-bottom:var(--space-3);margin-top:var(--space-3)}.my-4{margin-bottom:var(--space-4);margin-top:var(--space-4)}.my-auto{margin-bottom:auto;margin-top:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-auto{margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.p-16{padding:var(--space-16)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:var(--space-1);padding-top:var(--space-1)}.py-2{padding-bottom:var(--space-2);padding-top:var(--space-2)}.py-3{padding-bottom:var(--space-3);padding-top:var(--space-3)}.py-4{padding-bottom:var(--space-4);padding-top:var(--space-4)}.py-5{padding-bottom:var(--space-5);padding-top:var(--space-5)}.py-6{padding-bottom:var(--space-6);padding-top:var(--space-6)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pl-0{padding-left:0}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pr-0{padding-right:0}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.max-w-none{max-width:none}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{bottom:0;top:0}.inset-0,.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.top-0{top:0}.top-auto{top:auto}.right-0{right:0}.right-auto{right:auto}.bottom-0{bottom:0}.bottom-auto{bottom:auto}.left-0{left:0}.left-auto{left:auto}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-success{color:var(--clr-success)}.text-warning{color:var(--clr-warning)}.text-danger{color:var(--clr-danger)}.text-info{color:var(--clr-info)}.text-accent{color:var(--clr-secondary)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-wrap{white-space:normal}.text-nowrap{white-space:nowrap}.text-break{word-break:break-word}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-card{background-color:var(--bg-card)}.bg-transparent{background-color:initial}.bg-success{background-color:var(--clr-success)}.bg-warning{background-color:var(--clr-warning)}.bg-danger{background-color:var(--clr-danger)}.bg-info{background-color:var(--clr-info)}.bg-accent{background-color:var(--clr-secondary)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-success{background:var(--gradient-success)}.bg-gradient-danger{background:var(--gradient-danger)}.bg-gradient-warning{background:var(--gradient-warning)}.border{border:1px solid var(--border-color)}.border-2{border-width:2px}.border-4{border-width:4px}.border-0{border:0}.border-t{border-top:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-primary{border-color:var(--clr-primary)}.border-secondary{border-color:var(--clr-secondary)}.border-success{border-color:var(--clr-success)}.border-warning{border-color:var(--clr-warning)}.border-danger{border-color:var(--clr-danger)}.border-info{border-color:var(--clr-info)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-l-none{border-bottom-left-radius:0;border-top-left-radius:0}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-inner{box-shadow:var(--shadow-inner)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.visible{visibility:visible}.invisible{visibility:hidden}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.clear-none{clear:none}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only-focusable:focus-visible{clip:auto;height:auto;margin:0;overflow:visible;padding:0;position:static;white-space:normal;width:auto}.animate-none{animation:none}.animate-fade-in{animation:fadeIn var(--transition) forwards}.animate-slide-up{animation:slideUp var(--transition) forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.delay-0{animation-delay:0s}.delay-50{animation-delay:.05s}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.transition-none{transition:none}.transition-all{transition:all var(--transition)}.transition-colors{transition:background-color var(--transition),border-color var(--transition),color var(--transition)}.transition-transform{transition:transform var(--transition)}.transition-opacity{transition:opacity var(--transition)}@media print{.no-print{display:none}.print-only{display:block}}.main-content{box-sizing:border-box;margin:0;max-width:100%;min-height:100dvh;overflow-x:clip;padding:calc(var(--shell-header-top) + var(--shell-header-h) + var(--shell-section-gap)) var(--shell-gutter) var(--shell-section-gap);width:100%}.main-content>.page.active,.main-content>main.page.active{animation:fadeIn var(--dur-slow) var(--ease-enter);box-sizing:border-box;margin:0 auto;max-width:var(--shell-content-max);padding:0;width:100%}.sidebar+.main-content,body.has-sidebar .main-content,body.no-sidebar .main-content{margin-left:0;max-width:100%}.container{margin:0 auto;max-width:var(--shell-content-max);padding:0 var(--shell-gutter);width:100%}#achievements-page,#anime-dna-section,#anime-list-page,#community-page,#currently-watching-section,#settings-page,#statistics-page,#top-rated-anime,#watchlist-page,.anime-list-container,.chart-card:has(.heatmap-header),.dashboard-grid,.dashboard-section,.dna-grid,.greeting-banner{margin-left:0;margin-right:0;max-width:100%}body.modal-open{overflow:hidden}@media (prefers-reduced-motion:reduce){.main-content>.page.active,.main-content>main.page.active{animation:none!important}}.top-bar{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);height:var(--shell-header-h);justify-content:space-between;left:var(--shell-gutter);padding:0 clamp(12px,2vw,24px);position:fixed;right:var(--shell-gutter);top:var(--shell-header-top);z-index:var(--z-header)}.header-left,.top-bar{align-items:center;display:flex}.header-left{gap:var(--sp-3)}.header-left a{text-decoration:none}.app-logo,.header-left a{align-items:center;display:flex}.app-logo img{display:block;height:40px;object-fit:contain;width:auto}.user-actions{align-items:center;display:flex;gap:var(--sp-2)}.notification-bell,.pwa-install-btn,.search-trigger,.theme-toggle{align-items:center;border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);width:40px}.notification-bell:hover,.pwa-install-btn:hover,.search-trigger:hover,.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-primary)}.notification-bell i,.search-trigger i,.theme-toggle i{font-size:var(--fs-14)}.search-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-lg);opacity:0;padding:var(--sp-3);position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-4px);transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),visibility var(--dur-fast) var(--ease-standard);visibility:hidden;width:320px;z-index:var(--z-dropdown)}.search-dropdown.open{opacity:1;transform:translateY(0);visibility:visible}.search-input-wrapper{position:relative}.search-input-wrapper input{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);font-size:var(--fs-14);outline:none;padding:10px 12px 10px 38px;transition:border-color var(--dur-fast) var(--ease-standard);width:100%}.search-input-wrapper input:focus{border-color:var(--brand-yellow)}.search-input-wrapper input::placeholder{color:var(--text-muted)}.search-input-wrapper:before{color:var(--text-muted);content:"\f002";font-family:Font Awesome\ 6 Free;font-size:var(--fs-12);font-weight:900;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.user-profile{align-items:center;cursor:pointer;display:flex;position:relative}.user-avatar{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-sm);height:40px;object-fit:cover;transition:border-color var(--dur-fast) var(--ease-standard);width:40px}.user-profile:hover .user-avatar{border-color:var(--brand-yellow-border)}.profile-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-lg);opacity:0;padding:var(--sp-3);position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-4px);transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),visibility var(--dur-fast) var(--ease-standard);visibility:hidden;width:300px;z-index:var(--z-dropdown)}.profile-dropdown.open{opacity:1;transform:translateY(0);visibility:visible}.profile-dropdown .sidebar-user{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--sp-3);margin-bottom:var(--sp-3);padding:var(--sp-3)}.profile-dropdown .user-avatar-container{flex-shrink:0;position:relative}.profile-dropdown .sidebar-avatar{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-sm);height:44px;object-fit:cover;width:44px}.profile-dropdown .online-status{background:var(--success);border:2px solid var(--bg-surface);border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}.profile-dropdown .sidebar-user-info{flex:1 1;min-width:0}.profile-dropdown .sidebar-username{color:var(--text-primary);font-size:var(--fs-14);font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown .sidebar-user-stats{display:flex;gap:var(--sp-3);margin-top:var(--sp-2)}.profile-dropdown .stat-item{display:flex;flex-direction:column}.profile-dropdown .stat-number{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-14);font-weight:var(--fw-bold)}.profile-dropdown .stat-label{color:var(--text-muted);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.profile-dropdown .stat-divider{align-self:stretch;background:var(--border-subtle);width:1px}@media (max-width:1024px){.app-logo img{height:36px}.notification-bell,.pwa-install-btn,.search-trigger,.theme-toggle,.user-avatar{height:38px;width:38px}}@media (max-width:768px){.app-logo img{height:32px}.notification-bell,.pwa-install-btn,.search-trigger,.theme-toggle,.user-avatar{height:36px;width:36px}.user-actions{gap:6px}.profile-dropdown,.search-dropdown{left:var(--shell-gutter);position:fixed;right:var(--shell-gutter);top:calc(var(--shell-header-top) + var(--shell-header-h) + 8px);width:auto}}@media (max-width:480px){.app-logo img{height:28px}.notification-bell,.pwa-install-btn,.search-trigger,.theme-toggle,.user-avatar{height:32px;width:32px}.notification-bell i,.search-trigger i,.theme-toggle i{font-size:var(--fs-12)}}.sidebar-menu{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) 0}.menu-item{align-items:center;background:#0000;border:none;border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--fs-14);font-weight:var(--fw-medium);gap:var(--sp-3);padding:10px 14px;position:relative;text-align:left;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);width:100%}.menu-item i{color:var(--text-muted);flex-shrink:0;font-size:var(--fs-14);text-align:center;transition:color var(--dur-fast) var(--ease-standard);width:20px}.menu-item span{flex:1 1;min-width:0}.menu-item:hover{background:var(--bg-card);color:var(--text-primary)}.menu-item:hover i{color:var(--text-secondary)}.menu-item.active{background:var(--bg-card);color:var(--text-primary);font-weight:var(--fw-semibold)}.menu-item.active i{color:var(--brand-yellow)}.menu-item.active:after{background:var(--brand-yellow);border-radius:0 3px 3px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.menu-item#logoutBtn{border-top:1px solid var(--border-subtle);color:var(--text-muted);margin-top:var(--sp-4);padding-top:var(--sp-3)}.menu-item#logoutBtn:hover{background:var(--brand-red-soft);color:var(--brand-red)}.menu-item#logoutBtn:hover i{color:var(--brand-red)}.sidebar-level{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-pill);display:inline-flex;gap:var(--sp-2);margin-top:var(--sp-2);padding:4px 10px;width:fit-content}.level-badge{background:var(--brand-yellow);border-radius:var(--r-pill);color:var(--text-inverse);font-size:.6875rem;font-weight:var(--fw-bold);padding:2px 8px}.level-title{color:var(--text-secondary);font-size:var(--fs-12);font-weight:var(--fw-medium)}@media (max-width:480px){.menu-item{font-size:var(--fs-13);padding:8px 12px}.menu-item i{font-size:var(--fs-13);width:18px}}@media (prefers-reduced-motion:reduce){.menu-item,.menu-item i{transition:none!important}}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-6);transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.stat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.stat-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-2px)}.stat-header{align-items:flex-start;display:flex;gap:var(--sp-3);justify-content:space-between}.stat-value{color:var(--text-primary);display:block;font-family:var(--font-mono);font-size:var(--fs-28);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:1.1;margin-bottom:2px}.stat-label{display:block;letter-spacing:.06em;text-transform:uppercase}.stat-change,.stat-label{color:var(--text-muted);font-size:var(--fs-12);font-weight:var(--fw-medium)}.stat-change{align-items:center;display:inline-flex;gap:4px;margin-top:var(--sp-2)}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--brand-red)}.stat-change.neutral{color:var(--text-muted)}.stat-icon,.stat-icon.danger,.stat-icon.info,.stat-icon.primary,.stat-icon.secondary,.stat-icon.success,.stat-icon.warning{align-items:center;animation:none;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:none;color:var(--brand-yellow);display:flex;flex-shrink:0;font-size:var(--fs-18);height:44px;justify-content:center;min-width:44px;transition:border-color var(--dur-fast) var(--ease-standard);width:44px}.stat-card:hover .stat-icon,.stat-card:hover .stat-icon.danger,.stat-card:hover .stat-icon.info,.stat-card:hover .stat-icon.primary,.stat-card:hover .stat-icon.secondary,.stat-card:hover .stat-icon.success,.stat-card:hover .stat-icon.warning{border-color:var(--brand-yellow-border);transform:none}.anime-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:background-color var(--dur-normal) var(--ease-standard),border-color var(--dur-normal) var(--ease-standard),transform var(--dur-normal) var(--ease-standard)}.anime-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-2px)}.anime-card .anime-img-wrapper{aspect-ratio:2/3;background:var(--bg-surface);overflow:hidden;position:relative;width:100%}.anime-card .anime-cover{display:block;height:100%;object-fit:cover;transition:opacity var(--dur-normal) var(--ease-standard);width:100%}.anime-card:hover .anime-cover{opacity:.94}.anime-card .anime-info{display:flex;flex:1 1;flex-direction:column;gap:var(--sp-2);min-width:0;padding:var(--sp-3) var(--sp-4) var(--sp-4)}.anime-card .anime-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--fs-14);font-weight:var(--fw-semibold);line-height:var(--lh-snug);min-width:0;overflow:hidden}.anime-card .anime-title,.anime-card:hover .anime-title{color:var(--text-primary)}.anime-card .anime-meta{align-items:center;display:flex;gap:var(--sp-2);justify-content:space-between;margin-top:auto}.anime-card .anime-meta,.anime-card .anime-meta>span,.anime-card .anime-type{color:var(--text-muted);font-size:var(--fs-12)}.anime-card .anime-meta .score,.anime-card .anime-score{align-items:center;color:var(--brand-yellow);display:inline-flex;font-weight:var(--fw-semibold);gap:3px}.anime-card .rating-badge{border:1px solid var(--brand-yellow-border);border-radius:var(--r-pill);color:var(--brand-yellow);gap:4px;padding:3px 8px;right:var(--sp-3)}.anime-card .anime-badge,.anime-card .rating-badge{align-items:center;background:#000000c7;display:inline-flex;font-size:var(--fs-12);font-weight:var(--fw-semibold);line-height:1;position:absolute;top:var(--sp-3);z-index:2}.anime-card .anime-badge{border:1px solid var(--border-strong);border-radius:var(--r-pill);color:var(--text-primary);left:var(--sp-3);letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.anime-badge[data-status=Watching]{border-color:var(--brand-yellow-border);color:var(--brand-yellow)}.anime-badge[data-status=Completed]{border-color:var(--success-border);color:var(--success)}.anime-badge[data-status="Plan to Watch"]{border-color:var(--border-strong);color:var(--text-secondary)}.anime-badge[data-status=Dropped]{border-color:var(--brand-red-border);color:var(--brand-red)}.anime-badge[data-status=On-Hold]{border-color:var(--border-strong);color:var(--text-muted)}.chart-card .chart-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3)}.chart-card .chart-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-15);font-weight:var(--fw-semibold);gap:var(--sp-2)}.chart-card .chart-title i{color:var(--brand-yellow);font-size:var(--fs-14)}.chart-card .chart-container{height:280px;position:relative;width:100%}.dna-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.dna-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-2px)}.dna-label{color:var(--text-muted);font-size:var(--fs-12);font-weight:var(--fw-medium);letter-spacing:.06em;text-transform:uppercase}.dna-value{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-22);font-weight:var(--fw-bold);letter-spacing:-.01em}@media (max-width:1024px){.stat-card{padding:var(--sp-4)}.stat-value{font-size:var(--fs-24)}.chart-card{padding:var(--sp-4)}.chart-card .chart-container{height:240px}}@media (max-width:768px){.stat-card{padding:var(--sp-4)}.stat-value{font-size:var(--fs-22)}.stat-icon,.stat-icon.danger,.stat-icon.info,.stat-icon.primary,.stat-icon.secondary,.stat-icon.success,.stat-icon.warning{font-size:var(--fs-16);height:40px;min-width:40px;width:40px}.chart-card{padding:var(--sp-4)}.chart-card .chart-container{height:200px}.anime-card .anime-info{padding:var(--sp-3)}.anime-card .anime-title{font-size:var(--fs-13)}}@media (max-width:480px){.stat-card{padding:var(--sp-3)}.stat-value{font-size:var(--fs-20)}.stat-icon,.stat-icon.danger,.stat-icon.info,.stat-icon.primary,.stat-icon.secondary,.stat-icon.success,.stat-icon.warning{font-size:var(--fs-14);height:36px;min-width:36px;width:36px}.chart-card{padding:var(--sp-3)}.chart-card .chart-container{height:180px}.dna-value{font-size:var(--fs-18)}}@media (prefers-reduced-motion:reduce){.anime-card,.card,.chart-card,.dna-card,.stat-card{transform:none!important;transition:none!important}.anime-card:hover,.dna-card:hover,.stat-card:hover{transform:none!important}}@media (hover:none) and (pointer:coarse){#currently-watching-grid .anime-card:hover,#top-rated-anime .anime-card:hover,#watchlist-container .anime-card:hover,.action-btn:hover,.anime-card:hover,.dna-card:hover,.stat-card:hover{transform:none!important}.action-btn,.anime-card,.dna-card,.stat-card{transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.action-icon,.anime-card:hover .anime-cover,.anime-card:hover .anime-title,.stat-icon{transform:none!important}}.btn{align-items:center;border:1px solid #0000;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-14);font-weight:var(--fw-semibold);gap:var(--sp-2);justify-content:center;line-height:1;min-height:40px;padding:10px 20px;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:2px}.btn:disabled,.btn[disabled]{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--brand-yellow-hover);border-color:var(--brand-yellow-hover)}.btn-secondary{background:var(--bg-card);border-color:var(--border-default);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-strong)}.btn-danger{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.btn-danger:hover:not(:disabled){background:var(--brand-red-hover);border-color:var(--brand-red-hover)}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(.94)}.btn-ghost{background:#0000;border-color:#0000;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary)}.btn-link{background:#0000;color:var(--brand-yellow);min-height:auto;padding:0;text-decoration:underline;text-underline-offset:3px}.btn-link:hover:not(:disabled){color:var(--brand-yellow-hover)}.btn-sm{font-size:var(--fs-12);min-height:32px;padding:6px 12px}.btn-lg{min-height:48px;padding:12px 24px}.btn-lg,.btn-xl{font-size:var(--fs-16)}.btn-xl{min-height:52px;padding:14px 28px}.btn-icon{height:40px;min-height:40px;min-width:40px;padding:0;width:40px}.btn-icon-sm{height:32px;min-height:32px;min-width:32px;width:32px}.btn-icon-lg{height:48px;min-height:48px;min-width:48px;width:48px}.btn-loading{color:#0000!important;pointer-events:none;position:relative}.btn-loading:after{animation:spin .7s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;color:var(--text-inverse);content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.btn-danger.btn-loading:after,.btn-primary.btn-loading:after{color:#fff}.filter-btn{align-items:center;border:1px solid var(--border-default);color:var(--text-secondary);display:inline-flex;gap:var(--sp-2);justify-content:center;min-height:36px;white-space:nowrap}.filter-btn:hover{background:var(--bg-card);border-color:var(--border-strong)}.theme-toggle{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);width:40px}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-primary)}.theme-toggle:disabled{cursor:not-allowed;opacity:.5}.action-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-sans);gap:var(--sp-3);justify-content:center;min-height:110px;padding:var(--sp-5) var(--sp-4);transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);width:100%}.action-btn:hover{background:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.action-btn .action-icon{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--brand-yellow);display:flex;font-size:var(--fs-18);height:44px;justify-content:center;transition:border-color var(--dur-fast) var(--ease-standard);width:44px}.action-btn:hover .action-icon{border-color:var(--brand-yellow-border)}.action-btn .action-text{color:var(--text-secondary);font-size:var(--fs-13);font-weight:var(--fw-medium);text-align:center;transition:color var(--dur-fast) var(--ease-standard)}.action-btn:hover .action-text{color:var(--text-primary)}@media (max-width:768px){.btn{font-size:var(--fs-13);padding:9px 16px}.btn-lg{font-size:var(--fs-14);min-height:44px;padding:10px 20px}.btn-icon{height:36px;min-height:36px;min-width:36px;width:36px}.action-btn{min-height:96px;padding:var(--sp-4) var(--sp-3)}.action-btn .action-icon{font-size:var(--fs-16);height:40px;width:40px}}@media (max-width:480px){.btn{font-size:var(--fs-13);min-height:36px;padding:8px 14px}.btn-sm{font-size:var(--fs-12);min-height:28px;padding:5px 10px}.btn-icon{height:34px;min-height:34px;min-width:34px;width:34px}.filter-btn{font-size:var(--fs-12);min-height:32px;padding:6px 12px}.action-btn{gap:var(--sp-2);min-height:80px}}@media (pointer:coarse){.action-btn,.btn,.filter-btn,.theme-toggle{min-height:44px}}@media (prefers-reduced-motion:reduce){.action-btn,.btn,.filter-btn,.theme-toggle{transition:none!important}.action-btn:hover,.btn:active:not(:disabled){transform:none!important}}.form-group{display:block;margin-bottom:var(--sp-4);position:relative}.form-group label{color:var(--text-muted);display:block;font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-medium);letter-spacing:.05em;line-height:1.4;margin-bottom:var(--sp-2);text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-14);line-height:1.4;outline:none;padding:10px 14px;transition:border-color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard);width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--border-strong)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg-card);border-color:var(--brand-yellow)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.form-group textarea{min-height:80px;resize:vertical}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8A8A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px 14px;cursor:pointer;padding-right:38px}.form-group select option{background:var(--bg-surface);color:var(--text-primary)}.file-input-wrapper input[type=file]{z-index:3}.file-name{color:var(--text-muted);display:block;font-size:var(--fs-12);margin-top:var(--sp-2);text-align:center}.form-inline{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--sp-3)}.form-inline .form-group{flex:1 1;margin-bottom:0;min-width:150px}.form-actions{border-top:1px solid var(--border-subtle);display:flex;gap:var(--sp-3);justify-content:flex-end;margin-top:var(--sp-5);padding-top:var(--sp-4)}.form-actions .btn{min-width:100px}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3)}.filter-controls select{appearance:none;-webkit-appearance:none;background:var(--bg-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8A8A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px 14px;border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-medium);min-height:40px;outline:none;padding:8px 34px 8px 14px;transition:border-color var(--dur-fast) var(--ease-standard)}.filter-controls select:hover{border-color:var(--border-strong)}.filter-controls select:focus{border-color:var(--brand-yellow)}.search-input{position:relative;width:100%}.search-input input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-14);outline:none;padding:10px 14px 10px 38px;transition:border-color var(--dur-fast) var(--ease-standard);width:100%}.search-input input::placeholder{color:var(--text-muted)}.search-input input:focus{border-color:var(--brand-yellow)}.search-input .search-icon{color:var(--text-muted);font-size:var(--fs-13);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:768px){.form-group{margin-bottom:var(--sp-4)}.form-group input,.form-group select,.form-group textarea{font-size:var(--fs-13);padding:10px 12px}.form-actions{flex-direction:column;gap:var(--sp-2)}.form-actions .btn{justify-content:center;width:100%}.form-inline{align-items:stretch;flex-direction:column}.form-inline .form-group{margin-bottom:var(--sp-3);min-width:0}.filter-controls{flex-direction:column;width:100%}.filter-controls select{width:100%}}@media (prefers-reduced-motion:reduce){.file-input-btn,.filter-controls select,.form-group input,.form-group select,.form-group textarea{transition:none!important}}.notification-bell,.notification-container{align-items:center;display:inline-flex;position:relative}.notification-bell{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;flex-shrink:0;height:40px;justify-content:center;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);width:40px}.notification-bell:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-primary)}.notification-bell.has-notifications i{color:var(--brand-yellow)}.notification-badge{align-items:center;background:var(--brand-red);border:2px solid var(--bg-surface);border-radius:var(--r-pill);color:#fff;display:flex;font-size:.625rem;font-weight:var(--fw-bold);height:18px;justify-content:center;min-width:18px;padding:0 4px;pointer-events:none;position:absolute;right:-4px;top:-4px}.notification-dropdown{animation:fadeIn var(--dur-fast) var(--ease-standard);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-lg);max-width:calc(100vw - 24px);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:var(--z-dropdown)}.notification-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:var(--sp-3) var(--sp-4)}.notification-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-14);font-weight:var(--fw-semibold);gap:6px;margin:0}.notification-header h3 i{color:var(--brand-yellow);font-size:var(--fs-12)}.mark-all-read{background:#0000;border:none;border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-medium);padding:4px 10px;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.mark-all-read:hover{background:var(--bg-card-hover);color:var(--text-primary)}.notification-list{max-height:400px;overflow-y:auto;padding:4px 0}.notification-empty{color:var(--text-muted);padding:40px 20px;text-align:center}.notification-empty i{display:block;font-size:28px;margin-bottom:var(--sp-3);opacity:.4}.notification-empty p{font-size:var(--fs-13);margin:0}.notification-item{align-items:flex-start;border-bottom:1px solid var(--border-subtle);cursor:pointer;display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);transition:background-color var(--dur-fast) var(--ease-standard)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-card-hover)}.notification-item.unread{background:var(--brand-yellow-soft);border-left:3px solid var(--brand-yellow)}.notification-item.notification-accepted{background:var(--success-soft);border-left:3px solid var(--success)}.notification-icon{align-items:center;background:var(--bg-surface);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:var(--fs-12);height:34px;justify-content:center;width:34px}.notification-icon.friend_request{color:var(--brand-yellow)}.notification-icon.friend_accepted{color:var(--success)}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--text-primary);font-size:var(--fs-13);font-weight:var(--fw-semibold);margin-bottom:2px}.notification-message{color:var(--text-muted);font-size:var(--fs-12);line-height:1.4;overflow-wrap:anywhere}.notification-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.notification-actions button{border:none;border-radius:var(--r-pill);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-medium);padding:4px 12px;transition:background-color var(--dur-fast) var(--ease-standard)}.notification-actions .accept{background:var(--brand-yellow);color:var(--text-inverse)}.notification-actions .accept:hover{background:var(--brand-yellow-hover)}.notification-actions .decline{background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-secondary)}.notification-actions .decline:hover{border-color:var(--border-strong);color:var(--text-primary)}@media (max-width:768px){.notification-dropdown{left:var(--sp-3);max-height:70dvh;position:fixed;right:var(--sp-3);top:calc(var(--shell-header-top) + var(--shell-header-h) + 8px);width:auto}}@media (max-width:480px){.notification-bell{height:32px;width:32px}.notification-header{padding:var(--sp-3)}.notification-item{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.notification-icon{font-size:.6875rem;height:28px;width:28px}}body.modal-open{overflow:hidden!important;overscroll-behavior:none;touch-action:none}html:has(body.modal-open){overflow:hidden;overscroll-behavior:none}body.modal-open .modal-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.modal{align-items:center;background:var(--bg-overlay);display:none;inset:0;justify-content:center;overflow-y:auto;padding:var(--sp-5);position:fixed;z-index:var(--z-modal)}.modal.active,.modal.show,.modal:not([hidden]){display:flex}.modal-content{animation:modalIn var(--dur-slow) var(--ease-enter);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);max-height:90dvh;max-width:640px;overflow-y:auto;padding:var(--sp-6);position:relative;width:100%}.modal-content.large-modal{max-width:900px}.modal-content.profile-modal{max-width:900px;overflow:hidden;padding:0}.modal-header{border-bottom:1px solid var(--border-subtle);gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-6);padding-bottom:var(--sp-4)}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{color:var(--text-primary);font-size:var(--fs-20);font-weight:var(--fw-semibold);gap:var(--sp-2);letter-spacing:-.01em;margin:0}.modal-title i{color:var(--brand-yellow);font-size:var(--fs-18)}.close-modal{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:var(--fs-16);height:36px;justify-content:center;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);width:36px}.close-modal:hover{background:var(--brand-red-soft);border-color:var(--brand-red-border);color:var(--brand-red)}.modal .form-group{display:block;margin-bottom:0;position:relative}.modal .form-group label{color:var(--text-muted);display:block;font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-medium);letter-spacing:.05em;line-height:1.4;margin-bottom:var(--sp-2);text-transform:uppercase}.modal .form-group input,.modal .form-group select,.modal .form-group textarea{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-14);line-height:1.4;outline:none;padding:11px 14px;transition:border-color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard);width:100%}.modal .form-group input::placeholder,.modal .form-group textarea::placeholder{color:var(--text-muted)}.modal .form-group input:hover,.modal .form-group select:hover,.modal .form-group textarea:hover{border-color:var(--border-strong)}.modal .form-group input:focus,.modal .form-group select:focus,.modal .form-group textarea:focus{background:var(--bg-surface);border-color:var(--brand-yellow)}.modal .form-group input:disabled,.modal .form-group select:disabled,.modal .form-group textarea:disabled{cursor:not-allowed;opacity:.6}.modal .form-group textarea{min-height:80px;resize:vertical}.modal .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8A8A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px 14px;cursor:pointer;padding-right:38px}.modal .form-group select option{background:var(--bg-surface);color:var(--text-primary)}.modal .form-row{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);margin-bottom:var(--sp-6)}.modal .form-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.modal .form-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.modal .form-row .form-group{margin-bottom:0}.modal form>.form-group,.modal>.modal-content>.form-group{margin-bottom:var(--sp-6)}.modal .completion-date-box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);margin-bottom:var(--sp-6);padding:var(--sp-4)}.modal .completion-date-box .form-row{margin-bottom:0}.modal .completion-date-box label i{color:var(--text-muted);font-size:var(--fs-12);margin-right:6px}.modal .form-group-search{position:relative}.modal .search-loading{align-items:center;color:var(--text-muted);display:flex;font-size:var(--fs-12);gap:var(--sp-2);margin-top:var(--sp-2)}.modal .search-loading i{color:var(--brand-yellow)}.modal .search-results{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-lg);left:0;max-height:320px;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-2);position:absolute;right:0;top:calc(100% + 6px);z-index:20}.modal .search-result-item{align-items:flex-start;border-radius:var(--r-sm);cursor:pointer;display:flex;gap:var(--sp-3);padding:var(--sp-2);transition:background-color var(--dur-fast) var(--ease-standard)}.modal .search-result-item:hover{background:var(--bg-card-hover)}.modal .search-result-item img{background:var(--bg-card);border-radius:6px;flex-shrink:0;height:65px;object-fit:cover;width:45px}.modal .search-result-info{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.modal .search-result-title{color:var(--text-primary);font-size:var(--fs-14);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal .search-result-meta{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--fs-12);gap:var(--sp-3)}.modal .search-result-meta>span{flex:0 0 auto;white-space:nowrap}.modal .search-result-meta .score{align-items:center;color:var(--brand-yellow);display:inline-flex;font-weight:var(--fw-medium);gap:4px}.modal .search-result-meta .score i{font-size:.625rem}.modal .search-result-genres{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.6875rem;gap:0 6px;margin-top:2px;overflow:hidden}.modal .search-result-genres .genre-tag{align-items:center;display:inline-flex;margin-right:2px;white-space:nowrap}@media (max-width:768px){.modal .search-results{bottom:var(--sp-3);left:var(--sp-3);max-height:min(50dvh,320px);overscroll-behavior:contain;position:fixed;right:var(--sp-3);top:auto;z-index:9999}}.modal .form-actions{border-top:1px solid var(--border-subtle);display:flex;gap:var(--sp-3);justify-content:flex-end;margin-top:var(--sp-6);padding-top:var(--sp-5)}.modal .form-actions .btn{min-width:100px}.modal .file-input-wrapper{border-radius:var(--r-sm);overflow:hidden;position:relative;width:100%}.modal .file-input-wrapper input[type=file]{cursor:pointer;inset:0;opacity:0;position:absolute;z-index:3}.modal .file-input-btn{align-items:center;background:var(--bg-card);border:1px dashed var(--border-strong);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--fs-13);font-weight:var(--fw-medium);gap:var(--sp-2);justify-content:center;padding:12px 20px;transition:border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.modal .file-input-wrapper:hover .file-input-btn{border-color:var(--brand-yellow-border);color:var(--text-primary)}.profile-modal-body{max-height:calc(90dvh - 60px);overflow-y:auto;padding:var(--sp-5) var(--sp-6) var(--sp-6)}.profile-header-section{align-items:center;background:var(--bg-card);background-position:50%;background-size:cover;border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;gap:var(--sp-5);margin-bottom:var(--sp-5);overflow:hidden;padding:var(--sp-5);position:relative}.profile-avatar-large img{background:var(--bg-surface);border:2px solid var(--border-strong);border-radius:50%;height:88px;object-fit:cover;width:88px}.profile-info{flex:1 1;min-width:0}.profile-info h2{font-size:var(--fs-22);margin:0 0 4px}.profile-badges{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-2)}.profile-level-badge,.profile-title-badge{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);display:inline-block;font-size:var(--fs-12);font-weight:var(--fw-medium);padding:2px 12px}.profile-level-badge{border-color:var(--brand-yellow-border);color:var(--brand-yellow)}.profile-xp-bar{background:var(--border-default);border-radius:var(--r-pill);height:6px;margin-top:var(--sp-2);overflow:hidden;width:100%}.profile-xp-fill{background:var(--brand-yellow);border-radius:var(--r-pill);height:100%;transition:width var(--dur-slow) var(--ease-standard)}.profile-xp-text{color:var(--text-muted);display:flex;font-size:.6875rem;justify-content:space-between;margin-top:4px}.profile-xp-text .xp-current{color:var(--text-secondary)}.profile-stats-grid{grid-gap:var(--sp-3);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-md);display:grid;gap:var(--sp-3);grid-template-columns:repeat(4,1fr);margin-bottom:var(--sp-5);padding:var(--sp-3)}.profile-stat-item{padding:var(--sp-2);text-align:center}.profile-stat-item .stat-value{color:var(--text-primary);display:block;font-family:var(--font-mono);font-size:var(--fs-20);font-weight:var(--fw-bold)}.profile-stat-item .stat-label{color:var(--text-muted);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.profile-tabs{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;gap:2px;margin-bottom:var(--sp-4);overflow-x:auto;padding:var(--sp-1)}.profile-tab{align-items:center;background:#0000;border:none;border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-medium);gap:6px;padding:8px 14px;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);white-space:nowrap}.profile-tab:hover{background:var(--bg-card-hover);color:var(--text-secondary)}.profile-tab.active{background:var(--brand-yellow);color:var(--text-inverse);font-weight:var(--fw-semibold)}.profile-tab-content{display:none}.profile-tab-content.active{display:block}.profile-anime-grid{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:400px;overflow-y:auto}.profile-anime-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-sm);overflow:hidden;transition:border-color var(--dur-fast) var(--ease-standard)}.profile-anime-card:hover{border-color:var(--border-strong)}.profile-anime-cover{aspect-ratio:2/3;background:var(--bg-surface);display:block;object-fit:cover;width:100%}.profile-anime-info{padding:var(--sp-2)}.profile-anime-title{color:var(--text-primary);font-size:var(--fs-12);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-anime-episodes{color:var(--text-muted);font-size:.6875rem}.profile-achievements-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:400px;overflow-y:auto}.profile-achievement-icon{font-size:var(--fs-14);height:36px;width:36px}.profile-activity-list{display:flex;flex-direction:column;gap:2px}.profile-activity-item{align-items:center;border-radius:var(--r-sm);display:flex;gap:var(--sp-3);padding:var(--sp-3);transition:background-color var(--dur-fast) var(--ease-standard)}.profile-activity-item:hover{background:var(--bg-card-hover)}.profile-activity-icon{align-items:center;background:var(--bg-surface);border-radius:50%;color:var(--brand-yellow);display:flex;flex-shrink:0;font-size:var(--fs-12);height:32px;justify-content:center;width:32px}.profile-activity-content{flex:1 1;min-width:0}.profile-activity-text{color:var(--text-primary);font-size:var(--fs-13)}.profile-activity-text strong{color:var(--brand-yellow)}.profile-activity-time{color:var(--text-muted);font-size:.6875rem}.loading-spinner{align-items:center;color:var(--text-muted);display:flex;font-size:var(--fs-13);gap:var(--sp-2);justify-content:center;padding:40px 20px}.loading-spinner i{color:var(--brand-yellow)}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--sp-3);justify-content:center;padding:48px 24px;text-align:center}.empty-state i{color:var(--text-muted);font-size:32px;opacity:.5}.empty-state-title{color:var(--text-primary);font-size:var(--fs-16);font-weight:var(--fw-semibold)}.empty-state-message{font-size:var(--fs-13);max-width:400px}.empty-state-action{align-items:center;background:var(--brand-yellow);border:none;border-radius:var(--r-sm);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:var(--fs-13);font-weight:var(--fw-semibold);gap:var(--sp-2);padding:10px 20px;transition:background-color var(--dur-fast) var(--ease-standard)}.empty-state-action:hover{background:var(--brand-yellow-hover)}@media (max-width:768px){.modal{align-items:stretch;padding:0}.modal-content{border-radius:0;margin:0;max-height:100dvh;max-width:100%;padding:var(--sp-5) var(--sp-4);width:100vw}.modal-content.profile-modal{max-width:100%}.profile-modal-body{max-height:calc(100dvh - 60px);padding:var(--sp-4)}.modal .form-row-2,.modal .form-row-3{grid-template-columns:1fr}.modal .completion-date-box,.modal .form-row,.modal form>.form-group{margin-bottom:var(--sp-5)}.modal .form-actions{flex-direction:column;gap:var(--sp-2)}.modal .form-actions .btn{width:100%}.modal .search-results{bottom:var(--sp-3);left:var(--sp-3);max-height:50dvh;position:fixed;right:var(--sp-3)}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-tabs{overflow-x:auto}.profile-anime-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.modal-content{padding:var(--sp-4) var(--sp-3)}.close-modal,.modal-title{font-size:var(--fs-16)}.close-modal{height:32px;width:32px}.modal .form-group input,.modal .form-group select,.modal .form-group textarea{padding:10px 12px}.profile-avatar-large img{height:64px;width:64px}.profile-anime-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.modal-content{animation:none!important}.close-modal,.file-input-btn,.modal .form-group input,.modal .form-group select,.modal .form-group textarea,.profile-tab{transition:none!important}}@media (max-width:768px){.modal .form-group input:not([type=checkbox]):not([type=radio]),.modal .form-group select,.modal .form-group textarea,.modal .search-input input,.modal input:not([type=checkbox]):not([type=radio]),.modal input[type=date],.modal input[type=email],.modal input[type=number],.modal input[type=password],.modal input[type=search],.modal input[type=tel],.modal input[type=text],.modal input[type=time],.modal input[type=url],.modal select,.modal textarea{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px!important;line-height:1.4}input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px!important}}#chat-bot-container{align-items:flex-end;bottom:100px;display:none;flex-direction:column;position:fixed;right:var(--sp-5);z-index:var(--z-modal)}#chat-bot-container.open{display:flex}#chat-bot-panel{animation:modalIn var(--dur-slow) var(--ease-enter);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:min(560px,70dvh);max-width:calc(100vw - 32px);overflow:hidden;width:380px}#chat-bot-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:var(--sp-3);justify-content:space-between;padding:var(--sp-3) var(--sp-4)}#chat-bot-header span{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-13);font-weight:var(--fw-semibold);gap:var(--sp-2)}#chat-bot-header span i{color:var(--brand-yellow)}#chat-bot-header button{align-items:center;background:#0000;border:none;border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);width:32px}#chat-bot-header button:hover{background:var(--bg-card-hover);color:var(--text-primary)}#chat-bot-messages{background:var(--bg-page);display:flex;flex:1 1;flex-direction:column;gap:var(--sp-2);min-height:0;overflow-y:auto;padding:var(--sp-4)}.chat-message{border-radius:var(--r-md);font-size:var(--fs-13);line-height:1.5;max-width:85%;overflow-wrap:anywhere;padding:8px 12px}.chat-message.user{align-self:flex-end;background:var(--brand-yellow);border-bottom-right-radius:4px;color:var(--text-inverse)}.chat-message.bot{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border-default);border-bottom-left-radius:4px;color:var(--text-primary)}.chat-message.typing{font-style:italic;opacity:.6}#chat-bot-input-area{background:var(--bg-surface);border-top:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:var(--sp-2);padding:var(--sp-3)}#chat-bot-input-area input{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-primary);flex:1 1;font-family:var(--font-sans);font-size:var(--fs-13);min-width:0;outline:none;padding:10px 14px;transition:border-color var(--dur-fast) var(--ease-standard)}#chat-bot-input-area input::placeholder{color:var(--text-muted)}#chat-bot-input-area input:focus{border-color:var(--brand-yellow)}#chat-bot-input-area button{align-items:center;background:var(--brand-yellow);border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background-color var(--dur-fast) var(--ease-standard);width:40px}#chat-bot-input-area button:hover:not(:disabled){background:var(--brand-yellow-hover)}#chat-bot-input-area button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){#chat-bot-container{align-items:stretch;bottom:calc(90px + env(safe-area-inset-bottom, 0px));left:12px;right:max(12px,env(safe-area-inset-right,0px))}#chat-bot-panel{max-height:65dvh;max-width:100%;width:100%}}@media (prefers-reduced-motion:reduce){#chat-bot-panel{animation:none!important}}.chart-container{height:300px;position:relative;width:100%}.chart-container canvas{height:100%!important;width:100%!important}.chart-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-5);transition:border-color var(--dur-fast) var(--ease-standard)}.chart-card:hover{border-color:var(--border-strong)}.chart-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3)}.chart-header,.chart-title{align-items:center;display:flex;gap:var(--sp-2)}.chart-title{color:var(--text-primary);font-size:var(--fs-15);font-weight:var(--fw-semibold)}.chart-title i{color:var(--brand-yellow);font-size:var(--fs-14)}.anime-counter{border-radius:var(--r-pill);font-weight:var(--fw-medium);padding:4px 12px}.genre-filter-buttons{display:flex;flex-wrap:wrap;gap:4px}.genre-filter-btn{background:#0000;border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-medium);padding:4px 12px;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.genre-filter-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.genre-filter-btn.active{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--text-inverse);font-weight:var(--fw-semibold)}.heatmap-wrapper{overflow-x:auto;padding:var(--sp-2) 0;width:100%}.heatmap-grid{display:flex;gap:3px;min-width:600px}.heatmap-col{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:12px}.heatmap-cell{aspect-ratio:1/1;background:var(--bg-surface);border-radius:3px;cursor:pointer;max-width:14px;min-width:12px;transition:transform var(--dur-fast) var(--ease-standard);width:100%}.heatmap-cell:hover{transform:scale(1.2)}.heatmap-cell.level-0{background:#262626}.heatmap-cell.level-1{background:#fce7064d}.heatmap-cell.level-2{background:#fce7068c}.heatmap-cell.level-3{background:#fce706c7}.heatmap-cell.level-4{background:var(--brand-yellow)}[data-theme=light] .heatmap-cell.level-0{background:#ebebeb}[data-theme=light] .heatmap-cell.level-1{background:#fce70659}[data-theme=light] .heatmap-cell.level-2{background:#fce70699}[data-theme=light] .heatmap-cell.level-3{background:#fce706d1}.heatmap-header{flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-4)}.heatmap-header,.heatmap-title{align-items:center;display:flex}.heatmap-title{color:var(--text-primary);font-size:var(--fs-15);font-weight:var(--fw-semibold);gap:var(--sp-2)}.heatmap-title i{color:var(--brand-yellow);font-size:var(--fs-14)}.total-contributions{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);display:inline-flex;font-size:var(--fs-12);gap:var(--sp-2);padding:4px 12px}.total-contributions i{color:var(--brand-yellow)}.total-contributions span{color:var(--text-primary);font-weight:var(--fw-medium)}.heatmap-years{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3)}.year-btn{background:#0000;border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-medium);padding:4px 12px;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.year-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.year-btn.active{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--text-inverse);font-weight:var(--fw-semibold)}.heatmap-legend{align-items:center;border-top:1px solid var(--border-subtle);display:flex;gap:var(--sp-2);justify-content:flex-end;margin-top:var(--sp-3);padding-top:var(--sp-3)}.legend-text{color:var(--text-muted);font-size:.6875rem}.legend-color-block,.legend-colors{display:flex;gap:3px}.legend-color-block{border-radius:3px;height:12px;width:12px}.no-data-message{align-items:center;background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--r-md);color:var(--text-muted);display:flex;flex-direction:column;font-size:var(--fs-13);gap:var(--sp-3);justify-content:center;padding:var(--sp-8) var(--sp-4);text-align:center}.no-data-message i{color:var(--text-muted);font-size:28px;opacity:.4}.genre-chart-layout{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-2)}.genre-chart-center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute;text-align:center}.genre-chart-center-value{color:var(--text-primary);font-family:var(--font-mono);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:var(--fw-bold);line-height:1}.genre-chart-center-label{color:var(--text-muted);font-size:.6875rem;font-weight:var(--fw-medium);letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.genre-chart-legend{grid-gap:4px 10px;display:grid;gap:4px 10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:0}.genre-chart-legend-item{align-items:center;border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--fs-12);font-weight:var(--fw-medium);gap:var(--sp-2);padding:5px 8px;transition:background-color var(--dur-fast) var(--ease-standard);-webkit-user-select:none;user-select:none}.genre-chart-legend-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.genre-chart-legend-item.muted{opacity:.32}.genre-chart-legend-item.muted .genre-chart-legend-name{text-decoration:line-through}.genre-chart-legend-swatch{border-radius:50%;flex-shrink:0;height:10px;width:10px}.genre-chart-legend-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genre-chart-legend-count{color:var(--text-primary);flex-shrink:0;font-family:var(--font-mono);font-size:var(--fs-12);font-weight:var(--fw-bold)}@media (max-width:768px){.chart-container{height:220px}.chart-card{padding:var(--sp-4)}.chart-header{align-items:flex-start;flex-direction:column}.heatmap-cell{max-width:11px;min-width:10px}.heatmap-header{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.chart-container{height:180px}.chart-card{padding:var(--sp-3)}.chart-title{font-size:var(--fs-14)}.heatmap-cell{max-width:9px;min-width:8px}.genre-chart-canvas{height:180px}.genre-chart-legend{gap:2px 6px;grid-template-columns:repeat(2,1fr)}.genre-chart-legend-item{font-size:.6875rem;padding:4px 6px}}.chart-container:has(.genre-chart-layout){height:auto;min-height:0;overflow:visible;padding-bottom:var(--sp-2)}.genre-chart-canvas{contain:layout size;flex-shrink:0;height:220px;position:relative;width:100%}@media (max-width:768px){.chart-container:has(.genre-chart-layout){min-height:0}.genre-chart-canvas{height:200px}.genre-chart-layout{gap:var(--sp-3)}.genre-chart-legend{max-height:180px}}@media (max-width:480px){.genre-chart-canvas{height:180px}.genre-chart-legend{gap:4px 8px;grid-template-columns:repeat(2,1fr);max-height:160px}.genre-chart-legend-item{font-size:.6875rem;padding:4px 6px}}.progress-container{background:var(--border-default);border-radius:var(--r-pill);height:4px;overflow:hidden;width:100%}.progress-bar{background:var(--brand-yellow);border-radius:var(--r-pill);height:100%;transition:width var(--dur-slow) var(--ease-standard)}.progress-bar.complete,.progress-bar.success{background:var(--success)}.progress-bar.warning{background:var(--brand-yellow)}.progress-bar.danger{background:var(--brand-red)}.progress-text{align-items:center;color:var(--text-muted);display:flex;font-size:var(--fs-12);gap:var(--sp-2);justify-content:space-between;margin-top:4px}.progress-text .current{color:var(--text-primary);font-weight:var(--fw-medium)}.progress-text .percentage{color:var(--text-secondary)}#currently-watching-grid .progress-bar-container,#top-rated-anime .progress-bar-container,.anime-card .progress-bar-container{background:var(--border-default);border-radius:var(--r-pill);height:3px;margin-top:var(--sp-2);overflow:hidden;width:100%}.anime-card .progress-bar{background:var(--brand-yellow)}.skeleton{background:var(--bg-surface);border-radius:var(--r-sm);overflow:hidden;position:relative}.skeleton:after{animation:skeletonLoading 1.6s var(--ease-standard) infinite;background:linear-gradient(90deg,#0000,#ffffff0a,#0000);content:"";inset:0;position:absolute}.skeleton-text{border-radius:var(--r-sm);height:14px;margin-bottom:8px;width:100%}.skeleton-avatar{border-radius:50%;height:48px;width:48px}.skeleton-card{border-radius:var(--r-md);height:200px}@keyframes skeletonLoading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none!important}.skeleton:after{animation:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-in{animation:fadeIn var(--dur-normal) var(--ease-standard) both}.fade-out{animation:fadeOut var(--dur-fast) var(--ease-exit) both}.slide-up{animation:slideUp var(--dur-slow) var(--ease-enter) both}.spin{animation:spin 1s linear infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.level-card{margin:var(--sp-5) 0}.level-rank i{color:var(--brand-yellow);font-size:var(--fs-16)}.level-rank span{color:var(--text-primary);font-size:var(--fs-15);font-weight:var(--fw-semibold)}.level-number{display:inline-block}.level-progress{margin-bottom:var(--sp-3)}.progress-fill{width:0}.progress-row,.progress-stats{align-items:center;color:var(--text-muted);display:flex;font-size:var(--fs-12);gap:var(--sp-3);justify-content:space-between}.progress-stats .current{color:var(--text-primary);font-weight:var(--fw-medium)}.level-next{align-items:center;border-top:1px solid var(--border-subtle);color:var(--text-muted);display:flex;font-size:var(--fs-12);gap:var(--sp-2);padding-top:var(--sp-3)}.level-next i{color:var(--brand-yellow)}.queue-status-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);margin:var(--sp-5) 0;padding:var(--sp-5)}.queue-status-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-15);font-weight:var(--fw-semibold);gap:var(--sp-2);margin-bottom:var(--sp-4)}.queue-status-card h3 i{color:var(--brand-yellow)}.queue-stats{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(3,1fr);margin-bottom:var(--sp-4)}.queue-stat-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--sp-3);text-align:center}.queue-label{color:var(--text-muted);display:block;font-size:.6875rem;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.queue-value{color:var(--text-primary);font-size:var(--fs-20);font-weight:var(--fw-bold)}.queue-max,.queue-value{font-family:var(--font-mono)}.queue-max{color:var(--text-muted);font-size:var(--fs-12)}.queue-progress{align-items:center;display:flex;gap:var(--sp-3);margin-bottom:var(--sp-4)}.queue-progress .progress-track{flex:1 1;margin:0}.queue-progress .progress-fill{background:var(--brand-yellow)}.queue-percent{color:var(--brand-yellow);font-size:var(--fs-12);font-weight:var(--fw-medium);min-width:40px;text-align:right}.queue-message{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);color:var(--text-secondary);display:flex;font-size:var(--fs-12);gap:var(--sp-2);padding:var(--sp-3)}.queue-message i{color:var(--success)}.queue-message.has-queue{background:var(--brand-yellow-soft);border-color:var(--brand-yellow-border)}.queue-message.has-queue i{color:var(--brand-yellow)}.xp-popup{background:var(--bg-surface);border:1px solid var(--border-default);border-left:3px solid var(--brand-yellow);border-radius:var(--r-md);bottom:var(--sp-5);box-shadow:var(--shadow-lg);opacity:0;padding:var(--sp-4);position:fixed;right:var(--sp-5);transform:translateY(12px);transition:opacity var(--dur-slow) var(--ease-enter),transform var(--dur-slow) var(--ease-enter);width:min(360px,calc(100vw - 32px));z-index:var(--z-toast)}.xp-popup.enter{opacity:1;transform:translateY(0)}.xp-popup.exit{opacity:0;transform:translateY(12px)}.xp-popup-inner{display:flex;gap:var(--sp-3)}.xp-cover{background-color:var(--bg-card);background-position:50%;background-size:cover;border-radius:var(--r-sm);flex-shrink:0;height:84px;width:60px}.xp-info{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.xp-amount{align-items:center;background:var(--brand-yellow-soft);border:1px solid var(--brand-yellow-border);border-radius:var(--r-pill);color:var(--brand-yellow);display:inline-flex;font-size:var(--fs-12);font-weight:var(--fw-bold);gap:6px;padding:3px 10px;width:fit-content}.xp-title{color:var(--text-primary);font-size:var(--fs-14);font-weight:var(--fw-semibold);line-height:1.3}.xp-meta{color:var(--text-muted);font-size:.6875rem}.xp-bar{background:var(--border-default);height:6px;margin-top:var(--sp-2);overflow:hidden;width:100%}.xp-bar,.xp-fill{border-radius:var(--r-pill)}.xp-fill{background:var(--brand-yellow);display:block;height:100%;transition:width var(--dur-slow) var(--ease-standard);width:0}.xp-stats{align-items:baseline;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-sm);color:var(--text-muted);display:flex;font-size:var(--fs-12);gap:4px;padding:6px 10px}.xp-current{color:var(--brand-yellow);font-weight:var(--fw-bold)}.xp-current,.xp-next{font-family:var(--font-mono)}.xp-next{color:var(--text-muted)}.level-up-toast{align-items:center;animation:toastIn var(--dur-slow) var(--ease-enter);background:var(--bg-surface);border:1px solid var(--border-default);border-left:3px solid var(--brand-yellow);border-radius:var(--r-sm);bottom:var(--sp-5);box-shadow:var(--shadow-md);display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);position:fixed;right:var(--sp-5);z-index:var(--z-toast)}.level-up-toast-icon{align-items:center;background:var(--brand-yellow);border-radius:50%;color:var(--text-inverse);display:flex;flex-shrink:0;font-size:var(--fs-14);height:36px;justify-content:center;width:36px}.level-up-toast-title{color:var(--text-primary);font-size:var(--fs-13);font-weight:var(--fw-semibold)}.level-up-toast-message{color:var(--text-muted);font-size:var(--fs-12)}@media (max-width:768px){.queue-stats{grid-template-columns:1fr}.xp-popup{bottom:var(--sp-3);right:var(--sp-3);width:calc(100vw - 24px)}.level-up-toast{left:var(--sp-4);right:var(--sp-4)}}@media (max-width:480px){.level-card,.queue-status-card{padding:var(--sp-4)}.level-number{font-size:var(--fs-12)}}@media (prefers-reduced-motion:reduce){.progress-fill,.xp-fill,.xp-popup{transition:none!important}.level-up-toast{animation:none!important}}.toast-container{display:flex;flex-direction:column;gap:var(--sp-2);max-width:380px;pointer-events:none;position:fixed;right:var(--sp-5);top:calc(var(--shell-header-top) + var(--shell-header-h) + var(--sp-4));z-index:var(--z-toast)}.toast-container>*{pointer-events:auto}.toast{align-items:center;animation:toastIn var(--dur-slow) var(--ease-enter);background:var(--bg-surface);border:1px solid var(--border-default);border-left:3px solid var(--brand-yellow);border-radius:var(--r-sm);box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;display:flex;gap:var(--sp-3);max-width:100%;padding:var(--sp-3) var(--sp-4)}.toast.exit{animation:toastOut var(--dur-normal) var(--ease-exit) forwards}.toast-success{border-left-color:var(--success)}.toast-danger,.toast-error{border-left-color:var(--brand-red)}.toast-warning{border-left-color:var(--brand-yellow)}.toast-info{border-left-color:var(--text-secondary)}.toast-icon{align-items:center;background:var(--bg-card);border-radius:50%;color:var(--brand-yellow);display:flex;flex-shrink:0;font-size:var(--fs-14);height:32px;justify-content:center;width:32px}.toast-success .toast-icon{color:var(--success)}.toast-danger .toast-icon,.toast-error .toast-icon{color:var(--brand-red)}.toast-content{flex:1 1;min-width:0}.toast-title{color:var(--text-primary);font-size:var(--fs-13);font-weight:var(--fw-semibold);margin-bottom:2px}.toast-message{color:var(--text-secondary);font-size:var(--fs-12);overflow-wrap:anywhere}.toast-action,.toast-close{background:#0000;border:none;border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;font-size:var(--fs-14);line-height:1;padding:4px;transition:color var(--dur-fast) var(--ease-standard)}.toast-close:hover{color:var(--text-primary)}.toast-action{color:var(--brand-yellow);font-size:var(--fs-12);font-weight:var(--fw-medium);padding:4px 10px}.toast-action:hover{color:var(--brand-yellow-hover)}@keyframes toastIn{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes toastOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(16px)}}@media (max-width:768px){.toast-container{bottom:var(--sp-4);left:var(--sp-4);max-width:none;right:var(--sp-4);top:auto}}@media (max-width:480px){.toast-container{bottom:var(--sp-3);gap:var(--sp-2);left:var(--sp-3);right:var(--sp-3)}.toast{padding:var(--sp-2) var(--sp-3)}.toast-icon{height:26px;width:26px}.toast-icon,.toast-title{font-size:var(--fs-12)}.toast-message{font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.toast{animation:none!important}.toast.exit{opacity:0}}#dashboard-page{animation:fadeIn var(--dur-slow) var(--ease-enter);width:100%}.dashboard-section{margin-bottom:var(--shell-section-gap);width:100%}.section-title{align-items:center;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);display:flex;font-size:var(--fs-20);font-weight:var(--fw-semibold);gap:var(--sp-2);letter-spacing:-.01em;margin:0 0 var(--sp-5) 0;padding-bottom:var(--sp-3);width:100%}.section-title i{color:var(--brand-yellow);font-size:var(--fs-16)}.greeting-banner{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);display:flex;margin-bottom:var(--shell-section-gap);min-height:160px;padding:var(--sp-8) var(--sp-6);position:relative}.greeting-banner .banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-5);justify-content:space-between;width:100%}.greeting-banner .greeting-left{display:flex;flex:1 1;flex-direction:column;gap:var(--sp-2);min-width:0}.greeting-banner .greeting-main{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3)}.greeting-banner .greeting-line{color:var(--text-primary);font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--fw-bold);letter-spacing:-.02em;margin:0}.greeting-banner .greeting-emoji{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--brand-yellow);display:inline-flex;flex-shrink:0;font-size:var(--fs-24);height:44px;justify-content:center;width:44px}.greeting-banner .greeting-subline{color:var(--text-secondary);font-size:var(--fs-15);margin:0}.greeting-banner .banner-stats{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;flex-wrap:wrap;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4)}.greeting-banner .stat-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--fs-13);gap:6px}.greeting-banner .stat-item i{color:var(--brand-yellow)}.greeting-banner #streakInfo{font-weight:var(--fw-medium)}.greeting-banner .orb,.greeting-banner .quote-card,.greeting-banner .shine-overlay{display:none}.stats-grid{grid-gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.dna-grid,.stats-grid{display:grid;gap:var(--sp-4);margin-bottom:var(--shell-section-gap)}.dna-grid{grid-gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.quick-actions{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.activity-card,.dashboard-grid{margin-bottom:var(--shell-section-gap)}.activity-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);overflow:hidden}.activity-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--sp-3);justify-content:space-between;padding:var(--sp-4) var(--sp-5)}.activity-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-15);font-weight:var(--fw-semibold);gap:var(--sp-2)}.activity-title i{color:var(--brand-yellow)}.activity-count{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-pill);padding:3px 10px}.activity-count,.view-all-link{color:var(--text-muted);font-size:var(--fs-12)}.view-all-link{background:#0000;border:none;border-radius:var(--r-sm);cursor:pointer;font-family:var(--font-sans);font-weight:var(--fw-medium);padding:4px 10px;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.view-all-link:hover{background:var(--bg-card-hover);color:var(--brand-yellow)}.activity-list{display:flex;flex-direction:column;gap:2px;max-height:380px;overflow-y:auto;padding:var(--sp-2) var(--sp-5) var(--sp-5)}.activity-item{align-items:center;border-radius:var(--r-sm);cursor:pointer;display:flex;gap:var(--sp-3);padding:var(--sp-3);transition:background-color var(--dur-fast) var(--ease-standard)}.activity-item:hover{background:var(--bg-card-hover)}.activity-icon{align-items:center;background:var(--bg-surface);border-radius:var(--r-sm);color:var(--brand-yellow);display:flex;flex-shrink:0;font-size:var(--fs-12);height:34px;justify-content:center;width:34px}.activity-content{flex:1 1;min-width:0}.activity-anime{color:var(--text-primary);font-size:var(--fs-13);font-weight:var(--fw-medium);overflow-wrap:anywhere}.activity-desc,.activity-time{color:var(--text-muted);font-size:.6875rem}.activity-time{flex-shrink:0;white-space:nowrap}.no-activity{color:var(--text-muted);font-size:var(--fs-13);padding:32px var(--sp-4);text-align:center}.chart-card:has(.heatmap-header){background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);margin-bottom:var(--shell-section-gap);padding:var(--sp-5)}#currently-watching-section{margin-bottom:var(--shell-section-gap);margin-top:var(--sp-3);padding-top:var(--sp-2);width:100%}#currently-watching-section .section-title{margin-bottom:var(--sp-5)}#top-rated-anime{width:100%}#top-rated-anime,.top-anime-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(clamp(150px,16vw,220px),1fr))}@media (max-width:768px){#top-rated-anime>:nth-child(n+5){display:none}}#fab-container{align-items:flex-end;bottom:max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--sp-3);position:fixed;right:max(20px,env(safe-area-inset-right));z-index:50}.fab-backdrop{background:#00000080;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--dur-normal) var(--ease-standard);z-index:49}.fab-backdrop.active{opacity:1;pointer-events:auto}.fab-main{align-items:center;background:var(--brand-yellow);border:none;border-radius:50%;box-shadow:var(--shadow-md);color:var(--text-inverse);cursor:pointer;display:flex;font-size:var(--fs-18);height:56px;justify-content:center;transition:background-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);width:56px}.fab-main:hover{background:var(--brand-yellow-hover)}.fab-main:active{transform:scale(.96)}.fab-main i{transition:transform var(--dur-slow) var(--ease-standard)}.fab-main.open i{transform:rotate(135deg)}.fab-menu{align-items:flex-end;display:flex;flex-direction:column;gap:var(--sp-2);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.fab-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.fab-menu.hidden{display:none}.fab-item{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-medium);gap:var(--sp-3);padding:10px 16px;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);white-space:nowrap}.fab-item:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.fab-item i{color:var(--brand-yellow);font-size:var(--fs-14);text-align:center;width:18px}@media (max-width:768px){.greeting-banner{min-height:auto;padding:var(--sp-5) var(--sp-4)}.greeting-banner .banner-stats{width:100%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboard-grid{grid-template-columns:1fr}#top-rated-anime,.top-anime-grid{gap:var(--sp-3);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.greeting-banner{border-radius:var(--r-md);padding:var(--sp-4)}.greeting-banner .greeting-line{font-size:var(--fs-18)}.greeting-banner .greeting-emoji{font-size:var(--fs-16);height:36px;width:36px}.quick-actions,.stats-grid{gap:var(--sp-2);grid-template-columns:repeat(2,1fr)}.dna-grid{grid-template-columns:1fr}#top-rated-anime,.dna-grid,.top-anime-grid{gap:var(--sp-2)}#fab-container{bottom:16px;right:16px}.fab-main{font-size:var(--fs-16);height:48px;width:48px}.fab-item{font-size:var(--fs-12);padding:8px 12px}}@media (prefers-reduced-motion:reduce){#dashboard-page,.fab-main,.fab-menu{animation:none!important;transition:none!important}}.leaderboard-page{padding-bottom:80px;width:100%}.leaderboard-page .leaderboard-filters{margin-bottom:40px}.lb-podium{align-items:flex-end;display:flex;gap:40px;justify-content:center;margin:40px auto 72px;max-width:720px;padding:0 16px}.lb-podium-slot{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:120px;transition:transform var(--dur-fast) var(--ease-standard)}.lb-podium-slot:hover{transform:translateY(-3px)}.lb-podium-slot.lb-rank-1{order:2}.lb-podium-slot.lb-rank-2{order:1}.lb-podium-slot.lb-rank-3{order:3}.lb-podium-avatar{background:var(--bg-surface);border:3px solid var(--border-default);border-radius:50%;display:block;height:96px;object-fit:cover;width:96px}.lb-podium-slot.lb-rank-1 .lb-podium-avatar{border-color:var(--brand-yellow);box-shadow:0 8px 32px #fce7062e;height:128px;width:128px}.lb-podium-slot.lb-rank-2 .lb-podium-avatar{border-color:silver}.lb-podium-slot.lb-rank-3 .lb-podium-avatar{border-color:#cd7f32}.lb-podium-rank{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-13);font-weight:700;letter-spacing:-.01em}.lb-podium-slot.lb-rank-1 .lb-podium-rank{color:var(--brand-yellow);font-size:var(--fs-14)}.lb-podium-name{color:var(--text-primary);font-size:var(--fs-14);font-weight:var(--fw-semibold);line-height:1.2;max-width:140px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.lb-podium-slot.lb-rank-1 .lb-podium-name{font-size:var(--fs-15)}.lb-podium-value{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-12);line-height:1}.lb-podium-slot.lb-rank-1 .lb-podium-value{color:var(--brand-yellow);font-weight:var(--fw-semibold)}.lb-grid{grid-gap:4px 16px;display:grid;gap:4px 16px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:1200px}.lb-grid-item{align-items:center;border-radius:var(--r-sm);cursor:pointer;display:flex;gap:12px;min-width:0;padding:10px 12px;transition:background-color var(--dur-fast) var(--ease-standard)}.lb-grid-item:hover{background:var(--bg-card-hover)}.lb-grid-rank{color:var(--text-muted);flex-shrink:0;font-family:var(--font-mono);font-size:var(--fs-13);min-width:32px;text-align:right}.lb-grid-avatar{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:50%;display:block;flex-shrink:0;height:44px;object-fit:cover;width:44px}.lb-grid-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.lb-grid-name{color:var(--text-primary);font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-grid-value{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-12);line-height:1.2}@media (max-width:1024px){.lb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.lb-podium{gap:16px;margin:24px auto 48px;max-width:100%}.lb-podium-slot{flex:1 1;max-width:120px;min-width:0}.lb-podium-avatar{height:72px;width:72px}.lb-podium-slot.lb-rank-1 .lb-podium-avatar{height:92px;width:92px}.lb-podium-name{font-size:var(--fs-12);max-width:100%}.lb-podium-slot.lb-rank-1 .lb-podium-name{font-size:var(--fs-13)}.lb-grid{gap:2px 8px;grid-template-columns:repeat(2,minmax(0,1fr))}.lb-grid-avatar{height:38px;width:38px}}@media (max-width:480px){.lb-podium{gap:8px;margin:16px auto 32px}.lb-podium-avatar{border-width:2px;height:60px;width:60px}.lb-podium-slot.lb-rank-1 .lb-podium-avatar{height:76px;width:76px}.lb-podium-rank{font-size:.6875rem}.lb-grid{gap:2px;grid-template-columns:1fr}.lb-grid-item{gap:10px;padding:8px 10px}.lb-grid-rank{font-size:.75rem;min-width:28px}.lb-grid-avatar{height:34px;width:34px}.lb-grid-name{font-size:.8125rem}.lb-grid-value{font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.lb-grid-item,.lb-podium-slot{transition:none!important}.lb-podium-slot:hover{transform:none!important}}.lb-skeleton{animation:lbFadeIn .2s ease}@keyframes lbFadeIn{0%{opacity:0}to{opacity:1}}.lb-skeleton-podium{align-items:flex-end;display:flex;gap:40px;justify-content:center;margin:40px auto 72px;max-width:720px}.lb-skeleton-podium .lb-skeleton-avatar{animation:lbShimmer 1.4s linear infinite;background:linear-gradient(90deg,var(--bg-surface) 0,var(--bg-card-hover) 50%,var(--bg-surface) 100%);background-size:200% 100%;border-radius:50%;height:96px;width:96px}.lb-skeleton-podium .lb-skeleton-podium-tall{height:128px;width:128px}.lb-skeleton-grid{grid-gap:4px 16px;display:grid;gap:4px 16px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:1200px}.lb-skeleton-row{align-items:center;display:flex;gap:12px;padding:10px 12px}.lb-skeleton-avatar-sm{border-radius:50%;flex-shrink:0;height:44px;width:44px}.lb-skeleton-avatar-sm,.lb-skeleton-bar{animation:lbShimmer 1.4s linear infinite;background:linear-gradient(90deg,var(--bg-surface) 0,var(--bg-card-hover) 50%,var(--bg-surface) 100%);background-size:200% 100%}.lb-skeleton-bar{border-radius:4px;height:12px}.lb-skeleton-rank{flex-shrink:0;width:32px}.lb-skeleton-name{max-width:160px;width:100%}@keyframes lbShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.lb-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.lb-skeleton-podium{gap:16px;margin:24px auto 48px}.lb-skeleton-podium .lb-skeleton-avatar{height:72px;width:72px}.lb-skeleton-podium .lb-skeleton-podium-tall{height:92px;width:92px}.lb-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.lb-skeleton-podium{gap:8px;margin:16px auto 32px}.lb-skeleton-podium .lb-skeleton-avatar{height:60px;width:60px}.lb-skeleton-podium .lb-skeleton-podium-tall{height:76px;width:76px}.lb-skeleton-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.lb-skeleton-avatar,.lb-skeleton-avatar-sm,.lb-skeleton-bar{animation:none!important}}#statistics-page{width:100%}#statistics-page .section-title{align-items:center;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);display:flex;font-size:var(--fs-20);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0 0 var(--sp-5) 0;padding-bottom:var(--sp-3);width:100%}#statistics-page .section-title i{color:var(--brand-yellow);font-size:var(--fs-16)}.stats-hero{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);margin-bottom:var(--shell-section-gap);min-height:200px;padding:var(--sp-8) var(--sp-6)}.stats-hero-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-6);justify-content:space-between}.stats-hero-left{flex:1 1;min-width:260px}.hero-badge{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);display:inline-flex;font-size:var(--fs-12);gap:6px;letter-spacing:.06em;margin-bottom:var(--sp-4);padding:4px 12px;text-transform:uppercase}.hero-badge,.hero-badge-text{font-weight:var(--fw-medium)}.hero-greeting{margin-bottom:var(--sp-3)}.hero-title{align-items:baseline;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--fw-bold);gap:var(--sp-2);letter-spacing:-.02em;line-height:1.15;margin:0 0 var(--sp-2) 0}.hero-greeting-text{color:var(--text-secondary);font-weight:var(--fw-medium)}.hero-username{color:var(--brand-yellow);font-weight:var(--fw-bold)}.hero-subtitle{color:var(--text-muted);font-size:var(--fs-14);margin:0}.hero-insights{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-5)}.hero-insight-item{background:var(--bg-surface);border:1px solid var(--border-default);gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.hero-insight-icon,.hero-insight-item{align-items:center;border-radius:var(--r-sm);display:flex}.hero-insight-icon{background:var(--bg-card);color:var(--brand-yellow);flex-shrink:0;font-size:var(--fs-12);height:30px;justify-content:center;width:30px}.hero-insight-info{display:flex;flex-direction:column;min-width:0}.hero-insight-label{color:var(--text-muted);font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}.hero-insight-text{color:var(--text-primary);font-size:var(--fs-13);font-weight:var(--fw-medium);white-space:nowrap}.stats-hero-right{grid-gap:var(--sp-3);display:grid;flex-shrink:0;gap:var(--sp-3);grid-template-columns:repeat(2,1fr)}.hero-stat-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;gap:var(--sp-3);min-width:140px;padding:var(--sp-3) var(--sp-4)}.hero-stat-icon{align-items:center;background:var(--bg-card);border-radius:var(--r-sm);color:var(--brand-yellow);display:flex;flex-shrink:0;font-size:var(--fs-16);height:40px;justify-content:center;width:40px}.hero-stat-info{display:flex;flex-direction:column;min-width:0}.hero-stat-value{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-18);font-weight:var(--fw-bold);letter-spacing:-.01em;line-height:1.2}.hero-stat-label{color:var(--text-muted);font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}.overview-metrics{margin-bottom:var(--shell-section-gap)}.overview-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-5)}.overview-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-18);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0}.overview-title i{color:var(--brand-yellow);font-size:var(--fs-16)}.overview-subtitle{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-muted);font-size:var(--fs-12);padding:4px 12px}.overview-grid{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;gap:var(--sp-3);padding:var(--sp-4);transition:border-color var(--dur-fast) var(--ease-standard)}.metric-card:hover{border-color:var(--border-strong)}.metric-icon{align-items:center;background:var(--bg-surface);border-radius:var(--r-sm);color:var(--brand-yellow);display:flex;flex-shrink:0;font-size:var(--fs-14);height:40px;justify-content:center;width:40px}.metric-content{flex:1 1;min-width:0}.metric-value{color:var(--text-primary);display:block;font-family:var(--font-mono);font-size:var(--fs-20);font-weight:var(--fw-bold);letter-spacing:-.01em;line-height:1.2}.metric-label{color:var(--text-muted);display:block;font-size:var(--fs-12);margin-top:2px}.metric-change{align-items:center;display:inline-flex;font-size:.6875rem;gap:4px;margin-top:4px}.metric-change.positive{color:var(--success)}.metric-change.negative{color:var(--brand-red)}.metric-change.neutral{color:var(--text-muted)}.period-stats-section{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);margin-bottom:var(--shell-section-gap);padding:var(--sp-5)}.period-stats-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-5)}.period-stats-header .section-title{border-bottom:none;margin-bottom:0;padding-bottom:0;width:auto}.period-stats-subtitle{color:var(--text-muted);font-size:var(--fs-13)}.period-stats-filters{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);justify-content:space-between;margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4)}.period-filters-left,.period-stats-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-4)}.filter-group{align-items:center;display:flex;gap:var(--sp-2)}.filter-group label{align-items:center;color:var(--text-muted);display:flex;font-size:var(--fs-12);font-weight:var(--fw-medium);gap:6px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.filter-group label i{color:var(--brand-yellow);font-size:var(--fs-12)}.filter-group select{appearance:none;-webkit-appearance:none;background:var(--bg-card);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23797979' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-medium);min-width:140px;outline:none;padding:8px 32px 8px 12px;transition:border-color var(--dur-fast) var(--ease-standard)}.filter-group select:hover{border-color:var(--border-strong)}.filter-group select:focus{border-color:var(--brand-yellow)}.period-display-badge{align-items:center;background:var(--bg-card);border:1px solid var(--brand-yellow-border);border-radius:var(--r-pill);color:var(--text-secondary);display:inline-flex;font-size:var(--fs-12);gap:6px;padding:4px 12px;white-space:nowrap}.period-display-badge i{color:var(--brand-yellow);font-size:var(--fs-12)}.period-display-badge span{color:var(--text-primary);font-weight:var(--fw-medium)}.period-stats-grid{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(3,1fr)}.period-stat-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);display:flex;gap:var(--sp-3);padding:var(--sp-4);transition:border-color var(--dur-fast) var(--ease-standard)}.period-stat-card:hover{border-color:var(--border-strong)}.period-stat-icon{align-items:center;background:var(--bg-card);border-radius:var(--r-sm);color:var(--brand-yellow);display:flex;flex-shrink:0;font-size:var(--fs-16);height:44px;justify-content:center;width:44px}.period-stat-content{display:flex;flex-direction:column}.period-stat-value{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-22);font-weight:var(--fw-bold);letter-spacing:-.01em;line-height:1.2}.period-stat-label{color:var(--text-muted);font-size:var(--fs-12);letter-spacing:.05em;text-transform:uppercase}.library-analytics{margin-bottom:var(--shell-section-gap)}.analytics-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-5)}.analytics-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-18);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0}.analytics-title i{color:var(--brand-yellow);font-size:var(--fs-16)}.analytics-header-right{align-items:baseline;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-pill);display:flex;gap:6px;padding:4px 14px}.analytics-total{color:var(--brand-yellow);font-family:var(--font-mono);font-size:var(--fs-20);font-weight:var(--fw-bold)}.analytics-total-label{color:var(--text-muted);font-size:var(--fs-12)}.analytics-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:1fr 1fr;margin-bottom:var(--sp-5)}.analytics-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-5)}.analytics-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3)}.analytics-card-header,.analytics-card-title{align-items:center;display:flex;gap:var(--sp-2)}.analytics-card-title{color:var(--text-primary);font-size:var(--fs-14);font-weight:var(--fw-semibold)}.analytics-card-title i{color:var(--brand-yellow);font-size:var(--fs-14)}.analytics-card-badge{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-pill);color:var(--text-muted);font-size:.625rem;font-weight:var(--fw-medium);padding:2px 10px}.analytics-chart-container{height:320px;position:relative;width:100%}#formatDistribution,#genreDistribution{display:flex;flex-direction:column;gap:6px;padding:4px 0}.format-bar-wrapper,.genre-bar-wrapper{align-items:center;border-radius:var(--r-sm);display:flex;gap:var(--sp-2);padding:2px 4px;transition:background-color var(--dur-fast) var(--ease-standard)}.format-bar-wrapper:hover,.genre-bar-wrapper:hover{background:var(--bg-card-hover)}.format-bar-label,.genre-bar-label{color:var(--text-secondary);flex-shrink:0;font-size:var(--fs-12);min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.format-bar-track,.genre-bar-track{background:var(--bg-surface);border-radius:var(--r-pill);flex:1 1;height:16px;overflow:hidden}.format-bar-fill,.genre-bar-fill{background:var(--brand-yellow);border-radius:var(--r-pill);height:100%;min-width:4px;transition:width var(--dur-slow) var(--ease-standard)}.format-bar-count,.format-bar-percent,.genre-bar-count,.genre-bar-percent{color:var(--text-muted);flex-shrink:0;font-family:var(--font-mono);font-size:var(--fs-12);min-width:32px;text-align:right}.insights-panel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-5)}.insights-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-4)}.insights-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-15);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0}.insights-title i{color:var(--brand-yellow)}.insights-subtitle{color:var(--text-muted);font-size:var(--fs-12)}.insights-grid{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.insight-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);display:flex;gap:var(--sp-3);padding:var(--sp-3);transition:border-color var(--dur-fast) var(--ease-standard)}.insight-card:hover{border-color:var(--border-strong)}.insight-icon{align-items:center;background:var(--bg-card);border-radius:var(--r-sm);color:var(--brand-yellow);display:flex;flex-shrink:0;font-size:var(--fs-13);height:36px;justify-content:center;width:36px}.insight-content{flex:1 1;min-width:0}.insight-value{color:var(--text-primary);display:block;font-family:var(--font-mono);font-size:var(--fs-16);font-weight:var(--fw-bold);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insight-label{display:block;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.insight-detail,.insight-label{color:var(--text-muted);font-size:.625rem}.advanced-insights,.smart-insights{grid-gap:var(--sp-2);border-top:1px solid var(--border-subtle);display:grid;gap:var(--sp-2);grid-template-columns:1fr 1fr;margin-top:var(--sp-4);padding-top:var(--sp-3)}.advanced-insight,.smart-insight{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);color:var(--text-secondary);display:flex;font-size:var(--fs-12);gap:var(--sp-2);line-height:var(--lh-normal);padding:var(--sp-2) var(--sp-3)}.advanced-insight-icon,.smart-insight-icon{color:var(--brand-yellow);flex-shrink:0;font-size:var(--fs-12);margin-top:2px}.advanced-insight-text strong,.smart-insight-text strong{color:var(--text-primary);font-weight:var(--fw-medium)}.advanced-insight-text .highlight,.smart-insight-text .highlight{color:var(--brand-yellow);font-weight:var(--fw-medium)}.rating-analytics{margin-bottom:var(--shell-section-gap)}.rating-header{flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-5)}.rating-header,.rating-title{align-items:center;display:flex}.rating-title{color:var(--text-primary);font-size:var(--fs-18);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0}.rating-title i{color:var(--brand-yellow);font-size:var(--fs-16)}.rating-header-right{align-items:baseline;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-pill);display:flex;gap:6px;padding:4px 14px}.rating-total{color:var(--brand-yellow);font-family:var(--font-mono);font-size:var(--fs-20);font-weight:var(--fw-bold)}.rating-total-label{color:var(--text-muted);font-size:var(--fs-12)}.rating-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:1fr 1fr;margin-bottom:var(--sp-4)}.rating-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-5)}.rating-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3)}.rating-card-header,.rating-card-title{align-items:center;display:flex;gap:var(--sp-2)}.rating-card-title{color:var(--text-primary);font-size:var(--fs-14);font-weight:var(--fw-semibold)}.rating-card-title i{color:var(--brand-yellow);font-size:var(--fs-14)}.rating-card-badge{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-pill);color:var(--text-muted);font-size:.625rem;font-weight:var(--fw-medium);padding:2px 10px}.rating-chart-container{height:320px;position:relative;width:100%}#scoreDistributionChart{display:flex;flex-direction:column;gap:4px;padding:4px 0}.score-bar-wrapper{align-items:center;border-radius:var(--r-sm);display:flex;gap:var(--sp-2);padding:2px 4px;transition:background-color var(--dur-fast) var(--ease-standard)}.score-bar-wrapper:hover{background:var(--bg-card-hover)}.score-bar-label{color:var(--text-secondary);flex-shrink:0;font-family:var(--font-mono);font-size:var(--fs-13);font-weight:var(--fw-bold);min-width:28px;text-align:right}.score-bar-track{background:var(--bg-surface);border-radius:var(--r-pill);flex:1 1;height:16px;overflow:hidden}.score-bar-fill{background:var(--brand-yellow);border-radius:var(--r-pill);height:100%;min-width:4px;transition:width var(--dur-slow) var(--ease-standard)}.score-bar-count,.score-bar-percent{color:var(--text-muted);flex-shrink:0;font-family:var(--font-mono);font-size:var(--fs-12);min-width:30px;text-align:right}.rating-behavior-grid{grid-gap:var(--sp-2);display:grid;gap:var(--sp-2);grid-template-columns:repeat(2,1fr)}.behavior-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--sp-3);text-align:center}.behavior-value{color:var(--text-primary);display:block;font-family:var(--font-mono);font-size:var(--fs-16);font-weight:var(--fw-bold);line-height:1.2}.behavior-label{display:block;letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.behavior-detail,.behavior-label{color:var(--text-muted);font-size:.625rem}.rating-personality{margin-top:var(--sp-4)}.personality-card{background:var(--bg-card);flex-wrap:wrap;gap:var(--sp-4);padding:var(--sp-5)}.personality-card,.personality-icon{align-items:center;border:1px solid var(--border-default);border-radius:var(--r-md);display:flex}.personality-icon{background:var(--bg-surface);color:var(--brand-yellow);flex-shrink:0;font-size:var(--fs-22);height:52px;justify-content:center;width:52px}.personality-content{flex:1 1;min-width:200px}.personality-label{color:var(--text-muted);font-size:.625rem;letter-spacing:.06em;text-transform:uppercase}.personality-value{color:var(--text-primary);font-size:var(--fs-18);font-weight:var(--fw-semibold);line-height:1.3;margin:2px 0}.personality-description{color:var(--text-secondary);font-size:var(--fs-13)}.personality-stats{display:flex;flex-shrink:0;gap:var(--sp-5)}.personality-stat{text-align:center}.personality-stat-value{color:var(--text-primary);display:block;font-family:var(--font-mono);font-size:var(--fs-16);font-weight:var(--fw-bold)}.personality-stat-label{color:var(--text-muted);font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}.completion-journey{margin-bottom:0}.journey-header{flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-5)}.journey-header,.journey-title{align-items:center;display:flex}.journey-title{color:var(--text-primary);font-size:var(--fs-18);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0}.journey-title i{color:var(--brand-yellow);font-size:var(--fs-16)}.journey-time-filters{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-pill);display:flex;gap:4px;padding:4px}.journey-filter-btn{background:#0000;border:none;border-radius:var(--r-pill);color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-medium);padding:6px 14px;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.journey-filter-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.journey-filter-btn.active{background:var(--brand-yellow);color:var(--text-inverse);font-weight:var(--fw-semibold)}.journey-chart-card,.journey-secondary-chart{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);margin-bottom:var(--sp-4);padding:var(--sp-5)}.journey-chart-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3)}.journey-chart-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-14);font-weight:var(--fw-semibold);gap:var(--sp-2)}.journey-chart-title i{color:var(--brand-yellow);font-size:var(--fs-14)}.journey-chart-stats{align-items:baseline;display:flex;gap:6px}.journey-stat{color:var(--brand-yellow);font-family:var(--font-mono);font-size:var(--fs-18);font-weight:var(--fw-bold)}.journey-stat-label{color:var(--text-muted);font-size:var(--fs-12)}.journey-chart-container{height:260px;position:relative;width:100%}.journey-insights{margin-top:var(--sp-5)}.journey-insights-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-4)}.journey-insights-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-15);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0}.journey-insights-title i{color:var(--brand-yellow)}.journey-insights-subtitle{color:var(--text-muted);font-size:var(--fs-12)}.journey-insights-grid{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.journey-insight-card{background:var(--bg-surface);border:1px solid var(--border-subtle);gap:var(--sp-3);padding:var(--sp-3)}.journey-insight-card,.journey-insight-icon{align-items:center;border-radius:var(--r-sm);display:flex}.journey-insight-icon{background:var(--bg-card);color:var(--brand-yellow);flex-shrink:0;font-size:var(--fs-13);height:36px;justify-content:center;width:36px}.journey-insight-content{flex:1 1;min-width:0}.journey-insight-value{color:var(--text-primary);display:block;font-size:var(--fs-14);font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journey-insight-label{display:block;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.journey-insight-detail,.journey-insight-label{color:var(--text-muted);font-size:.625rem}.journey-milestones{margin-top:var(--sp-5)}.journey-milestones-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-4)}.journey-milestones-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-15);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0}.journey-milestones-title i{color:var(--brand-yellow)}.journey-milestones-subtitle{color:var(--text-muted);font-size:var(--fs-12)}.journey-milestones-container{grid-gap:var(--sp-2);display:grid;gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.milestone-item{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);display:flex;gap:var(--sp-3);padding:var(--sp-3)}.milestone-item.achieved{border-color:var(--brand-yellow-border)}.milestone-item.locked{opacity:.55}.milestone-icon{color:var(--brand-yellow);flex-shrink:0;font-size:var(--fs-16)}.milestone-item.locked .milestone-icon{color:var(--text-muted)}.milestone-content{flex:1 1;min-width:0}.milestone-title{color:var(--text-primary);display:block;font-size:var(--fs-13);font-weight:var(--fw-medium)}.milestone-date{color:var(--text-muted);display:block;font-size:.625rem;margin-top:2px}.journey-pace{margin-top:var(--sp-5)}.journey-pace-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-4)}.journey-pace-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-15);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0}.journey-pace-title i{color:var(--brand-yellow)}.journey-pace-subtitle{color:var(--text-muted);font-size:var(--fs-12)}#paceInsights{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:1fr 1fr}.pace-insight{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);display:flex;gap:var(--sp-2);padding:var(--sp-3)}.pace-insight-icon{color:var(--brand-yellow);flex-shrink:0;font-size:var(--fs-13);margin-top:2px}.pace-insight-text{color:var(--text-secondary);font-size:var(--fs-13);line-height:var(--lh-normal)}.pace-insight-text strong{color:var(--text-primary);font-weight:var(--fw-medium)}.pace-insight-text .highlight{color:var(--brand-yellow);font-weight:var(--fw-medium)}@media (max-width:1024px){.stats-hero-content{align-items:stretch;flex-direction:column}.stats-hero-right{grid-template-columns:repeat(4,1fr)}.analytics-grid,.rating-grid{grid-template-columns:1fr}.period-stats-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.stats-hero{min-height:auto;padding:var(--sp-5) var(--sp-4)}.stats-hero-right{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:var(--fs-20)}.hero-stat-card{gap:var(--sp-2);min-width:0;padding:var(--sp-2) var(--sp-3)}.hero-stat-icon{font-size:var(--fs-13);height:34px;width:34px}.hero-stat-value{font-size:var(--fs-16)}.advanced-insights,.insights-grid,.journey-insights-grid,.overview-grid,.period-stats-grid,.rating-behavior-grid,.smart-insights{grid-template-columns:1fr}.journey-milestones-container{grid-template-columns:1fr 1fr}#paceInsights{grid-template-columns:1fr}.personality-card{flex-direction:column;text-align:center}.personality-stats{justify-content:center;width:100%}.period-filters-left,.period-stats-filters{align-items:stretch;flex-direction:column}.filter-group{justify-content:space-between}.filter-group select{flex:1 1}.period-display-badge{justify-content:center}}@media (max-width:480px){.stats-hero{border-radius:var(--r-md);padding:var(--sp-4)}.hero-title{font-size:var(--fs-18)}.hero-stat-card{gap:var(--sp-2);padding:var(--sp-2)}.hero-stat-icon{font-size:var(--fs-12);height:28px;width:28px}.hero-stat-value{font-size:var(--fs-14)}.hero-stat-label{font-size:.5rem}.metric-card{gap:var(--sp-2);padding:var(--sp-3)}.metric-icon{font-size:var(--fs-12);height:32px;width:32px}.metric-value{font-size:var(--fs-16)}.analytics-card,.rating-card{padding:var(--sp-4)}.analytics-chart-container,.rating-chart-container{height:260px}.period-stat-card{padding:var(--sp-3)}.period-stat-icon{font-size:var(--fs-13);height:36px;width:36px}.period-stat-value{font-size:var(--fs-18)}.personality-card{padding:var(--sp-4)}.personality-stats{gap:var(--sp-3)}.personality-stat-value{font-size:var(--fs-14)}.journey-chart-card,.journey-secondary-chart{padding:var(--sp-4)}.journey-chart-container{height:220px}.journey-milestones-container{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.behavior-card,.filter-group select,.insight-card,.journey-filter-btn,.metric-card,.milestone-item,.pace-insight,.period-stat-card{transition:none!important}}#watchlist-page{width:100%}.watchlist-filters{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-pill);display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-5);padding:var(--sp-2)}.filter-btn{background:#0000;border:1px solid #0000;border-radius:var(--r-pill);color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-medium);padding:8px 16px;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.filter-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.filter-btn.active{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--text-inverse);font-weight:var(--fw-semibold)}.watchlist-search{align-items:center;display:inline-flex;margin-left:auto;position:relative}.watchlist-search .search-icon{color:var(--text-muted);font-size:var(--fs-13);left:14px;pointer-events:none;position:absolute}.watchlist-search input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-13);min-width:220px;outline:none;padding:8px 16px 8px 38px;transition:border-color var(--dur-fast) var(--ease-standard)}.watchlist-search input::placeholder{color:var(--text-muted)}.watchlist-search input:focus{border-color:var(--brand-yellow)}#watchlist-container{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(clamp(160px,15vw,260px),1fr));margin-bottom:var(--sp-6);min-height:300px}.pagination-container{display:flex;justify-content:center;margin-top:var(--sp-6)}#pagination{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-pill);display:flex;gap:2px;padding:var(--sp-1)}.page-btn{align-items:center;background:#0000;border:none;border-radius:var(--r-pill);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-medium);height:36px;justify-content:center;min-width:36px;padding:0 6px;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.page-btn:hover:not(:disabled):not(.active){background:var(--bg-card-hover);color:var(--text-primary)}.page-btn.active{background:var(--brand-yellow);color:var(--text-inverse);font-weight:var(--fw-semibold)}.page-btn:disabled{cursor:not-allowed;opacity:.3}.page-dots{align-items:center;display:inline-flex;font-size:var(--fs-12);justify-content:center;padding:0 6px}.no-anime,.page-dots{color:var(--text-muted)}.no-anime{background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--r-md);font-size:var(--fs-14);grid-column:1/-1;padding:60px 20px;text-align:center}@media (max-width:640px){.watchlist-search{display:block;margin:0 0 var(--sp-3) 0;width:100%}.watchlist-search input{font-size:var(--fs-13);min-width:0;width:100%}.watchlist-filters{grid-gap:8px;border-radius:var(--r-md);display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:8px}.filter-btn{border-radius:var(--r-pill);font-size:var(--fs-13);min-height:38px;overflow:hidden;padding:9px 12px;text-align:center;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;width:100%}}@media (max-width:480px){#watchlist-container{gap:var(--sp-2)}.page-btn{font-size:var(--fs-12);height:30px;min-width:30px}}@media (max-width:380px){.watchlist-filters{gap:6px;padding:6px}.filter-btn{font-size:var(--fs-12);min-height:36px;padding:8px}}@media (prefers-reduced-motion:reduce){.filter-btn,.page-btn,.watchlist-search input{transition:none!important}}@media (max-width:640px){.watchlist-search{box-sizing:border-box;display:block;grid-column:1/-1;margin:0 0 var(--sp-2) 0;order:-1;padding:0;position:relative;width:100%}.watchlist-search .search-icon{color:var(--text-muted);font-size:var(--fs-13);left:14px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.watchlist-search input{box-sizing:border-box;display:block;font-size:var(--fs-13);min-width:0;padding:10px 16px 10px 38px;width:100%}}#anime-list-page{width:100%}.anime-list-container{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);overflow:hidden}.anime-list-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:space-between;padding:var(--sp-5)}.anime-list-title h2{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-20);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0}.anime-list-title h2 i{color:var(--brand-yellow);font-size:var(--fs-16)}.anime-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.anime-filters select{appearance:none;-webkit-appearance:none;background:var(--bg-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A8A8A' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-medium);min-width:140px;outline:none;padding:8px 32px 8px 14px;transition:border-color var(--dur-fast) var(--ease-standard)}.anime-filters select:hover{border-color:var(--border-strong)}.anime-filters select:focus{border-color:var(--brand-yellow)}.anime-counter{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-secondary);display:inline-flex;font-size:var(--fs-12);gap:var(--sp-2);padding:8px 14px;white-space:nowrap}.table-container{overflow-x:auto;width:100%}.anime-table{border-collapse:collapse;font-size:var(--fs-14);min-width:800px;width:100%}.anime-table thead tr{background:var(--bg-surface)}.anime-table th{border-bottom:1px solid var(--border-default);color:var(--text-muted);font-size:var(--fs-12);font-weight:var(--fw-semibold);letter-spacing:.06em;padding:var(--sp-4);text-align:left;text-transform:uppercase;white-space:nowrap}.anime-table tbody tr{border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard)}.anime-table tbody tr:last-child{border-bottom:none}.anime-table tbody tr:hover{background:var(--bg-card-hover)}.anime-table td{color:var(--text-secondary);padding:var(--sp-4);vertical-align:middle}.anime-title-cell{align-items:center;display:flex;gap:var(--sp-3);min-width:260px}.anime-table .anime-cover{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);flex-shrink:0;height:72px;object-fit:cover;transition:border-color var(--dur-fast) var(--ease-standard);width:50px}.anime-table tbody tr:hover .anime-cover{border-color:var(--border-strong)}.anime-table .anime-info{display:flex;flex-direction:column;gap:2px;max-width:100%;min-width:0}.anime-table .anime-title{color:var(--text-primary);font-size:var(--fs-14);font-weight:var(--fw-medium);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anime-table .anime-genres{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;-webkit-mask-image:linear-gradient(90deg,#000,#000 92%,#0000);mask-image:linear-gradient(90deg,#000,#000 92%,#0000);max-width:100%;overflow:hidden;white-space:nowrap}.anime-table .anime-genres span{color:var(--text-muted);flex:0 0 auto;font-size:.6875rem;padding:1px 8px}.anime-table .anime-genres span,.anime-table .anime-type{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-pill);white-space:nowrap}.anime-table .anime-type{color:var(--text-secondary);display:inline-block;font-size:var(--fs-12);padding:4px 12px}.anime-table .progress-cell{min-width:140px}.progress-wrapper{display:flex;flex-direction:column;gap:4px}.anime-table .progress-container{background:var(--border-default);border-radius:var(--r-pill);height:4px;overflow:hidden;width:120px}.anime-table .progress-bar{background:var(--brand-yellow);border-radius:var(--r-pill);height:100%}.anime-table .progress-wrapper small{color:var(--text-muted);font-size:.6875rem}.anime-table .badge{font-size:.6875rem}.anime-table .anime-score{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-pill);color:var(--brand-yellow);display:inline-flex;font-family:var(--font-mono);font-size:var(--fs-12);font-weight:var(--fw-semibold);gap:4px;padding:4px 10px}.anime-table .anime-date{color:var(--text-muted);font-size:var(--fs-12);white-space:nowrap}.anime-table .no-anime{color:var(--text-muted);font-size:var(--fs-14);padding:60px 20px;text-align:center}@media (max-width:768px){.anime-list-header{padding:var(--sp-4)}.anime-list-title h2{font-size:var(--fs-18)}.anime-filters{width:100%}.anime-filters select{flex:1 1;min-width:0}.table-container{-webkit-overflow-scrolling:touch;margin:0;overflow-x:auto;overflow-y:visible;padding:0}.anime-table{border-collapse:initial;border-spacing:0;min-width:640px}.anime-table tbody td:first-child,.anime-table thead th:first-child{background:#0000!important;box-shadow:none!important;left:auto!important;position:static!important;z-index:auto!important}.anime-table thead th{background:var(--bg-surface)!important;position:sticky;top:0;z-index:1}.anime-table tbody tr{background:var(--bg-card)}.anime-table tbody td{background:#0000!important}.anime-table tbody tr:hover{background:var(--bg-card-hover);transform:none!important}.anime-table tbody tr:hover td{background:#0000!important}.anime-table .anime-cover{height:56px;transition:none!important;width:40px}.anime-table tbody tr:hover .anime-cover{border-color:var(--border-default)!important;transform:none!important}.anime-table tbody tr:hover .anime-title{color:var(--text-primary)!important}.anime-table tbody tr:hover .anime-type{background:var(--bg-surface)!important;border-color:var(--border-subtle)!important}.anime-table tbody tr:hover .anime-score,.anime-table tbody tr:hover .badge{transform:none!important}.anime-table td,.anime-table th{height:auto;line-height:1.35;padding:var(--sp-3);vertical-align:middle}.anime-title-cell{align-items:center;max-width:220px;min-width:200px}.anime-table .anime-info{max-width:100%;min-width:0}.anime-table .anime-title{font-size:var(--fs-13);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anime-table .anime-genres{max-width:180px}.anime-table .progress-container{width:80px}}@media (max-width:480px){.anime-list-header{align-items:stretch;padding:var(--sp-3)}.anime-filters,.anime-list-header{flex-direction:column}.anime-filters select{width:100%}.anime-counter{justify-content:center;width:100%}.anime-table{font-size:var(--fs-12);min-width:600px}.anime-table td,.anime-table th{padding:var(--sp-2)}}@media (prefers-reduced-motion:reduce){.anime-table .anime-cover,.anime-table tbody tr{transition:none!important}}#achievements-page{width:100%}.achievements-summary{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--shell-section-gap)}.summary-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;flex-direction:column;gap:4px;padding:var(--sp-5);text-align:center}.summary-label{color:var(--text-muted);font-size:var(--fs-12);font-weight:var(--fw-medium);letter-spacing:.06em;text-transform:uppercase}.summary-value{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-32);font-weight:var(--fw-bold);line-height:1.1}.summary-card.completed .summary-value{color:var(--success)}.summary-card.progress .summary-value{color:var(--brand-yellow)}.achievements-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(clamp(240px,22vw,320px),1fr))}.achievement-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);position:relative;transition:border-color var(--dur-fast) var(--ease-standard)}.achievement-card:hover{border-color:var(--border-strong)}.achievement-card.unlocked{border-color:var(--brand-yellow-border)}.achievement-card.in-progress{border-color:var(--border-strong)}.achievement-card.locked{opacity:.6}.achievement-icon{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--text-muted);display:flex;font-size:var(--fs-22);height:48px;justify-content:center;margin-bottom:var(--sp-2);width:48px}.achievement-card.unlocked .achievement-icon{border-color:var(--brand-yellow-border);color:var(--brand-yellow)}.achievement-title{color:var(--text-primary);font-size:var(--fs-15);font-weight:var(--fw-semibold);letter-spacing:-.01em}.achievement-desc{color:var(--text-muted);font-size:var(--fs-13);line-height:var(--lh-normal);margin-bottom:var(--sp-2)}.achievement-status{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-pill);color:var(--text-muted);display:inline-flex;font-size:.6875rem;font-weight:var(--fw-semibold);gap:4px;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase;width:fit-content}.status-completed{border-color:var(--brand-yellow-border);color:var(--brand-yellow)}.status-progress{border-color:var(--border-strong);color:var(--text-secondary)}.status-locked{color:var(--text-muted)}.achievement-progress-bar{background:var(--border-default);border-radius:var(--r-pill);height:4px;margin-top:var(--sp-2);overflow:hidden;width:100%}.achievement-progress{background:var(--brand-yellow);border-radius:var(--r-pill);height:100%;transition:width var(--dur-slow) var(--ease-standard)}.achievement-tier{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);font-size:.625rem;font-weight:var(--fw-bold);letter-spacing:.06em;padding:2px 10px;position:absolute;right:var(--sp-3);text-transform:uppercase;top:var(--sp-3)}@media (max-width:768px){.achievements-summary{grid-template-columns:1fr}.summary-card{align-items:center;flex-direction:row;justify-content:space-between;text-align:left}.achievements-grid{grid-template-columns:1fr}.achievement-card{padding:var(--sp-4)}}@media (prefers-reduced-motion:reduce){.achievement-card,.achievement-progress{transition:none!important}}#community-page{width:100%}.community-tabs{-webkit-overflow-scrolling:touch;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;gap:4px;margin-bottom:var(--sp-5);overflow-x:auto;padding:4px}.community-tab{align-items:center;background:#0000;border:none;border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;flex:1 1;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-medium);gap:6px;justify-content:center;min-height:40px;padding:8px 16px;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);white-space:nowrap}.community-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.community-tab.active{background:var(--brand-yellow);font-weight:var(--fw-semibold)}.community-tab.active,.community-tab.active i{color:var(--text-inverse)}.community-tab-content{display:none}.community-tab-content.active{display:block}.friend-leaderboard,.friend-requests-section,.friends-list-section,.search-users-section{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);margin-bottom:var(--sp-4);padding:var(--sp-5)}.friend-leaderboard h3,.friend-requests-section h3,.friends-list-section h3,.search-users-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--fs-15);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0 0 var(--sp-4) 0}.friend-leaderboard h3 i,.friend-requests-section h3 i,.friends-list-section h3 i,.search-users-section h3 i{color:var(--brand-yellow)}.friend-request-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--sp-2);padding:var(--sp-3)}.friend-request-info,.friend-request-item{align-items:center;display:flex;gap:var(--sp-3)}.friend-avatar,.friend-request-avatar,.leaderboard-avatar,.search-result-avatar,.your-avatar{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:50%;flex-shrink:0;height:44px;object-fit:cover;width:44px}.friend-request-name{color:var(--text-primary);font-size:var(--fs-13);font-weight:var(--fw-semibold)}.friend-request-level{color:var(--text-muted);font-size:.6875rem}.friend-request-actions{display:flex;gap:var(--sp-2)}.btn-accept{background:var(--brand-yellow);border:none;border-radius:var(--r-pill);color:var(--text-inverse);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-semibold);padding:6px 14px;transition:background-color var(--dur-fast) var(--ease-standard)}.btn-accept:hover{background:var(--brand-yellow-hover)}.btn-decline{background:#0000;border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-medium);padding:6px 14px;transition:border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.btn-decline:hover{border-color:var(--brand-red-border);color:var(--brand-red)}.search-users-input{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3)}.search-users-input input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);flex:1 1;font-family:var(--font-sans);font-size:var(--fs-13);outline:none;padding:10px 14px;transition:border-color var(--dur-fast) var(--ease-standard)}.search-users-input input:focus{border-color:var(--brand-yellow)}.search-users-input .btn-primary{background:var(--brand-yellow);border:none;border-radius:var(--r-sm);color:var(--text-inverse);cursor:pointer;font-size:var(--fs-13);font-weight:var(--fw-semibold);padding:10px 20px}.search-users-input .btn-primary:hover{background:var(--brand-yellow-hover)}.search-results-list{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);max-height:300px;overflow-y:auto}.search-result-item{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--sp-3);justify-content:space-between;padding:var(--sp-3);transition:background-color var(--dur-fast) var(--ease-standard)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-card-hover)}.search-result-info{align-items:center;display:flex;flex:1 1;gap:var(--sp-3);min-width:0}.btn-add-friend{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-medium);padding:6px 14px;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.btn-add-friend:hover{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--text-inverse)}.friends-grid{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.friend-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);cursor:pointer;display:flex;gap:var(--sp-3);padding:var(--sp-3);transition:border-color var(--dur-fast) var(--ease-standard)}.friend-card:hover{border-color:var(--border-strong)}.friend-info{flex:1 1;min-width:0}.friend-name{color:var(--text-primary);font-size:var(--fs-13);font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-level{color:var(--text-muted);font-size:.6875rem}.remove-friend-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);width:30px}.remove-friend-btn:hover{background:var(--brand-red-soft);border-color:var(--brand-red-border);color:var(--brand-red)}.leaderboard-subtitle{color:var(--text-muted);font-size:var(--fs-13);margin-bottom:var(--sp-4)}.leaderboard-filters,.leaderboard-mode-tabs,.time-period-buttons{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-pill);display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3);padding:var(--sp-1)}.leaderboard-filter-btn,.leaderboard-mode-tab,.time-period-btn{align-items:center;background:#0000;border:none;border-radius:var(--r-pill);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-12);font-weight:var(--fw-medium);gap:6px;padding:6px 14px;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.leaderboard-filter-btn:hover,.leaderboard-mode-tab:hover,.time-period-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.leaderboard-filter-btn.active,.leaderboard-mode-tab.active,.time-period-btn.active{background:var(--brand-yellow);color:var(--text-inverse);font-weight:var(--fw-semibold)}.time-period-filter{margin-bottom:var(--sp-3)}.time-period-filter label{color:var(--text-muted);display:block;font-size:.6875rem;letter-spacing:.05em;margin-bottom:var(--sp-2);text-transform:uppercase}.your-stats-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);margin-bottom:var(--sp-4);padding:var(--sp-4)}.your-stats-header{align-items:center;display:flex;gap:var(--sp-3);margin-bottom:var(--sp-3)}.your-stats-header h4{font-size:var(--fs-15);font-weight:var(--fw-semibold);margin:0}.your-level{color:var(--text-muted);font-size:var(--fs-12)}.your-stats-grid{grid-gap:var(--sp-2);display:grid;gap:var(--sp-2);grid-template-columns:repeat(4,1fr)}.your-stat{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--sp-2);text-align:center}.your-stat .stat-value{color:var(--text-primary);display:block;font-family:var(--font-mono);font-size:var(--fs-16);font-weight:var(--fw-bold)}.your-stat .stat-label{color:var(--text-muted);font-size:.625rem;text-transform:uppercase}.friend-leaderboard-list,.leaderboard-list{display:flex;flex-direction:column;gap:4px;max-height:600px;overflow-y:auto;padding:4px 0}.leaderboard-item{align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-sm);cursor:pointer;display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.leaderboard-item:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.leaderboard-item.current-user{border-color:var(--brand-yellow-border)}.leaderboard-rank{color:var(--text-muted);flex-shrink:0;font-family:var(--font-mono);font-size:var(--fs-14);font-weight:var(--fw-bold);min-width:40px;text-align:center}.leaderboard-rank.top-1{color:gold}.leaderboard-rank.top-2{color:silver}.leaderboard-rank.top-3{color:#cd7f32}.leaderboard-user{align-items:center;display:flex;flex:1 1;gap:var(--sp-3);min-width:0}.leaderboard-info{min-width:0}.leaderboard-name{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:var(--fs-13);font-weight:var(--fw-semibold);gap:6px}.leaderboard-stats{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.6875rem;gap:6px;margin-top:2px}.leaderboard-value{color:var(--brand-yellow);flex-shrink:0;font-family:var(--font-mono);font-size:var(--fs-13);font-weight:var(--fw-semibold)}.leaderboard-you-badge{background:var(--brand-yellow);border-radius:var(--r-pill);color:var(--text-inverse);font-size:.625rem;font-weight:var(--fw-bold);letter-spacing:.04em;padding:1px 8px;text-transform:uppercase}.leaderboard-empty{color:var(--text-muted);padding:48px 24px;text-align:center}.leaderboard-empty i{display:block;font-size:32px;margin-bottom:var(--sp-3);opacity:.4}.leaderboard-empty h4{color:var(--text-primary);font-size:var(--fs-14);margin-bottom:4px}.leaderboard-empty p{font-size:var(--fs-13)}.coming-soon-card{align-items:center;background:var(--bg-card);border:1px dashed var(--border-default);border-radius:var(--r-md);display:flex;flex-direction:column;gap:var(--sp-3);padding:60px 24px;text-align:center}.coming-soon-card i{color:var(--text-muted);font-size:40px;opacity:.4}.coming-soon-card h3{color:var(--text-primary);font-size:var(--fs-18);margin:0}.coming-soon-card p{color:var(--text-muted);font-size:var(--fs-14);margin:0}.coming-badge-small{background:var(--brand-yellow-soft);border:1px solid var(--brand-yellow-border);border-radius:var(--r-pill);color:var(--brand-yellow);font-size:.6875rem;font-weight:var(--fw-semibold);letter-spacing:.04em;padding:3px 12px;text-transform:uppercase}.profile-achievements-grid{grid-gap:var(--sp-2);display:grid;gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.profile-achievement-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-sm);display:flex;gap:var(--sp-3);padding:var(--sp-3)}.profile-achievement-card.unlocked{border-color:var(--brand-yellow-border)}.profile-achievement-icon{align-items:center;background:var(--bg-surface);border-radius:var(--r-sm);color:var(--text-muted);display:flex;flex-shrink:0;font-size:var(--fs-13);height:34px;justify-content:center;width:34px}.profile-achievement-card.unlocked .profile-achievement-icon{color:var(--brand-yellow)}.profile-achievement-info{flex:1 1;min-width:0}.profile-achievement-name{color:var(--text-primary);font-size:var(--fs-13);font-weight:var(--fw-medium)}.profile-achievement-desc{color:var(--text-muted);font-size:.6875rem}.profile-achievement-status{color:var(--text-muted);font-size:.625rem}@media (max-width:768px){.community-tab{font-size:var(--fs-12);padding:6px 12px}.community-tab span{display:none}.friend-request-item{flex-direction:column;text-align:center}.friend-request-actions{justify-content:center;width:100%}.friends-grid{grid-template-columns:1fr}.your-stats-grid{grid-template-columns:repeat(2,1fr)}.leaderboard-stats{display:none}}@media (max-width:480px){.friend-leaderboard,.friends-list-section,.search-users-section{padding:var(--sp-3)}.community-tab{font-size:.6875rem;min-height:32px;padding:4px 10px}.leaderboard-item{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.leaderboard-avatar{height:32px;width:32px}.leaderboard-rank{min-width:32px}.leaderboard-rank,.leaderboard-value{font-size:var(--fs-12)}}@media (prefers-reduced-motion:reduce){.community-tab,.friend-card,.friend-request-item,.leaderboard-item,.your-stat{transition:none!important}}#settings-page{width:100%}.settings-tabs{-webkit-overflow-scrolling:touch;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;gap:4px;margin-bottom:var(--sp-5);overflow-x:auto;padding:4px}.settings-tab{align-items:center;background:#0000;border:none;border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;flex:1 1;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-medium);gap:6px;justify-content:center;min-height:40px;padding:8px 16px;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);white-space:nowrap}.settings-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.settings-tab.active{background:var(--brand-yellow);color:var(--text-inverse);font-weight:var(--fw-semibold)}.settings-tab-content{display:none}.settings-tab-content.active{display:block}.settings-group{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);margin-bottom:var(--sp-4);padding:var(--sp-5)}.settings-group h3{align-items:center;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);display:flex;font-size:var(--fs-15);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0 0 var(--sp-4) 0;padding-bottom:var(--sp-3)}.settings-group h3 i{color:var(--brand-yellow)}.settings-item{margin-bottom:var(--sp-4)}.settings-item:last-child{margin-bottom:0}.settings-item label{color:var(--text-muted);display:block;font-size:var(--fs-12);font-weight:var(--fw-medium);letter-spacing:.05em;margin-bottom:var(--sp-2);text-transform:uppercase}.settings-item input,.settings-item select,.settings-item textarea{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-14);outline:none;padding:10px 14px;transition:border-color var(--dur-fast) var(--ease-standard);width:100%}.settings-item input:focus,.settings-item select:focus,.settings-item textarea:focus{border-color:var(--brand-yellow)}.settings-item small{color:var(--text-muted);display:block;font-size:.6875rem;margin-top:4px}#profilePreviewBanner{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);margin-bottom:var(--sp-5);min-height:240px;overflow:hidden;position:relative}#coverPreviewImage{background:var(--bg-surface);display:block;max-height:320px;object-fit:cover;width:100%}#profilePreviewBanner .banner-gradient{background:linear-gradient(0deg,#000000d9 0,#0000);height:60%;inset:auto 0 0 0;pointer-events:none;position:absolute}#profilePreviewBanner .banner-content{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--sp-4);inset:auto 0 0 0;padding:var(--sp-5);position:absolute;z-index:1}#profilePreviewBanner .profile-preview-avatar{background:var(--bg-surface);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 16px #00000059;flex-shrink:0;height:88px;object-fit:cover;width:88px}#profilePreviewBanner .profile-preview-info{color:#fff;flex:1 1;min-width:200px}#profilePreviewBanner .profile-preview-name{font-size:var(--fs-24);font-weight:var(--fw-bold);letter-spacing:-.02em;margin-bottom:4px}#profilePreviewBanner .profile-preview-join-date{align-items:center;display:flex;font-size:var(--fs-12);gap:6px;margin-bottom:var(--sp-2);opacity:.85}#profilePreviewBanner #previewBio{display:block;font-size:var(--fs-13);line-height:1.5;margin-bottom:var(--sp-2);opacity:.9}#profilePreviewBanner #previewStatus{background:#ffffff26;border:1px solid #ffffff40;border-radius:var(--r-pill);color:#fff;display:inline-block;font-size:var(--fs-12);font-weight:var(--fw-medium);margin-bottom:var(--sp-2);padding:3px 12px}#previewFavAnime{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--sp-2)}#previewFavAnime .fav-tag{background:#ffffff1f;border:1px solid #fff3;border-radius:var(--r-pill);color:#fff;font-size:.6875rem;padding:2px 10px}#previewSocials{display:flex;gap:8px}#previewSocials a{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;color:#fff;display:inline-flex;font-size:var(--fs-14);height:32px;justify-content:center;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-standard);width:32px}#previewSocials a:hover{background:#ffffff38}[data-theme=light] #profilePreviewBanner .banner-gradient{background:linear-gradient(0deg,#ffffffeb 0,#0000)}[data-theme=light] #profilePreviewBanner .profile-preview-info{color:#050505}[data-theme=light] #previewFavAnime .fav-tag,[data-theme=light] #previewSocials a,[data-theme=light] #profilePreviewBanner #previewStatus{background:#0000000f;border-color:#0000001a;color:#050505}#profileBio{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-14);min-height:80px;outline:none;padding:12px 14px;resize:vertical;transition:border-color var(--dur-fast) var(--ease-standard);width:100%}#profileBio:focus{border-color:var(--brand-yellow)}#bioCharCount{color:var(--text-muted);display:block;font-size:.6875rem;margin-top:4px;text-align:right}.file-input-wrapper{border-radius:var(--r-sm);overflow:hidden;position:relative;width:100%}.file-input-wrapper input[type=file]{cursor:pointer;inset:0;opacity:0;position:absolute;z-index:2}.file-input-btn{align-items:center;background:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--fs-13);font-weight:var(--fw-medium);gap:var(--sp-2);justify-content:center;padding:12px 20px;transition:border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.file-input-wrapper:hover .file-input-btn{border-color:var(--brand-yellow-border);color:var(--text-primary)}.settings-btn,.settings-item .btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-medium);gap:6px;justify-content:center;padding:10px 20px;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.settings-btn:hover,.settings-item .btn:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.settings-btn.primary,.settings-item .btn-primary{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--text-inverse)}.settings-btn.primary:hover,.settings-item .btn-primary:hover{background:var(--brand-yellow-hover);border-color:var(--brand-yellow-hover)}.settings-item .btn-danger{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.settings-item .btn-danger:hover{background:var(--brand-red-hover);border-color:var(--brand-red-hover)}.settings-item .btn-success{background:var(--success);border-color:var(--success);color:#fff}#resetAvatar{justify-content:center;width:100%}.level-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);margin-bottom:var(--sp-4);padding:var(--sp-5)}.level-card-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--sp-4)}.level-card-header,.level-rank{align-items:center;display:flex;gap:var(--sp-3)}.level-badge-image{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--brand-yellow);display:flex;flex-shrink:0;font-size:var(--fs-20);height:52px;justify-content:center;width:52px}.level-title-wrap{display:flex;flex-direction:column}.level-title{color:var(--text-primary);font-size:var(--fs-15);font-weight:var(--fw-semibold)}.level-subtitle{color:var(--text-muted);font-size:var(--fs-12)}.level-number{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--brand-yellow);font-family:var(--font-mono);font-size:var(--fs-13);font-weight:var(--fw-semibold);padding:4px 12px}.progress-track{background:var(--border-default);border-radius:var(--r-pill);height:6px;margin-bottom:var(--sp-2);overflow:hidden;width:100%}.progress-fill{background:var(--brand-yellow);border-radius:var(--r-pill);height:100%;transition:width var(--dur-slow) var(--ease-standard)}.progress-row{align-items:center;color:var(--text-muted);display:flex;font-size:var(--fs-12);gap:var(--sp-3);justify-content:space-between}.progress-percent{color:var(--brand-yellow);font-weight:var(--fw-medium)}.danger-zone{background:var(--brand-red-soft);border:1px solid var(--brand-red-border);border-radius:var(--r-md);margin-bottom:var(--sp-4);padding:var(--sp-5)}.danger-zone h3{align-items:center;color:var(--brand-red);display:flex;font-size:var(--fs-15);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0 0 var(--sp-2) 0}.danger-zone p{color:var(--text-secondary);font-size:var(--fs-13);line-height:1.5;margin-bottom:var(--sp-4)}.danger-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.export-dropdown{display:inline-block;position:relative}.export-dropdown .export-caret{font-size:.7em;margin-left:6px;opacity:.7}.export-menu{animation:exportMenuIn .16s ease-out;background:#1a1a1a;background:var(--bg-surface,#1a1a1a);border:1px solid #333;border:1px solid var(--border-default,#333);border-radius:10px;border-radius:var(--r-md,10px);box-shadow:0 12px 32px #00000073;box-shadow:var(--shadow-lg,0 12px 32px #00000073);max-height:380px;min-width:240px;overflow-y:auto;overscroll-behavior:contain;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:50}@keyframes exportMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.export-menu-section{align-items:center;border-top:1px solid #262626;border-top:1px solid var(--border-subtle,#262626);color:#888;color:var(--text-muted,#888);display:flex;font-size:.6875rem;font-weight:600;gap:8px;letter-spacing:.05em;margin-top:4px;padding:8px 10px 6px;text-transform:uppercase}.export-menu-section:first-of-type{border-top:none;margin-top:0}.export-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--r-sm,6px);color:#eee;color:var(--text-primary,#eee);cursor:pointer;display:flex;font-family:inherit;font-size:.8125rem;gap:10px;padding:8px 10px;text-align:left;transition:background-color .12s ease;width:100%}.export-menu-item:focus-visible,.export-menu-item:hover{background:#262626;background:var(--bg-card-hover,#262626);outline:none}.export-menu-item i{color:#888;color:var(--text-muted,#888);flex-shrink:0;text-align:center;width:16px}.export-menu-item-all i{color:#f5c518;color:var(--brand-yellow,#f5c518)}.export-menu-label{flex:1 1;min-width:0}.export-menu-count{background:#222;background:var(--bg-card,#222);border-radius:999px;flex-shrink:0;font-family:monospace;font-family:var(--font-mono,monospace);padding:1px 8px}.export-menu-count,.export-menu-empty{color:#888;color:var(--text-muted,#888);font-size:.75rem}.export-menu-empty{padding:12px;text-align:center}@media (max-width:768px){.export-menu{bottom:12px;bottom:var(--sp-3,12px);left:12px;left:var(--sp-3,12px);max-height:min(60dvh,400px);min-width:0;position:fixed;right:12px;right:var(--sp-3,12px);top:auto}}@media (prefers-reduced-motion:reduce){.export-menu{animation:none!important}}.theme-selection{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(3,1fr)}.theme-card{background:var(--bg-surface);border:2px solid var(--border-default);border-radius:var(--r-md);cursor:pointer;padding:var(--sp-3);position:relative;text-align:center;transition:border-color var(--dur-fast) var(--ease-standard)}.theme-card:hover{border-color:var(--border-strong)}.theme-card.active{border-color:var(--brand-yellow)}.theme-card.active:after{align-items:center;background:var(--brand-yellow);border-radius:50%;color:var(--text-inverse);content:"✓";display:flex;font-size:.6875rem;font-weight:var(--fw-bold);height:20px;justify-content:center;position:absolute;right:6px;top:6px;width:20px}.theme-sample{border:1px solid var(--border-default);border-radius:var(--r-sm);height:60px;margin-bottom:var(--sp-2);width:100%}.theme-sample.light{background:#fff}.theme-sample.dark{background:#171717}.theme-sample.system{background:linear-gradient(90deg,#fff,#fff 50%,#171717 0,#171717)}.theme-label{color:var(--text-primary);font-size:var(--fs-13);font-weight:var(--fw-medium)}.sync-status{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-secondary);display:flex;font-size:var(--fs-13);gap:var(--sp-2);padding:var(--sp-3)}.sync-status i{color:var(--success)}.sync-status.syncing i{color:var(--brand-yellow)}.sync-status.error i{color:var(--brand-red)}.sync-info{color:var(--text-muted);display:block;font-size:var(--fs-12);margin-top:var(--sp-2)}.tag-input-wrapper{position:relative;width:100%}.tag-input-container{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);cursor:text;display:flex;flex-wrap:wrap;gap:var(--sp-2);min-height:44px;padding:8px 10px;transition:border-color var(--dur-fast) var(--ease-standard)}.tag-input-container:focus-within{border-color:var(--brand-yellow)}.tag-item{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-primary);gap:6px;padding:3px 8px 3px 12px}.tag-item,.tag-remove{align-items:center;display:inline-flex;font-size:var(--fs-12)}.tag-remove{background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;height:16px;justify-content:center;line-height:1;padding:0;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);width:16px}.tag-remove:hover{background:var(--brand-red-soft);color:var(--brand-red)}#favSearch,#favTagInput{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-sans);font-size:var(--fs-14);min-width:120px;outline:none;padding:4px 0}#favTagInput::placeholder{color:var(--text-muted)}.tag-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);box-shadow:var(--shadow-lg);left:0;max-height:260px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.tag-dropdown .tag-result{align-items:center;border-radius:var(--r-sm);cursor:pointer;display:flex;gap:var(--sp-3);padding:8px 10px;transition:background-color var(--dur-fast) var(--ease-standard)}.tag-dropdown .tag-result:hover{background:var(--bg-card-hover)}.tag-dropdown .tag-result img{background:var(--bg-surface);border-radius:4px;flex-shrink:0;height:44px;object-fit:cover;width:32px}.tag-dropdown .result-info{flex:1 1;min-width:0}.tag-dropdown .result-title{color:var(--text-primary);font-size:var(--fs-13);font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-dropdown .result-meta{color:var(--text-muted);font-size:.6875rem}.tag-dropdown .result-add{background:var(--brand-yellow);border-radius:var(--r-pill);color:var(--text-inverse);flex-shrink:0;font-size:.6875rem;font-weight:var(--fw-semibold);padding:2px 10px}.tag-dropdown-empty{color:var(--text-muted);font-size:var(--fs-13);padding:20px;text-align:center}@media (max-width:768px){.settings-tab{font-size:var(--fs-12);padding:6px 12px}.settings-tab span{display:none}.settings-group{padding:var(--sp-4)}.theme-selection{grid-template-columns:1fr}.theme-card{align-items:center;display:flex;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);text-align:left}.theme-sample{flex-shrink:0;height:48px;margin:0;width:48px}#profilePreviewBanner .banner-content{padding:var(--sp-4)}#profilePreviewBanner .profile-preview-avatar{height:64px;width:64px}#profilePreviewBanner .profile-preview-name{font-size:var(--fs-18)}}@media (max-width:480px){.settings-group{padding:var(--sp-3)}.settings-tab{font-size:.6875rem;min-height:32px;padding:4px 10px}.danger-actions{flex-direction:column}.danger-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.file-input-btn,.progress-fill,.settings-btn,.settings-item .btn,.settings-tab,.theme-card,.theme-card.active:after{transition:none!important}}#tab-sync .settings-group{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);margin-bottom:var(--sp-4);padding:var(--sp-5)}#tab-sync .settings-group h3{align-items:center;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);display:flex;font-size:var(--fs-15);font-weight:var(--fw-semibold);gap:var(--sp-2);margin:0 0 var(--sp-4) 0;padding-bottom:var(--sp-3)}#tab-sync .settings-group h3 i{color:var(--brand-yellow)}#tab-sync .settings-item{display:block;margin-bottom:var(--sp-4)}#tab-sync .settings-item:last-child{margin-bottom:0}#tab-sync .settings-item label{color:var(--text-muted);display:block;font-size:var(--fs-12);font-weight:var(--fw-medium);letter-spacing:.05em;margin-bottom:var(--sp-2);text-transform:uppercase}#tab-sync .settings-hint{line-height:1.55;margin:0 0 var(--sp-4) 0}#tab-sync .settings-hint,#tab-sync .sync-status{color:var(--text-secondary);font-size:var(--fs-13)}#tab-sync .sync-status{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4)}#tab-sync .sync-status i{color:var(--success);flex-shrink:0}#tab-sync .sync-status.syncing i{color:var(--brand-yellow)}#tab-sync .sync-status.error i{color:var(--brand-red)}#tab-sync .sync-status-ok{background:var(--success-soft);border-color:var(--success-border)}#tab-sync .sync-status-ok i{color:var(--success)}#tab-sync .sync-status-ok strong{color:var(--text-primary);font-weight:var(--fw-medium)}#tab-sync .sync-info{color:var(--text-muted)}#tab-sync .sync-error,#tab-sync .sync-info{display:block;font-size:var(--fs-12);line-height:1.5}#tab-sync .sync-error{color:var(--brand-red)}#tab-sync .settings-actions,#tab-sync .settings-group .settings-actions,#tab-sync .settings-item.settings-actions{align-items:center;display:flex!important;flex-direction:row;flex-wrap:wrap;gap:16px!important;margin-bottom:var(--sp-4)}#tab-sync .settings-actions:last-child,#tab-sync .settings-item.settings-actions:last-child{margin-bottom:0}#tab-sync .settings-actions .btn,#tab-sync .settings-item.settings-actions .btn{align-items:center;border:1px solid #0000;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;flex:0 0 auto;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-semibold);gap:8px;justify-content:center;line-height:1;margin:0!important;min-height:40px;padding:10px 20px;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);width:auto}#tab-sync .settings-actions .btn-primary{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--text-inverse)}#tab-sync .settings-actions .btn-primary:hover:not(:disabled){background:var(--brand-yellow-hover);border-color:var(--brand-yellow-hover)}#tab-sync .settings-actions .btn-secondary{background:var(--bg-card);border-color:var(--border-default);color:var(--text-primary)}#tab-sync .settings-actions .btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-strong)}#tab-sync .settings-actions .btn:disabled{cursor:not-allowed;opacity:.5}#tab-sync .settings-actions .btn i{font-size:var(--fs-13);line-height:1}#tab-sync .settings-actions .btn .fa-spinner{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){#tab-sync .settings-actions,#tab-sync .settings-item.settings-actions{align-items:stretch;flex-direction:column;gap:12px!important}#tab-sync .settings-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){#tab-sync .settings-actions .btn{transition:none!important}#tab-sync .settings-actions .btn .fa-spinner{animation:none!important}}@media (max-width:768px){.settings-tabs{border-radius:var(--r-md);display:flex;flex-wrap:nowrap;gap:6px;justify-content:stretch;overflow:visible;padding:6px}.settings-tab{align-items:center;flex:1 1;gap:0;justify-content:center;min-height:40px;min-width:0;padding:10px 6px}.settings-tab span{display:none}.settings-tab i{font-size:var(--fs-15);line-height:1}.settings-tab:after{display:none}}@media (max-width:480px){.settings-tabs{gap:4px;padding:4px}.settings-tab{min-height:38px;padding:9px 4px}.settings-tab i{font-size:var(--fs-14)}}#recap-modal{align-items:center;background:var(--bg-overlay);display:flex;inset:0;justify-content:center;padding:var(--sp-5);position:fixed;z-index:var(--z-modal)}#recap-modal.hidden{display:none}.recap-container,.recap-modal-content{animation:modalIn var(--dur-slow) var(--ease-enter);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);max-height:90dvh;max-width:580px;overflow:hidden;padding:var(--sp-7) var(--sp-6) var(--sp-5);position:relative;width:100%}.recap-close{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--fs-16);height:36px;justify-content:center;position:absolute;right:var(--sp-4);top:var(--sp-4);transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);width:36px}.recap-close:hover{background:var(--brand-red-soft);border-color:var(--brand-red-border);color:var(--brand-red)}.recap-progress-bar,.recap-progress-container{background:var(--border-default);border-radius:var(--r-pill);height:3px;margin-bottom:var(--sp-5);overflow:hidden;width:100%}.recap-progress{background:var(--brand-yellow);border-radius:var(--r-pill);height:100%;transition:width var(--dur-slow) var(--ease-standard)}.recap-slide-area,.recap-slides{min-height:360px;position:relative}.recap-slide{align-items:center;display:none;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3);text-align:center}.recap-slide.active,.slide-icon{display:flex}.slide-icon{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:50%;font-size:var(--fs-28);height:64px;justify-content:center;margin-bottom:var(--sp-2);width:64px}.slide-icon,.slide-icon i{color:var(--brand-yellow)}.recap-slide h1{color:var(--text-primary);font-family:var(--font-mono);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:1.1;margin:0}.recap-slide .subtitle{color:var(--text-secondary);font-size:var(--fs-15);font-weight:var(--fw-medium);margin:0}.recap-slide .hint,.recap-slide .period{color:var(--text-muted);font-size:var(--fs-13);margin:0}.recap-slide .score{color:var(--brand-yellow);font-family:var(--font-mono);font-size:var(--fs-18);font-weight:var(--fw-bold);margin:0}.recap-slide .score,.stat-badge{align-items:center;display:inline-flex;gap:6px}.stat-badge{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);font-size:var(--fs-13);margin-top:var(--sp-2);padding:6px 14px}.stat-badge i{color:var(--brand-yellow)}.rating-meter,.streak-bar{background:var(--border-default);border-radius:var(--r-pill);height:6px;margin-top:var(--sp-2);overflow:hidden;width:220px}.meter-fill,.streak-fill{background:var(--brand-yellow);border-radius:var(--r-pill);height:100%;transition:width var(--dur-slow) var(--ease-standard)}.genre-list{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-2)}.genre-badge{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);font-size:var(--fs-12);font-weight:var(--fw-medium);padding:4px 14px}.genre-badge.primary{border-color:var(--brand-yellow-border);color:var(--brand-yellow)}.genre-badge.secondary{border-color:var(--border-strong);color:var(--text-primary)}.recap-summary{grid-gap:var(--sp-2);display:grid;gap:var(--sp-2);grid-template-columns:repeat(2,1fr);margin:var(--sp-4) auto 0;max-width:340px;width:100%}.summary-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-secondary);display:flex;font-size:var(--fs-13);gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.summary-item i{color:var(--brand-yellow)}.summary-item span{color:var(--text-primary);font-weight:var(--fw-medium)}.recap-controls{align-items:center;border-top:1px solid var(--border-subtle);display:flex;gap:var(--sp-3);justify-content:space-between;margin-top:var(--sp-5);padding-top:var(--sp-4)}.recap-nav-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-medium);gap:6px;padding:8px 18px;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.recap-nav-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-primary)}.recap-nav-btn:disabled{cursor:not-allowed;opacity:.3}.recap-controls button{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--fs-16);height:40px;justify-content:center;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);width:40px}.recap-controls button:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-strong)}.recap-controls button:disabled{cursor:not-allowed;opacity:.3}.slide-counter,.slide-counter-global{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-12);font-weight:var(--fw-medium)}@media (max-width:768px){.recap-container,.recap-modal-content{border-radius:var(--r-md);padding:var(--sp-5) var(--sp-4) var(--sp-4)}.recap-slide h1{font-size:var(--fs-24)}.recap-slide-area,.recap-slides{min-height:300px}.slide-icon{font-size:var(--fs-22);height:52px;width:52px}}@media (max-width:480px){.recap-container,.recap-modal-content{padding:var(--sp-4)}.recap-summary{grid-template-columns:1fr}.recap-slide h1{font-size:var(--fs-20)}.rating-meter,.streak-bar{width:160px}}@media (prefers-reduced-motion:reduce){#recap-modal .recap-container,#recap-modal .recap-modal-content,.meter-fill,.recap-close,.recap-controls button,.recap-nav-btn,.recap-progress,.streak-fill{animation:none!important;transition:none!important}}body:has(.auth-card){align-items:center;background:var(--bg-page);color:var(--text-primary);display:flex;font-family:var(--font-sans);justify-content:center;min-height:100vh;padding:var(--sp-5)}.auth-card{animation:fadeIn var(--dur-slow) var(--ease-enter);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);max-width:420px;padding:var(--sp-8) var(--sp-7);width:100%}.auth-card .logo{margin-bottom:var(--sp-5);text-align:center}.auth-card .auth-logo{display:flex;justify-content:center;margin-bottom:var(--sp-3)}.auth-card .auth-logo img{display:block;height:64px;object-fit:contain;width:auto}.auth-card .logo .subtitle{color:var(--text-muted);font-size:var(--fs-13);margin:0}.auth-card .mode-badge{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);display:inline-block;font-size:.6875rem;font-weight:var(--fw-semibold);letter-spacing:.06em;margin-bottom:var(--sp-5);padding:3px 14px;text-transform:uppercase}.auth-card .form-group{margin-bottom:var(--sp-4)}.auth-card .form-group label{color:var(--text-muted);display:block;font-size:var(--fs-12);font-weight:var(--fw-medium);letter-spacing:.05em;margin-bottom:var(--sp-2);text-transform:uppercase}.auth-card .form-group input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-14);outline:none;padding:12px 14px;transition:border-color var(--dur-fast) var(--ease-standard);width:100%}.auth-card .form-group input::placeholder{color:var(--text-muted)}.auth-card .form-group input:focus{border-color:var(--brand-yellow)}.auth-card .password-wrapper{position:relative}.auth-card .password-wrapper input{padding-right:46px}.auth-card .password-toggle{background:#0000;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--fs-14);padding:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color var(--dur-fast) var(--ease-standard)}.auth-card .password-toggle:hover{color:var(--text-primary)}.auth-card .btn{align-items:center;background:var(--brand-yellow);border:none;border-radius:var(--r-sm);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-14);font-weight:var(--fw-semibold);gap:6px;justify-content:center;margin-top:var(--sp-2);padding:14px 20px;transition:background-color var(--dur-fast) var(--ease-standard);width:100%}.auth-card .btn:hover:not(:disabled){background:var(--brand-yellow-hover)}.auth-card .btn:disabled{cursor:not-allowed;opacity:.5}.auth-card .btn-google{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);margin-top:0}.auth-card .btn-google:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-strong)}.auth-card .divider{border-top:1px solid var(--border-subtle);margin:var(--sp-5) 0;position:relative}.auth-card .divider span{background:var(--bg-card);color:var(--text-muted);font-size:.6875rem;left:50%;letter-spacing:.06em;padding:0 12px;position:absolute;text-transform:uppercase;top:-8px;transform:translateX(-50%)}.auth-card .switch-mode{color:var(--text-muted);font-size:var(--fs-13);margin-top:var(--sp-5);text-align:center}.auth-card .switch-mode a{color:var(--brand-yellow);cursor:pointer;font-weight:var(--fw-medium);text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}.auth-card .switch-mode a:hover{color:var(--brand-yellow-hover)}.auth-card #forgotPasswordLink{color:var(--brand-yellow)!important}.auth-card #forgotPasswordLink:hover{color:var(--brand-yellow-hover)!important;text-decoration:underline}.auth-card .error-msg,.auth-card .success-msg{border-radius:var(--r-sm);font-size:var(--fs-13);margin-bottom:var(--sp-4);padding:10px 14px;text-align:center}.auth-card .error-msg{background:var(--brand-red-soft);border:1px solid var(--brand-red-border);color:var(--brand-red)}.auth-card .success-msg{background:var(--success-soft);border:1px solid var(--success-border);color:var(--success)}@media (max-width:480px){.auth-card{padding:var(--sp-6) var(--sp-5)}.auth-card .auth-logo img{height:52px}.auth-card .form-group input{padding:10px 12px}.auth-card .btn{font-size:var(--fs-13);padding:12px 16px}}@media (prefers-reduced-motion:reduce){.auth-card{animation:none!important}.auth-card .btn,.auth-card .form-group input,.auth-card .password-toggle,.auth-card .switch-mode a{transition:none!important}}body:has(.landing-header){background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);line-height:var(--lh-normal);overflow-x:clip}body:has(.landing-header) html{scroll-behavior:smooth}.cta-section .container,.features .container,.footer .container,.hero .container,.landing-header .container,.stats-section .container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 var(--shell-gutter);width:100%}.landing-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0a0ad1;border-bottom:1px solid var(--border-subtle);left:0;position:fixed;right:0;top:0;transition:background-color var(--dur-normal) var(--ease-standard);z-index:100}[data-theme=light] .landing-header{background:#f7f7f7d1}.landing-header .header-content{align-items:center;display:flex;gap:var(--sp-5);justify-content:space-between;padding:var(--sp-4) 0}.landing-header .header-logo{display:block;height:44px;object-fit:contain;width:auto}.landing-header .nav-links{align-items:center;display:flex;gap:var(--sp-5)}.landing-header .nav-link{background:#0000;border:none;color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-medium);padding:6px 0;position:relative;transition:color var(--dur-fast) var(--ease-standard)}.landing-header .nav-link:hover{color:var(--text-primary)}.landing-header .nav-link:after{background:var(--brand-yellow);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform var(--dur-normal) var(--ease-standard)}.landing-header .nav-link:hover:after{transform:scaleX(1)}.landing-header .cta-button{align-items:center;background:var(--brand-yellow);border:none;border-radius:var(--r-sm);color:var(--text-inverse);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-13);font-weight:var(--fw-semibold);gap:6px;padding:9px 18px;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);white-space:nowrap}.landing-header .cta-button:hover{background:var(--brand-yellow-hover);transform:translateY(-1px)}.landing-header .cta-button:active{transform:translateY(0)}.hero{align-items:center;display:flex;min-height:100vh;padding:140px 0 96px;position:relative}.hero .hero-content{grid-gap:var(--sp-10);align-items:center;display:grid;gap:var(--sp-10);grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}.hero .hero-text{display:flex;flex-direction:column;gap:var(--sp-5);min-width:0}.hero .hero-tag{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);display:inline-flex;font-size:var(--fs-12);font-weight:var(--fw-medium);gap:8px;letter-spacing:.08em;padding:5px 14px;text-transform:uppercase;width:fit-content}.hero .hero-tag i{color:var(--brand-yellow);font-size:var(--fs-12)}.hero .hero-title{color:var(--text-primary);font-size:clamp(2rem,4.5vw,3.25rem);font-weight:var(--fw-bold);letter-spacing:-.025em;line-height:1.1;margin:0}.hero .hero-title span{color:var(--brand-yellow);display:inline}.hero .hero-subtitle{color:var(--text-secondary);font-size:var(--fs-16);line-height:1.65;margin:0;max-width:540px}.hero .hero-features{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6);margin-top:var(--sp-1)}.hero .feature-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--fs-13);font-weight:var(--fw-medium);gap:8px}.hero .feature-check{color:var(--brand-yellow);flex-shrink:0;font-size:var(--fs-12)}.hero .hero-buttons{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2)}.hero .btn-primary,.hero .btn-secondary{align-items:center;border:1px solid #0000;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-14);font-weight:var(--fw-semibold);gap:8px;justify-content:center;line-height:1;padding:13px 26px;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);white-space:nowrap}.hero .btn-primary{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--text-inverse)}.hero .btn-primary:hover{background:var(--brand-yellow-hover);border-color:var(--brand-yellow-hover);transform:translateY(-1px)}.hero .btn-secondary{background:#0000;border-color:var(--border-default);color:var(--text-primary)}.hero .btn-secondary:hover{background:var(--bg-card);border-color:var(--border-strong);transform:translateY(-1px)}.hero .btn-primary:active,.hero .btn-secondary:active{transform:translateY(0)}.hero .btn-primary i,.hero .btn-secondary i{font-size:var(--fs-13)}.hero .hero-visual{align-items:center;display:flex;justify-content:center;min-width:0}.hero .dashboard-preview{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);box-sizing:border-box;max-width:480px;padding:var(--sp-5);width:100%}.hero .preview-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3)}.hero .logo-img{display:block;height:42px;object-fit:contain;width:auto}.hero .preview-icons{display:flex;gap:6px}.hero .preview-icon-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-muted);display:flex;font-size:.75rem;height:30px;justify-content:center;width:30px}.hero .stats-grid-preview{grid-gap:var(--sp-2);display:grid;gap:var(--sp-2);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--sp-3)}.hero .stat-preview{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);min-width:0;padding:var(--sp-3) var(--sp-2);text-align:center}.hero .stat-preview>div:first-child{color:var(--text-muted);font-size:.625rem;letter-spacing:.08em;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.hero .stat-preview>div:last-child{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-20);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:1.1}.hero .preview-chart{align-items:flex-end;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);display:flex;gap:5px;height:110px;padding:var(--sp-3) var(--sp-3) 0}.hero .chart-bar{background:var(--brand-yellow);border-radius:3px 3px 0 0;flex:1 1;min-height:6px;transition:opacity var(--dur-fast) var(--ease-standard)}.hero .chart-bar:nth-child(3n){opacity:.55}.hero .chart-bar:nth-child(4n){opacity:.75}.features{border-top:1px solid var(--border-subtle);padding:96px 0}.features .section-header{margin-bottom:56px;margin-left:auto;margin-right:auto;max-width:720px;text-align:center}.features .section-tag{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);display:inline-block;font-size:.6875rem;font-weight:var(--fw-semibold);letter-spacing:.1em;margin-bottom:var(--sp-4);padding:4px 14px;text-transform:uppercase}.features .section-title{color:var(--text-primary);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--fw-bold);letter-spacing:-.025em;line-height:1.15;margin:0 0 var(--sp-3) 0}.features .section-subtitle{color:var(--text-secondary);font-size:var(--fs-15);line-height:1.6;margin:0 auto;max-width:560px}.features .features-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.features .feature-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);display:flex;flex-direction:column;padding:var(--sp-6);transition:border-color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard)}.features .feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.features .feature-icon{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--brand-yellow);display:flex;flex-shrink:0;font-size:var(--fs-16);height:46px;justify-content:center;margin-bottom:var(--sp-4);transition:border-color var(--dur-fast) var(--ease-standard);width:46px}.features .feature-card:hover .feature-icon{border-color:var(--brand-yellow-border)}.features .feature-title{color:var(--text-primary);font-size:var(--fs-16);font-weight:var(--fw-semibold);letter-spacing:-.01em;margin:0 0 var(--sp-2) 0}.features .feature-description{color:var(--text-secondary);font-size:var(--fs-13);line-height:1.6;margin:0 0 var(--sp-4) 0}.features .feature-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:auto 0 0;padding:0}.features .feature-list li{align-items:center;color:var(--text-muted);display:flex;font-size:var(--fs-12);gap:8px;line-height:1.4}.features .feature-list li i{color:var(--brand-yellow);flex-shrink:0;font-size:.625rem}.stats-section{border-top:1px solid var(--border-subtle);padding:96px 0}.stats-section .section-header{margin-bottom:56px;margin-left:auto;margin-right:auto;max-width:720px;text-align:center}.stats-section .section-tag{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-pill);color:var(--text-secondary);display:inline-block;font-size:.6875rem;font-weight:var(--fw-semibold);letter-spacing:.1em;margin-bottom:var(--sp-4);padding:4px 14px;text-transform:uppercase}.stats-section .section-title{color:var(--text-primary);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--fw-bold);letter-spacing:-.025em;line-height:1.15;margin:0 0 var(--sp-3) 0}.stats-section .section-subtitle{color:var(--text-secondary);font-size:var(--fs-15);line-height:1.6;margin:0 auto;max-width:560px}.stats-section .stats-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats-section .stat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-6) var(--sp-4);text-align:center;transition:border-color var(--dur-fast) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard)}.stats-section .stat-card:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.stats-section .stat-number{color:var(--brand-yellow);font-family:var(--font-mono);font-size:clamp(2rem,4vw,2.5rem);font-weight:var(--fw-bold);letter-spacing:-.03em;line-height:1.1;margin-bottom:6px}.stats-section .stat-label{color:var(--text-muted);font-size:var(--fs-12);font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase}.cta-section{border-top:1px solid var(--border-subtle);padding:96px 0}.cta-section .cta-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);overflow:hidden;padding:clamp(40px,6vw,72px) clamp(24px,4vw,56px);position:relative;text-align:center}.cta-section .cta-card:before{background:var(--brand-yellow);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.cta-section .cta-title{color:var(--text-primary);font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--fw-bold);letter-spacing:-.025em;line-height:1.15;margin:0 0 var(--sp-3) 0;margin-left:auto;margin-right:auto;max-width:640px}.cta-section .cta-subtitle{color:var(--text-secondary);font-size:var(--fs-15);line-height:1.6;margin:0 auto var(--sp-7);max-width:560px}.cta-section .cta-buttons{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}.cta-section .btn-primary,.cta-section .btn-secondary{align-items:center;border:1px solid #0000;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-14);font-weight:var(--fw-semibold);gap:8px;justify-content:center;line-height:1;padding:13px 26px;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);white-space:nowrap}.cta-section .btn-primary{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--text-inverse)}.cta-section .btn-primary:hover{background:var(--brand-yellow-hover);border-color:var(--brand-yellow-hover);transform:translateY(-1px)}.cta-section .btn-secondary{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}.cta-section .btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-1px)}.cta-section .btn-primary i,.cta-section .btn-secondary i{font-size:var(--fs-13)}.footer{background:var(--bg-section);border-top:1px solid var(--border-subtle);padding:72px 0 32px}.footer .footer-grid{grid-gap:var(--sp-8);border-bottom:1px solid var(--border-subtle);display:grid;gap:var(--sp-8);grid-template-columns:2fr 1fr 1fr 1fr;padding-bottom:var(--sp-8)}.footer .footer-column h3{color:var(--text-primary);font-size:var(--fs-13);font-weight:var(--fw-semibold);letter-spacing:.08em;margin:0 0 var(--sp-4) 0;text-transform:uppercase}.footer .footer-logo{display:block;height:44px;margin-bottom:var(--sp-3);object-fit:contain;width:auto}.footer .footer-column p{color:var(--text-muted);font-size:var(--fs-13);line-height:1.6;margin:0 0 var(--sp-4) 0;max-width:320px}.footer .footer-links{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.footer .footer-links a{color:var(--text-muted);font-size:var(--fs-13);text-decoration:none;transition:color var(--dur-fast) var(--ease-standard);width:fit-content}.footer .footer-links a:hover{color:var(--brand-yellow)}.footer .social-icons{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.footer .social-icons a{align-items:center;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-secondary);display:inline-flex;font-size:var(--fs-14);height:38px;justify-content:center;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);width:38px}.footer .social-icons a:hover{background:var(--bg-card-hover);border-color:var(--brand-yellow-border);color:var(--brand-yellow)}.footer .footer-bottom{padding-top:var(--sp-6);text-align:center}.footer .footer-bottom p{color:var(--text-muted);font-size:var(--fs-12);line-height:1.5;margin:0}.bg-glow,.bg-orb,.bg-orbs,.glow-orb{display:none!important}@media (max-width:1024px){.hero{min-height:auto;padding:120px 0 72px}.hero .hero-content{gap:var(--sp-8);grid-template-columns:1fr;text-align:center}.hero .hero-text{align-items:center}.hero .hero-tag{align-self:center}.hero .hero-subtitle{margin-left:auto;margin-right:auto;max-width:640px}.hero .hero-buttons,.hero .hero-features{justify-content:center}.hero .dashboard-preview{margin:0 auto;max-width:460px}.features .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer .footer-grid{gap:var(--sp-6);grid-template-columns:1.5fr 1fr 1fr}.footer .footer-column:last-child{grid-column:1/-1}}@media (max-width:768px){.landing-header .header-content{gap:var(--sp-3);padding:var(--sp-3) 0}.landing-header .header-logo{height:36px}.landing-header .nav-links{gap:var(--sp-4)}.landing-header .nav-link{font-size:var(--fs-12)}.landing-header .cta-button{font-size:var(--fs-12);padding:8px 14px}.hero{padding:100px 0 56px}.hero .hero-title{font-size:clamp(1.75rem,6vw,2.25rem)}.hero .hero-subtitle{font-size:var(--fs-14)}.hero .hero-features{gap:var(--sp-2) var(--sp-4)}.hero .feature-item{font-size:var(--fs-12)}.hero .hero-buttons{flex-direction:column;gap:var(--sp-2);width:100%}.hero .btn-primary,.hero .btn-secondary{font-size:var(--fs-13);padding:12px 20px;width:100%}.hero .dashboard-preview{max-width:100%;padding:var(--sp-4)}.hero .stats-grid-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .preview-chart{height:90px}.cta-section,.features,.stats-section{padding:64px 0}.features .section-header,.stats-section .section-header{margin-bottom:40px}.features .section-title,.stats-section .section-title{font-size:var(--fs-24)}.features .section-subtitle,.stats-section .section-subtitle{font-size:var(--fs-14)}.features .features-grid{grid-template-columns:1fr}.features .feature-card{padding:var(--sp-5)}.stats-section .stats-grid{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr))}.stats-section .stat-card{padding:var(--sp-5) var(--sp-3)}.stats-section .stat-number{font-size:var(--fs-28)}.cta-section .cta-card{padding:40px 24px}.cta-section .cta-title{font-size:var(--fs-22)}.cta-section .cta-subtitle{font-size:var(--fs-14);margin-bottom:var(--sp-5)}.cta-section .cta-buttons{flex-direction:column;width:100%}.cta-section .btn-primary,.cta-section .btn-secondary{font-size:var(--fs-13);width:100%}.footer{padding:48px 0 24px}.footer .footer-grid{gap:var(--sp-6);grid-template-columns:1fr;text-align:center}.footer .footer-column:last-child{grid-column:auto}.footer .footer-column p,.footer .footer-logo{margin-left:auto;margin-right:auto}.footer .social-icons{justify-content:center}.footer .footer-links{align-items:center}}@media (max-width:480px){.landing-header .header-content{padding:var(--sp-2) 0}.landing-header .header-logo{height:30px}.landing-header .nav-links{gap:var(--sp-3)}.landing-header .nav-link{font-size:.6875rem}.landing-header .cta-button{font-size:.6875rem;padding:7px 12px}.hero{padding:88px 0 48px}.hero .hero-tag{font-size:.625rem;padding:4px 12px}.hero .hero-title{font-size:1.5rem}.hero .hero-subtitle{font-size:var(--fs-13)}.hero .dashboard-preview{padding:var(--sp-3)}.hero .preview-header{margin-bottom:var(--sp-3);padding-bottom:var(--sp-2)}.hero .logo-img{height:28px}.hero .stat-preview{padding:var(--sp-2)}.hero .stat-preview>div:first-child{font-size:.5rem;letter-spacing:.05em}.hero .stat-preview>div:last-child{font-size:var(--fs-16)}.hero .preview-chart{gap:3px;height:70px;padding:var(--sp-2) var(--sp-2) 0}.features .feature-card{padding:var(--sp-4)}.features .feature-icon{font-size:var(--fs-14);height:40px;margin-bottom:var(--sp-3);width:40px}.features .feature-title{font-size:var(--fs-15)}.features .feature-description{font-size:var(--fs-12)}.stats-section .stat-card{padding:var(--sp-4) var(--sp-2)}.stats-section .stat-number{font-size:var(--fs-24)}.stats-section .stat-label{font-size:.625rem}.cta-section .cta-card{padding:32px 20px}.cta-section .cta-title{font-size:var(--fs-20)}.cta-section .cta-card:before{height:3px}.footer .social-icons a{font-size:var(--fs-13);height:34px;width:34px}}@media (prefers-reduced-motion:reduce){body:has(.landing-header){scroll-behavior:auto}.cta-section *,.features *,.footer *,.hero *,.stats-section *{transition:none!important}.cta-section .btn-primary:hover,.cta-section .btn-secondary:hover,.hero .btn-primary:hover,.hero .btn-secondary:hover,.landing-header .cta-button:hover{transform:none!important}}.resources-page{margin:0 auto;max-width:1080px;padding:40px 0 80px}.resources-header{margin-bottom:56px;text-align:center}.resources-header h1{color:var(--text-primary);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--fw-bold);letter-spacing:-.025em;margin:12px 0 8px}.resources-header p{color:var(--text-muted);line-height:1.6;margin:0 auto;max-width:560px}.resources-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.resources-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);padding:24px;transition:border-color .15s ease,transform .15s ease}.resources-card:hover{border-color:var(--brand-yellow-border);transform:translateY(-2px)}.resources-cta a.btn,.resources-cta a.btn:link,.resources-cta a.btn:visited{align-items:center;background:var(--brand-yellow);border:1px solid var(--brand-yellow);border-radius:var(--r-sm);color:#050505;display:inline-flex;font-family:var(--font-sans);font-size:.875rem;font-weight:600;gap:8px;justify-content:center;line-height:1;min-height:44px;padding:12px 24px;text-decoration:none!important;transition:color .15s ease;white-space:nowrap}.resources-cta a.btn:active,.resources-cta a.btn:focus,.resources-cta a.btn:hover{background:var(--brand-yellow);border-color:var(--brand-yellow);color:#000!important;text-decoration:none!important}.resources-cta a.btn i{color:inherit}.resources-card-icon{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--brand-yellow);display:flex;font-size:18px;height:44px;justify-content:center;margin-bottom:16px;width:44px}.resources-card h2{color:var(--text-primary);font-size:1.05rem;font-weight:var(--fw-semibold);margin:0 0 6px}.resources-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.55;margin:0 0 14px}.resources-card ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.resources-card ul li{align-items:flex-start;color:var(--text-muted);display:flex;font-size:.8rem;gap:8px;line-height:1.5}.resources-card ul li i{color:var(--brand-yellow);flex-shrink:0;font-size:.65rem;margin-top:5px}.resources-faq{margin:0 auto;max-width:760px}.faq-item{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-md);margin-bottom:8px;padding:16px 20px;transition:border-color .15s ease}.faq-item[open]{border-color:var(--brand-yellow-border)}.faq-item summary{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:var(--fw-semibold);gap:16px;justify-content:space-between;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{color:var(--brand-yellow);content:"+";font-size:1.25rem;font-weight:600;line-height:1}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin:12px 0 0}.resources-timeline{margin:0 auto;max-width:760px}.changelog-entry{padding:24px 0 24px 24px;position:relative}.changelog-entry:last-child{border-left-color:#0000}.changelog-entry:before{background:var(--brand-yellow);border:2px solid var(--bg-page);border-radius:50%;content:"";height:12px;left:-7px;position:absolute;top:30px;width:12px}.changelog-meta{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.changelog-version{color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;font-weight:var(--fw-bold)}.changelog-tag{background:var(--brand-yellow-soft);border:1px solid var(--brand-yellow-border);border-radius:var(--r-pill);color:var(--brand-yellow);font-size:.625rem;font-weight:var(--fw-bold);letter-spacing:.05em;padding:2px 10px;text-transform:uppercase}.changelog-date{color:var(--text-muted);font-size:.75rem}.changelog-entry ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.changelog-entry ul li{color:var(--text-secondary);font-size:.85rem;line-height:1.55;padding-left:16px;position:relative}.changelog-entry ul li:before{color:var(--brand-yellow);content:"·";font-weight:700;left:0;position:absolute}.resources-cta{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);margin-top:64px;padding:40px 32px;text-align:center}.resources-cta h2{color:var(--text-primary);font-size:1.35rem;font-weight:var(--fw-bold);letter-spacing:-.02em;margin:0 0 8px}.resources-cta p{color:var(--text-muted);font-size:.875rem;margin:0 0 20px}.resources-cta a.btn{align-items:center;display:inline-flex;gap:8px}@media (max-width:768px){.resources-page{padding:20px 0 60px}.resources-header{margin-bottom:40px}.resources-cta{margin-top:48px;padding:32px 20px}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.dashboard-grid{grid-template-columns:1fr}.dna-grid,.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--shell-gutter:16px}.stats-grid{gap:var(--sp-3);grid-template-columns:repeat(2,1fr)}.dna-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}#currently-watching-grid,#top-rated-anime,#watchlist-container,.top-anime-grid{gap:var(--sp-3);grid-template-columns:repeat(2,1fr)}.table-container{-webkit-overflow-scrolling:touch;margin:0 calc(var(--shell-gutter)*-1);overflow-x:auto;padding:0 var(--shell-gutter)}.anime-table{min-width:640px}.anime-table tbody td:first-child,.anime-table thead th:first-child{background:var(--bg-card);box-shadow:1px 0 0 var(--border-default);left:0;position:sticky;z-index:2}.modal{align-items:stretch;padding:0}.modal-content,.modal-content.large-modal,.modal-content.profile-modal{border-radius:0;height:100dvh;margin:0;max-height:100dvh;max-width:100vw;width:100vw}.profile-modal-body{max-height:calc(100dvh - 60px)}.community-tabs,.leaderboard-mode-tabs,.profile-tabs,.settings-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.community-tabs::-webkit-scrollbar,.profile-tabs::-webkit-scrollbar,.settings-tabs::-webkit-scrollbar{display:none}.community-tab,.leaderboard-mode-tab,.profile-tab,.settings-tab{flex:0 0 auto;white-space:nowrap}.notification-dropdown,.profile-dropdown,.search-dropdown{left:var(--shell-gutter);max-width:none;position:fixed;right:var(--shell-gutter);top:calc(var(--shell-header-top) + var(--shell-header-h) + 8px);width:auto}#fab-container{bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right))}#chat-bot-container{align-items:stretch;bottom:calc(88px + env(safe-area-inset-bottom));left:12px;right:max(12px,env(safe-area-inset-right))}#chat-bot-panel{max-height:min(70dvh,520px);max-width:100%;width:100%}}@media (max-width:480px){:root{--shell-gutter:12px}#currently-watching-grid,#top-rated-anime,#watchlist-container,.quick-actions,.stats-grid,.top-anime-grid{gap:var(--sp-2)}.stat-value{font-size:var(--fs-20)}.section-title{font-size:var(--fs-18)}.profile-anime-grid,.profile-stats-grid{grid-template-columns:1fr 1fr}}@media (pointer:coarse){.action-btn,.filter-btn,.genre-filter-btn,.menu-item,.notification-bell,.page-btn,.search-trigger,.theme-toggle,.year-btn,button:not(.close-modal){min-height:40px;min-width:40px}}body,html{max-width:100vw;overflow-x:clip}img{height:auto;max-width:100%}.activity-anime,.anime-card .anime-title,.anime-title,.notification-message,.notification-title{overflow-wrap:anywhere;word-break:break-word}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/*# sourceMappingURL=main.d4a5afc4.css.map*/