@layer components{.profile-alert{border:1px solid color-mix(in oklab, var(--danger) 35%, transparent);background:color-mix(in oklab, var(--danger) 8%, transparent);color:var(--ink);text-align:left;border-radius:14px;padding:12px 16px;font-size:13px;font-weight:600;line-height:1.6}.profile-alert--stacked{margin-top:12px}.profile-alert--page{padding:14px 18px;font-size:14px;font-weight:700}.profile-page{flex-direction:column;gap:28px;display:flex}.profile-hero{isolation:isolate;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:radial-gradient(120% 160% at 100% 0%, color-mix(in oklab, var(--accent) 22%, transparent) 0%, transparent 62%), linear-gradient(135deg, color-mix(in oklab, var(--accent) 12%, var(--card)) 0%, var(--card) 65%);justify-content:space-between;align-items:flex-start;gap:32px;padding:52px 60px;display:flex;position:relative;overflow:hidden}.profile-hero-ghost{z-index:0;letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.5px color-mix(in oklab, var(--accent) 45%, transparent);background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 18%, transparent), transparent 85%);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-size:clamp(160px,20vw,280px);font-weight:800;line-height:1;position:absolute;top:50%;right:-.1em;transform:translateY(-50%)}.profile-hero-main{z-index:1;align-items:flex-start;gap:28px;min-width:0;display:flex;position:relative}.profile-avatar{color:#fff;letter-spacing:-.02em;border-radius:36px;flex-shrink:0;place-items:center;width:116px;height:116px;font-size:38px;font-weight:800;display:grid;box-shadow:0 24px 48px -16px #00000059}.profile-hero-copy{min-width:0}.profile-eyebrow{align-items:center;gap:8px;display:inline-flex}.profile-premium-dot{background:var(--muted);border-radius:50%;width:5px;height:5px;display:inline-block}.profile-display{letter-spacing:-.03em;color:var(--ink);overflow-wrap:anywhere;margin:8px 0 0;font-size:clamp(36px,4.6vw,56px);font-weight:800;line-height:.98}.profile-manifesto{grid-auto-flow:column;grid-template-rows:repeat(var(--manifesto-rows,3), auto);grid-auto-columns:minmax(0,1fr);gap:10px 32px;max-width:460px;margin:22px 0 0;padding:0;list-style:none;display:grid}.profile-manifesto[data-cols="2"]{max-width:760px}.profile-manifesto li{border-top:1px solid var(--hairline);align-items:baseline;gap:14px;min-width:0;padding-top:10px;display:flex}.profile-manifesto li.is-column-top{border-top:none;padding-top:0}.profile-manifesto-index{color:var(--accent-text);letter-spacing:.04em;flex-shrink:0;font-size:12px;font-weight:800}.profile-manifesto-text{letter-spacing:-.01em;color:var(--ink);font-size:15.5px;font-weight:700;line-height:1.35}.profile-hero-side{z-index:1;text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;padding-top:8px;display:flex;position:relative}.profile-hero-caption,.profile-teaser-count{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:700}.profile-teaser-row{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:20px;padding:4px 0 2px;display:grid}.profile-medal{text-align:center;flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.profile-medal-ring{border-radius:50%;place-items:center;width:92px;height:92px;display:grid;position:relative}.profile-medal.is-unlocked .profile-medal-ring{background:var(--gradient-gold);box-shadow:0 16px 30px -14px #ff8a1f8c}.profile-medal.is-unlocked .profile-medal-ring:before{content:"";background:var(--card);border-radius:50%;position:absolute;inset:6px}.profile-medal-label{font-size:13px;font-weight:800}.profile-medal-cta{cursor:pointer;background:0 0;border:none;padding:0}.profile-medal-ring-cta{background:var(--card-soft);border:2px dashed var(--accent)}.profile-medal-cta-count{z-index:1;color:var(--accent-text);font-size:22px;font-weight:800;position:relative}.profile-medal-cta .profile-medal-label{color:var(--accent-text)}.profile-shell{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:24px;display:grid}.profile-rail{background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius-xl);padding:14px;position:sticky;top:24px}.profile-nav{flex-direction:column;gap:3px;display:flex}.profile-nav-item{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:flex-start;align-items:center;gap:12px;padding:8px 12px;font-size:13.5px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:flex}.profile-nav-icon{border-radius:10px;flex-shrink:0;place-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:grid}.profile-nav-item:hover{background:var(--card-soft);color:var(--ink)}.profile-nav-item.is-active{color:var(--ink)}.profile-tone-lilac .profile-nav-icon{color:#6b47e5;background:#ece6ff}.profile-tone-amber .profile-nav-icon{background:var(--tone-amber-bg);color:var(--tone-amber-ink)}.profile-tone-sky .profile-nav-icon{color:#2563eb;background:#dcebff}.profile-tone-rose .profile-nav-icon{background:var(--tone-pink-bg);color:var(--tone-pink-ink)}.profile-tone-gold .profile-nav-icon{color:#b5650a;background:#ff8a1f29;background:lab(69.861% 40.9941 70.3362/.16)}.profile-tone-teal .profile-nav-icon{background:color-mix(in oklab, var(--teal) 22%, transparent);color:color-mix(in oklab, var(--teal) 65%, black)}.profile-tone-lilac.is-active{background:#6b47e51a;background:lab(42.0589% 45.9541 -76.4603/.1)}.profile-tone-lilac.is-active .profile-nav-icon{color:#fff;background:#6b47e5}.profile-tone-amber.is-active{background:color-mix(in oklab, var(--tone-amber-ink) 10%, transparent)}.profile-tone-amber.is-active .profile-nav-icon{background:var(--tone-amber-ink);color:#fff}.profile-tone-sky.is-active{background:#2563eb1a;background:lab(44.7906% 21.0478 -75.5989/.1)}.profile-tone-sky.is-active .profile-nav-icon{color:#fff;background:#2563eb}.profile-tone-rose.is-active{background:color-mix(in oklab, var(--tone-pink-ink) 10%, transparent)}.profile-tone-rose.is-active .profile-nav-icon{background:var(--tone-pink-ink);color:#fff}.profile-tone-gold.is-active{background:#ff8a1f1f;background:lab(69.861% 40.9941 70.3362/.12)}.profile-tone-gold.is-active .profile-nav-icon{background:var(--gradient-gold);color:#fff}.profile-tone-teal.is-active{background:color-mix(in oklab, var(--teal) 16%, transparent)}.profile-tone-teal.is-active .profile-nav-icon{background:var(--teal);color:#063b35}[data-theme=dim] .profile-tone-gold .profile-nav-icon,[data-theme=dark] .profile-tone-gold .profile-nav-icon{color:#ffc772;background:#ff8a1f33}[data-theme=dim] .profile-tone-teal .profile-nav-icon,[data-theme=dark] .profile-tone-teal .profile-nav-icon{color:#7fe9dc;background:#4dd4c433}.profile-content{flex-direction:column;gap:20px;min-width:0;display:flex}.profile-panel{flex-direction:column;gap:18px;display:flex}.profile-toggle-row{background:var(--card-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.profile-toggle-label{color:var(--ink);font-size:14px;font-weight:800}.profile-integ-list{flex-direction:column;gap:10px;display:flex}.profile-integ-row{background:var(--card-soft);border-radius:14px;align-items:center;gap:14px;padding:12px 16px;display:flex}.profile-integ-icon{flex-shrink:0;font-size:22px}.profile-integ-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-integ-label{color:var(--ink);font-size:14px;font-weight:800}.profile-module-list{flex-direction:column;gap:10px;display:flex}.profile-teaser-state{background:var(--card-soft);color:var(--muted);text-align:left;border-radius:14px;padding:18px 20px;font-size:14px;font-weight:700;line-height:1.6}.profile-teaser-state-error{color:var(--ink)}}@media (max-width:900px){.profile-manifesto,.profile-manifesto[data-cols="2"]{grid-template-rows:none;grid-auto-flow:row;max-width:460px}.profile-manifesto li.is-column-top{border-top:1px solid var(--hairline);padding-top:10px}.profile-manifesto li:first-child{border-top:none;padding-top:0}.profile-shell{grid-template-columns:1fr}.profile-rail{position:static}.profile-nav{flex-flow:wrap}.profile-nav-item{border-radius:12px;width:auto}}@media (max-width:860px){.profile-hero{flex-direction:column;gap:20px;padding:36px 24px}.profile-hero-ghost{display:none}.profile-hero-side{text-align:left;flex-direction:row;align-self:flex-start;align-items:center;gap:12px}}@media (max-width:640px){.profile-medal-ring{width:76px;height:76px}}