:root{--bg:#17151c;--panel:#302832;--accent:#e3cdeb;--edge:#735d7c;--muted:#c7b9cd;--ink:#271c2d}
:root[data-theme=rose]{--bg:#24171c;--panel:#422932;--accent:#f3c5ce;--edge:#986373;--muted:#dfbdc8;--ink:#351b24}
:root[data-theme=ocean]{--bg:#111e2a;--panel:#20374a;--accent:#b9dcf6;--edge:#527e9d;--muted:#b4cadb;--ink:#172b3b}
:root[data-theme=sage]{--bg:#19231e;--panel:#2e4036;--accent:#d1e3c1;--edge:#6e8769;--muted:#c4d1be;--ink:#233222}
:root[data-theme=amber]{--bg:#292015;--panel:#453522;--accent:#f4d49b;--edge:#99784c;--muted:#dfceb2;--ink:#352512}
:root[data-theme=berry]{--bg:#291520;--panel:#48263c;--accent:#f0b9dc;--edge:#985e83;--muted:#d9b8ce;--ink:#36172c}
:root[data-theme=slate]{--bg:#1c2029;--panel:#323b4c;--accent:#d0daed;--edge:#74839f;--muted:#c3ccdf;--ink:#242e42}
:root[data-theme=cocoa]{--bg:#281b18;--panel:#47342c;--accent:#ecc8b5;--edge:#9b7764;--muted:#dfc5b8;--ink:#39251e}
:root[data-theme=teal]{--bg:#112826;--panel:#23453f;--accent:#b6e3d7;--edge:#568d81;--muted:#bad9d1;--ink:#193a32}
:root[data-theme=plum]{--bg:#26152d;--panel:#42294d;--accent:#dec0f2;--edge:#916da3;--muted:#d5bddf;--ink:#301e3a}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 80% 40%,color-mix(in srgb,var(--edge) 22%,transparent),transparent 55%)}
.profile{background:linear-gradient(150deg,var(--panel),var(--bg));border-color:var(--edge)}
.portrait{background:radial-gradient(circle at 30% 25%,var(--edge),var(--panel) 75%);border-color:var(--edge);overflow:hidden}
.portrait.has-photo{background:var(--panel);width:100%;height:270px;aspect-ratio:auto;border-radius:18px;box-shadow:none}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;flex:1;min-height:0}
@media(max-width:720px){.portrait.has-photo{height:240px;margin-top:20px;margin-bottom:18px}}
.serif,.eyebrow,.profile-name span,.signature{color:var(--accent)}
.wordmark span,.edition,.tiny,.description,.profile-copy,.portrait small,.destination-label,.browser-help,.note,footer{color:var(--muted)}
.primary{background:var(--accent);color:var(--ink)}.primary:not(.disabled):hover{background:var(--accent);filter:brightness(1.08)}
.primary.disabled{background:var(--edge);color:#fff}.secondary,.browser-help,.browser-help button{border-color:var(--edge)}
.profile-copy{line-height:1.7;max-width:340px;margin-left:auto;margin-right:auto}