.profile-page-shell{min-height:calc(100svh - 4.75rem);padding-top:clamp(.8rem,1.8vw,1.2rem);font-family:inherit}.profile-page-shell .font-display{font-family:var(--font-profile-display-face), Georgia, serif}.profile-page-shell .profile-quote-selection,.profile-page-shell .profile-quote-input{--profile-quote-font-size:18px;--profile-quote-line-height:28px;font-family:var(--font-profile-display-face), Georgia, serif;font-size:var(--profile-quote-font-size);line-height:var(--profile-quote-line-height)}.profile-page-shell .profile-quote-input{font-style:normal}@media (min-width:640px){.profile-page-shell .profile-quote-selection,.profile-page-shell .profile-quote-input{--profile-quote-font-size:19px;--profile-quote-line-height:30px}}@media (min-width:1024px){.profile-page-shell .profile-quote-selection,.profile-page-shell .profile-quote-input{--profile-quote-font-size:21px;--profile-quote-line-height:34px}}@media (max-width:359px){.profile-genre-heading-actions{justify-content:flex-end;width:100%}}.profile-page-shell .profile-navigation a{font-size:clamp(15px,.4vw + 14px,18px);font-family:var(--font-manrope), Arial, sans-serif;line-height:1.2}.profile-page-shell .profile-quote-inline-signal,.profile-page-shell .profile-quote-icon-button,.profile-page-shell .shiki-progress-track,.profile-page-shell .shiki-progress-fill{font-family:var(--font-manrope), Arial, sans-serif}.profile-page-shell:before{z-index:0;pointer-events:none;content:"";background:radial-gradient(circle at 16% 14%,#ec86a71f,#0000 22%),radial-gradient(circle at 84% 10%,#96a4dc24,#0000 24%);position:absolute;inset:0}.profile-page-shell .shiki-card{background:color-mix(in srgb, var(--surface), transparent 9%)}.content-page--profile{--page-bg:url(/profile/light/background.webp);background:radial-gradient(circle at 14% 14%,#df7b9d2b,#0000 24%),radial-gradient(circle at 84% 12%,#7484c430,#0000 25%),linear-gradient(#f4f0f2 0%,#e9e5ef 46%,#ddd8e6 100%)}.content-page--profile:before{opacity:.92;filter:saturate(116%)contrast(107%)brightness(.9)}.content-page__header--profile{background:color-mix(in srgb, var(--background-top), transparent 4%);border-bottom-color:color-mix(in srgb, var(--border-strong), var(--line) 34%);-webkit-backdrop-filter:blur(18px)saturate(132%);backdrop-filter:blur(18px)saturate(132%);box-shadow:0 18px 44px #2e2c3e1a}.content-page__header--profile:before{pointer-events:none;content:"";background:linear-gradient(#fbfaf7f7,#fbfaf7f0);position:absolute;inset:0}html[data-theme=dark] .content-page--profile{--page-bg:url(/profile/dark/background.webp);background:radial-gradient(circle at 16% 14%,#c56c8f14,#0000 22%),radial-gradient(circle at 84% 10%,#5e6ea41f,#0000 24%),linear-gradient(#05070c 0%,#060810 48%,#04060c 100%)}html[data-theme=dark] .content-page--profile:before{opacity:.72;filter:saturate(74%)contrast(108%)brightness(.54)}html[data-theme=dark] .profile-page-shell:before{background:radial-gradient(circle at 16% 14%,#ec86a70f,#0000 22%),radial-gradient(circle at 84% 10%,#788bd41c,#0000 24%)}html[data-theme=dark] .profile-page-shell .shiki-card{background:color-mix(in srgb, var(--surface), transparent 12%)}html[data-theme=dark] .content-page__header--profile:before{background:linear-gradient(#080b12f5,#080b12ed)}html[data-theme=dark] .content-page__header--profile{background:color-mix(in srgb, var(--background-top), transparent 5%);border-bottom-color:color-mix(in srgb, var(--border-strong), var(--line) 28%);-webkit-backdrop-filter:blur(18px)saturate(126%);backdrop-filter:blur(18px)saturate(126%);box-shadow:0 18px 52px #00000047}@media (max-width:820px){.profile-page-shell{padding-top:.4rem}.profile-page-shell:before{background:radial-gradient(circle at 22% 16%,#ec86a714,#0000 28%),radial-gradient(circle at 82% 11%,#96a4dc1a,#0000 28%)}}@keyframes profileQuoteCaretBlink{0%,48%{opacity:1}49%,to{opacity:.18}}@keyframes profileQuoteSignalPulse{0%,to{box-shadow:0 0 #e9789800}50%{box-shadow:0 0 18px #e9789852}}.spectrum-popover{transform-origin:100% 0;animation:.16s cubic-bezier(.22,1.12,.36,1) spectrumPopIn}@keyframes spectrumPopIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.spectrum-popover{animation:none}}.profile-quote-card{z-index:1;border:1px solid #0000;border-radius:20px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;position:relative}.profile-quote-card--editable{cursor:text}.profile-quote-card--editable:after{border-radius:inherit;opacity:0;content:"";background:linear-gradient(135deg,#e978981a,#0000 32% 68%,#e9789814);transition:opacity .18s;position:absolute;inset:0}.profile-quote-card--editable:hover,.profile-quote-card--editable:focus-visible,.profile-quote-card--editing{border-color:color-mix(in srgb, var(--accent), transparent 58%);background:color-mix(in srgb, var(--surface), transparent 12%);box-shadow:0 14px 32px #2e2c3e14, 0 0 0 1px color-mix(in srgb, var(--accent), transparent 76%)}.profile-quote-card--editable:hover:after,.profile-quote-card--editable:focus-visible:after{opacity:1}.profile-quote-inline-signal{vertical-align:baseline;color:var(--accent-strong);opacity:0;align-items:center;gap:.28rem;margin-left:.3rem;transition:opacity .18s,transform .18s;display:inline-flex;transform:translateY(2px)}.profile-quote-card--editable:hover .profile-quote-inline-signal,.profile-quote-card--editable:focus-visible .profile-quote-inline-signal{opacity:1;transform:translateY(0)}.profile-quote-caret{background:var(--accent);border-radius:999px;width:2px;height:.95em;animation:1s step-end infinite profileQuoteCaretBlink,1.25s ease-in-out infinite profileQuoteSignalPulse}.profile-quote-input{caret-color:var(--accent);height:calc(var(--profile-quote-line-height) * 3);max-height:calc(var(--profile-quote-line-height) * 3);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.profile-quote-body,.profile-quote-measure{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.profile-quote-body{height:calc(var(--profile-quote-line-height) * 3);max-height:calc(var(--profile-quote-line-height) * 3);overflow:hidden}.profile-quote-measure{visibility:hidden;pointer-events:none;width:226px;position:absolute;top:0;left:-9999px}@media (min-width:640px){.profile-quote-measure{width:296px}}@media (min-width:1024px){.profile-quote-measure{width:348px}}.profile-quote-selection::selection,.profile-quote-input::selection{color:var(--foreground);background:#e9789852}.profile-quote-icon-button{border:1px solid color-mix(in srgb, var(--accent), transparent 58%);background:color-mix(in srgb, var(--surface-strong), transparent 12%);width:2.25rem;height:2.25rem;color:var(--accent-strong);border-radius:999px;justify-content:center;align-items:center;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex}.profile-quote-icon-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent), transparent 36%);background:color-mix(in srgb, var(--surface-strong), transparent 2%);transform:translateY(-1px)}.profile-quote-icon-button:disabled{opacity:.6}.profile-quote-icon-button--ghost{color:var(--foreground-faint);border-color:color-mix(in srgb, var(--line), transparent 24%)}html[data-theme=dark] .profile-quote-card--editable:hover,html[data-theme=dark] .profile-quote-card--editable:focus-visible,html[data-theme=dark] .profile-quote-card--editing{box-shadow:0 18px 36px #0000004d, 0 0 0 1px color-mix(in srgb, var(--accent), transparent 72%)}.profile-page-shell .profile-avatar-disc{box-shadow:0 0 0 1px color-mix(in srgb, var(--border-strong), transparent 30%), 0 16px 34px #2e2c3e33, 0 3px 10px #2e2c3e1f}.profile-page-shell .profile-avatar-frame{filter:drop-shadow(0 10px 20px #2e2c3e29)}html[data-theme=dark] .profile-page-shell .profile-avatar-disc{box-shadow:0 0 0 1px color-mix(in srgb, var(--border-strong), transparent 42%), 0 18px 40px #0000006b}html[data-theme=dark] .profile-page-shell .profile-avatar-frame{filter:drop-shadow(0 12px 26px #00000073)}.profile-hero{border:1px solid color-mix(in srgb, var(--profile-class-accent,var(--accent)), var(--border-strong) 68%);background:radial-gradient(34rem 24rem at 13% 45%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 88%), transparent 74%), radial-gradient(28rem 20rem at 89% 38%, color-mix(in srgb, var(--accent), transparent 91%), transparent 75%), linear-gradient(154deg, color-mix(in srgb, var(--surface-strong) 95%, #fff 5%), color-mix(in srgb, var(--surface) 94%, transparent));border-radius:28px;margin-top:.35rem;padding:clamp(.65rem,1.4vw,1.15rem);box-shadow:0 28px 70px #2f273a1f,0 7px 20px #2f273a12,inset 0 1px #ffffffad,inset 0 -1px #463b520f}.profile-hero:before{content:none}.profile-hero__identity,.profile-hero__quote{min-width:0;position:relative}.profile-hero__quote{isolation:isolate}.profile-hero__avatar{filter:drop-shadow(0 18px 24px color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 86%))}.profile-hero__action{isolation:isolate;border:1px solid color-mix(in srgb, var(--border-strong), transparent 18%);color:var(--foreground-soft);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 96%, #fff 4%), color-mix(in srgb, var(--surface-muted) 94%, transparent));-webkit-user-select:none;user-select:none;transition:transform .16s,color .16s,border-color .16s,box-shadow .16s;position:relative;box-shadow:0 6px 14px #342c3f14,inset 0 1px #ffffffa8,inset 0 -1px #3a30450f}.profile-hero__action--accent{border-color:color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 50%);color:color-mix(in srgb, var(--profile-class-accent,var(--accent)), var(--foreground) 22%);background:radial-gradient(130% 180% at 50% -70%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 74%), transparent 68%), color-mix(in srgb, var(--surface-strong) 94%, transparent)}.profile-hero__action:hover:not(:disabled),.profile-hero__action:focus-visible{border-color:color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 35%);color:var(--foreground);box-shadow:0 10px 22px color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 86%), inset 0 1px 0 #ffffffc7;transform:translateY(-1px)}.profile-hero__action:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 8px #2c25361a,inset 0 1px 3px #261f301a}.profile-hero__stats{-webkit-user-select:none;user-select:none}.profile-hero__stat{border:1px solid color-mix(in srgb, var(--line), transparent 24%);background:linear-gradient(150deg, #ffffff57, transparent 54%), color-mix(in srgb, var(--surface-muted) 74%, transparent);border-radius:14px;min-width:0;padding:.75rem clamp(.35rem,1vw,.75rem) .65rem;box-shadow:0 9px 22px #342c4012,inset 0 1px #ffffff9e}.profile-hero__stat-label{white-space:nowrap;font-size:clamp(11px,1.15vw,15px);line-height:1.35}.profile-hero__quote:before{z-index:-1;pointer-events:none;box-shadow:none;content:"";background:0 0;border-radius:28px;position:absolute;inset:10% 5%}.profile-hero__crown{cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 7px 18px #744e0c1a,inset 0 1px #ffffff6b}.profile-page-shell :where(.profile-navigation,.profile-hero__actions,.profile-hero__stats,.profile-genre-heading,.profile-genre-row,.profile-anime-summary__score,.profile-class-signature h3,.shiki-tag){-webkit-user-select:none;user-select:none}.profile-page-shell :where(select,summary,label[for]){cursor:pointer}.profile-page__sections{--profile-panel:color-mix(in srgb, var(--surface) 94%, #fff 6%);--profile-panel-raised:color-mix(in srgb, var(--surface-strong) 92%, #fff 8%);--profile-panel-nested:color-mix(in srgb, var(--surface-muted) 90%, transparent)}.profile-page-shell .profile-section{isolation:isolate;border-color:color-mix(in srgb, var(--border-strong), transparent 25%);background:radial-gradient(28rem 18rem at 5% -10%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 93%), transparent 75%), linear-gradient(154deg, color-mix(in srgb, var(--profile-panel-raised) 76%, transparent), var(--profile-panel) 46%, color-mix(in srgb, var(--profile-panel) 96%, #6b6175 4%));position:relative;box-shadow:0 22px 52px #332d3d1c,0 6px 15px #332d3d0e,inset 0 1px #ffffffb3,inset 0 -1px #463c520e}.profile-page-shell .profile-section:before{z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(72% 70% at 6% -12%, color-mix(in srgb, var(--accent), transparent 86%), transparent 72%), linear-gradient(135deg, #ffffff24, transparent 38%);content:"";position:absolute;inset:0}.profile-page-shell .profile-section--archetype{border-color:color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 58%);background:radial-gradient(30rem 25rem at 13% 32%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 90%), transparent 74%), radial-gradient(38rem 30rem at 64% 38%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 92%), transparent 76%), var(--profile-panel);overflow:hidden;box-shadow:0 26px 68px #362b401f,inset 0 1px #ffffffa3}.profile-archetype-radar{position:relative}.profile-archetype-sigil{opacity:.9;filter:saturate(74%) drop-shadow(0 0 18px color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 72%))}.profile-archetype-radar:before,.profile-archetype-radar:after{z-index:-1;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 84%);pointer-events:none;content:"";border-radius:50%;width:min(31rem,115%);position:absolute;inset:50%;transform:translate(-50%,-50%)}.profile-archetype-radar:after{border-color:color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 90%);width:min(24rem,90%);box-shadow:0 0 42px color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 87%)}.profile-class-signature{border-color:color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 72%);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-strong), transparent 2%), color-mix(in srgb, var(--surface-muted), transparent 12%));box-shadow:inset 0 1px #ffffff61}.profile-archetype-motto{border-color:color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 70%);background:radial-gradient(70% 160% at 50% 50%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 90%), transparent 78%), var(--profile-panel-nested)}.profile-page__insights>.profile-section:first-child{background:radial-gradient(34rem 18rem at -8% 0%, color-mix(in srgb, var(--accent), transparent 89%), transparent 70%), var(--profile-panel-raised)}.profile-page__insights>.profile-section:nth-child(2){background:radial-gradient(32rem 18rem at 108% 0%, #8896da1f, transparent 72%), var(--profile-panel-raised)}.profile-similar-user{background:color-mix(in srgb, var(--profile-panel-nested), transparent 30%);border:1px solid #0000}.profile-similar-user:hover{border-color:color-mix(in srgb, var(--accent), transparent 74%);box-shadow:0 8px 22px color-mix(in srgb, var(--accent), transparent 92%);transform:translate(2px)}.profile-spectrum-donut{box-shadow:0 0 0 8px color-mix(in srgb, var(--surface-muted), transparent 46%), 0 0 40px color-mix(in srgb, var(--accent), transparent 83%)}.profile-spectrum-donut:before{border:1px dashed color-mix(in srgb, var(--accent), transparent 74%);content:"";border-radius:50%;position:absolute;inset:-13px}.profile-spectrum-donut__core{background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--accent), transparent 89%), transparent 62%), var(--profile-panel-raised)}.profile-section--genres,.profile-section--least-genres{overflow:hidden}.profile-section--genres:after,.profile-section--least-genres:after{background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.72;content:"";border-radius:999px;width:8rem;height:2px;position:absolute;top:0;right:2rem}.profile-genre-row{background:color-mix(in srgb, var(--profile-panel-nested), transparent 16%);min-height:74px;box-shadow:inset 0 1px #ffffff47}.profile-genre-row:hover{box-shadow:0 10px 24px color-mix(in srgb, var(--accent), transparent 91%), inset 0 1px 0 #ffffff52;transform:translateY(-1px)}.profile-genre-icon{box-shadow:0 7px 18px #2d273726, 0 0 0 1px color-mix(in srgb, var(--accent), transparent 84%)}.profile-genre-icon:after{pointer-events:none;content:"";background:linear-gradient(145deg,#ffffff24,#0000 52%);position:absolute;inset:0}.profile-anime-summary__column{overflow:hidden}.profile-anime-summary__list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent), transparent 38%) transparent;height:31rem}.profile-anime-summary__item{background:color-mix(in srgb, var(--profile-panel-nested), transparent 12%);min-height:90px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff3d}.profile-anime-summary__item:before{background:var(--accent);opacity:0;content:"";border-radius:999px;width:2px;transition:opacity .18s;position:absolute;top:10px;bottom:10px;left:0}.profile-anime-summary__item:hover:before{opacity:.9}.profile-anime-summary__poster{box-shadow:0 8px 18px #2d273733, 0 0 20px color-mix(in srgb, var(--accent), transparent 91%)}.profile-anime-summary__score{text-align:center;min-width:3.35rem}.profile-section--recommendations{background:var(--profile-panel-raised);box-shadow:0 20px 54px #30293a1c,inset 0 1px #ffffff80}html[data-theme=dark] .profile-page__sections{--profile-panel:#080c15f0;--profile-panel-raised:#0b101cf5;--profile-panel-nested:#0f1523d6}html[data-theme=dark] .profile-page-shell .profile-section{border-color:#56638457;box-shadow:0 26px 64px #00000061,0 7px 18px #00000040,inset 0 1px #ffffff0e,inset 0 -1px #00000061,inset 0 0 0 1px #ffffff04}html[data-theme=dark] .profile-page-shell .profile-section:before{background:radial-gradient(34rem 22rem at 8% -8%, color-mix(in srgb, var(--accent), transparent 94%), transparent 78%), radial-gradient(28rem 18rem at 96% 108%, #8492da0a, transparent 80%)}html[data-theme=dark] .profile-page-shell .profile-section--archetype{border-color:color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 70%);background:radial-gradient(27rem 24rem at 11% 31%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 88%), transparent 74%), radial-gradient(36rem 31rem at 63% 38%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 91%), transparent 76%), linear-gradient(150deg, #090d18 0%, #060911 58%, #080b14 100%);box-shadow:0 30px 76px #00000057,inset 0 1px #ffffff0b}html[data-theme=dark] .profile-page-shell .profile-section--archetype:before{background:radial-gradient(22rem 18rem at 4% 18%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 92%), transparent 76%), linear-gradient(105deg, #ffffff05, transparent 31%)}html[data-theme=dark] .profile-class-signature,html[data-theme=dark] .profile-archetype-motto,html[data-theme=dark] .profile-genre-row,html[data-theme=dark] .profile-anime-summary__item{box-shadow:inset 0 1px #ffffff07}html[data-theme=dark] .profile-archetype-sigil{opacity:.82;filter:saturate(70%) brightness(.92) drop-shadow(0 0 24px color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 66%))}html[data-theme=dark] .profile-hero{border-color:color-mix(in srgb, var(--profile-class-accent,var(--accent)), #4450708c 78%);background:radial-gradient(33rem 24rem at 13% 45%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 88%), transparent 74%), radial-gradient(29rem 21rem at 88% 36%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 93%), transparent 74%), linear-gradient(150deg, #0a0e19 0%, #070a12 55%, #090c16 100%);box-shadow:0 30px 74px #0000005c,0 8px 20px #00000040,inset 0 1px #ffffff0d,inset 0 -1px #0000007a}html[data-theme=dark] .profile-hero:before{content:none}html[data-theme=dark] .profile-hero__action{color:var(--foreground-soft);background:linear-gradient(#121827f0,#0a0e18f5);border-color:#5663846b;box-shadow:0 8px 18px #00000047,inset 0 1px #ffffff0e,inset 0 -1px #00000057}html[data-theme=dark] .profile-hero__action--accent{border-color:color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 54%);color:color-mix(in srgb, var(--profile-class-accent,var(--accent)), #fff 22%);background:radial-gradient(140% 200% at 50% -80%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 71%), transparent 68%), linear-gradient(180deg, #141826f5, #0a0d17fa)}html[data-theme=dark] .profile-hero__stat{background:radial-gradient(120% 130% at 50% -35%, color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 91%), transparent 68%), #0a0e18b8;border-color:#525e7c52;box-shadow:0 10px 22px #0003,inset 0 1px #ffffff09,inset 0 -1px #0000004d}html[data-theme=dark] .profile-hero__quote:before{box-shadow:0 24px 50px #00000052, 0 0 48px color-mix(in srgb, var(--profile-class-accent,var(--accent)), transparent 91%), inset 0 1px 0 #ffffff06;background:#080c15b8}html[data-theme=dark] .profile-genre-icon,html[data-theme=dark] .profile-anime-summary__poster{box-shadow:0 10px 24px #00000061, 0 0 22px color-mix(in srgb, var(--accent), transparent 88%)}@media (max-width:639px){.profile-hero{border-radius:20px;padding:.55rem}.profile-hero__stat{padding-inline:.25rem}.profile-page-shell .profile-section{border-radius:16px}.profile-genre-row{min-height:68px}.profile-archetype-identity{align-items:flex-start}.profile-genre-icon{border-radius:11px;width:40px;height:40px}.profile-anime-summary__list{height:27rem}.profile-anime-summary__poster{width:48px;height:64px}}