.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)}