/* Appearance pairs: a pearl canvas by day, graphite and restrained spectrum by night. */
:root{color-scheme:light;--surface:#fff;--surface-raised:#fff;--glass:#ffffffb3}
.appearance-toggle[hidden]{display:none}.appearance-toggle{flex-shrink:0;width:44px;height:44px;min-width:44px;background:transparent;border-color:var(--line)}.appearance-toggle .icon{width:18px;height:18px}.mode-sun{display:none!important}.header-actions{gap:18px}.brand{gap:9px;min-height:44px}.header .brandmark{width:56px;height:37px}.brand-word{font-size:21px;letter-spacing:1.5px;line-height:1.04}.brand-word small{font-size:6.5px;letter-spacing:4.45px;line-height:1.1;margin-top:2px;margin-left:1px}.footer .brandmark{width:43px;height:29px}.footer .brand-word{font-size:17px}.footer .brand-word small{font-size:5.5px;letter-spacing:3.25px;margin-top:2px}
:root[data-color-mode=dark]{color-scheme:dark;--bg:#101116;--ink:#efedf5;--muted:#a6a6b8;--soft:#9292a6;--line:#2e303d;--surface:#1a1c25;--surface-raised:#222430;--glass:#242632c9;--life:#d49aae;--work:#83cbd6;--social:#b99de8;--shadow:0 20px 55px -23px #0009}
:root[data-color-mode=dark] .mode-moon{display:none}:root[data-color-mode=dark] .mode-sun{display:block!important}
:root[data-color-mode=dark] ::selection{background:#615074;color:#fff}:root[data-color-mode=dark] :is(a,button,summary):focus-visible{outline-color:#b6a1e0}
:root[data-color-mode=dark] .header{background:#101116d9;border-color:#2c2c3880}:root[data-color-mode=dark] .header nav>a,:root[data-color-mode=dark] .nav-trigger{color:#b3b2c2}:root[data-color-mode=dark] .header nav>a:hover,:root[data-color-mode=dark] .nav-trigger:hover{color:#fff}
:root[data-color-mode=dark] .brandmark{background:linear-gradient(130deg,#ebd4d3,#a598b6 24%,#ddf2f3 42%,#737d93 65%,#f9e9c1 90%)}
:root[data-color-mode=dark] .button-dark{background:#e6e2ef;color:#22212d;box-shadow:inset 0 1px 0 #fff,0 8px 25px #0003}:root[data-color-mode=dark] .button-dark:hover{background:#fff}
:root[data-color-mode=dark] .button-iridescent{background:linear-gradient(115deg,#454d5a,#424f59 22%,#625067 48%,#62584c 74%,#454754);color:#fff;border-color:#9f97ad80;box-shadow:0 0 0 1px #11121d,0 5px 25px #0005,inset 0 1px 2px #e3d5ef60}
:root[data-color-mode=dark] .button-iridescent:before{background:linear-gradient(110deg,transparent 40%,#fff3 50%,transparent 60%)}:root[data-color-mode=dark] .button-orb{background:#ffffff13;border-color:#ffffff40;box-shadow:inset 0 0 6px #ffffff30}
:root[data-color-mode=dark] :is(.button-quiet,.icon-button,.skip-link){background:var(--surface);border-color:var(--line);color:var(--ink)}:root[data-color-mode=dark] .appearance-toggle{background:transparent}
:root[data-color-mode=dark] .dropdown-panel{background:#1c1e28fa;border-color:#42404f;box-shadow:0 20px 65px #0007}:root[data-color-mode=dark] .dropdown-panel a:hover{background:#302b3d}
:root[data-color-mode=dark] .mini-icon.life{background:#46333d;color:#daa7b8}:root[data-color-mode=dark] .mini-icon.work{background:#263e45;color:#9eced7}:root[data-color-mode=dark] .mini-icon.social{background:#3a304c;color:#c8b2e5}
:root[data-color-mode=dark] .status-dot{background:#bfa1d3;box-shadow:0 0 0 4px #b098cd1a}:root[data-color-mode=dark] .stage-aura{opacity:.19}:root[data-color-mode=dark] .stage-star{color:#887892}:root[data-color-mode=dark] .orbit-lines span,:root[data-color-mode=dark] .orbit-lines span:nth-child(3){border-color:#9590b224}
:root[data-color-mode=dark] .avatar-shadow{background:#0008}:root[data-color-mode=dark] .floating-card{background:linear-gradient(120deg,#282733cf,#222531ed);border-color:#77728555;box-shadow:var(--shadow),inset 0 1px 0 #ffffff0d}
:root[data-color-mode=dark] :is(.scene-card-label,.card-note small){color:#b0a5bb}:root[data-color-mode=dark] .calendar-days span{color:#a2a0b2}:root[data-color-mode=dark] .calendar-days b{color:#cfcbdb}:root[data-color-mode=dark] .calendar-days .selected{background:#4c3d59;color:#e5d7ed}:root[data-color-mode=dark] .calendar-days .selected b{color:#f4e8ff}
:root[data-color-mode=dark] .card-task{border-color:#474150;color:#b2abba}:root[data-color-mode=dark] .card-note p{color:#b4aebc}:root[data-color-mode=dark] .note-icon{background:linear-gradient(135deg,#5a4d3c,#3b3630);color:#d9c5a6}
:root[data-color-mode=dark] .floating-chip{background:#292732b8;border-color:#61596c70;color:#bdb5c8}:root[data-color-mode=dark] .swatch{border-color:#9b87ac;background:linear-gradient(135deg,#a795b6,#76607f)}
:root[data-color-mode=dark] :is(.avatar-label>span:last-child,.context-selector){border-color:#45404e}:root[data-color-mode=dark] .context-button{color:#a3a0b2}:root[data-color-mode=dark] .context-button.is-active{color:#f3edf9}
:root[data-color-mode=dark] :is(.context-caption,.intro-rail p,.section-number,.demo-note){color:#9e9aaf}:root[data-color-mode=dark] .intro-rail strong{color:#cbc5d9}
:root[data-color-mode=dark] .map-experience{background:linear-gradient(135deg,#191b2466,#20202b88);border-color:var(--line)}:root[data-color-mode=dark] .scenario-selector button{color:#aaa4ba}:root[data-color-mode=dark] .scenario-selector button.is-active{background:#302a3d;border-color:#655671;color:#e5d8f1;box-shadow:0 3px 10px #0002}
:root[data-color-mode=dark] .map-center{background:radial-gradient(circle at 30% 20%,#56505f,#26232f);border-color:#82728e70;box-shadow:0 0 0 15px #bfa4d109,0 0 0 16px #bc9ed717,0 20px 50px #0004}
:root[data-color-mode=dark] .map-node{background:#25232fdf;border-color:#5d506c60;box-shadow:0 12px 30px #0003}:root[data-color-mode=dark] .map-node small{color:#a9a0b9}:root[data-color-mode=dark] .map-node>span{background:#61546f}:root[data-color-mode=dark] .map-grid{background-image:radial-gradient(#5e586d 1px,transparent 1px)}
:root[data-color-mode=dark] .wardrobe-experience{background:#26212d}:root[data-color-mode=dark] .wardrobe-experience[data-look=work]{background:#1e292e}:root[data-color-mode=dark] .wardrobe-experience[data-look=social]{background:#302125}
:root[data-color-mode=dark] :is(.wardrobe-copy p,.outfit-description span){color:#b7a9bc}:root[data-color-mode=dark] .wardrobe-copy .eyebrow{color:#baa0c0}:root[data-color-mode=dark] .outfit-selector button{border-color:#5a4c62}:root[data-color-mode=dark] .outfit-selector button.is-active{background:#6a54743b;border-color:#a28aab80;box-shadow:none}
:root[data-color-mode=dark] .wardrobe-ring{border-color:#bca6ce30;background:radial-gradient(ellipse,#a88fbd20,#ffffff00 70%);box-shadow:0 0 0 44px #c1aad708,0 0 0 45px #bc9ec919}:root[data-color-mode=dark] .wardrobe-word{color:#d0b9e015}:root[data-color-mode=dark] .look-index b{color:#dbcee4}:root[data-color-mode=dark] .wardrobe-badge{color:#c3b3c8;background:#30253477;border-color:#92819e50}
:root[data-color-mode=dark] .peach{background:#403027;color:#d1ad96}:root[data-color-mode=dark] .blue{background:#2a3549;color:#aac1e2}:root[data-color-mode=dark] .green{background:#2d3b31;color:#adc3b2}
:root[data-color-mode=dark] .world-card{border-color:var(--line)}:root[data-color-mode=dark] .office-card{background:linear-gradient(145deg,#1b2a30,#182128)}:root[data-color-mode=dark] .social-card{background:linear-gradient(145deg,#2b2335,#201d2d)}:root[data-color-mode=dark] .world-card p{color:#a1b4bd}:root[data-color-mode=dark] .social-card p{color:#b7a9c6}
:root[data-color-mode=dark] .round-link{border-color:#8c849b44;background:#ffffff05}:root[data-color-mode=dark] .round-link:hover{background:#ffffff12}
:root[data-color-mode=dark] .studio-demo{background:#29383ddb;border-color:#788e963d;box-shadow:0 12px 35px #0004}:root[data-color-mode=dark] .studio-canvas{background:#243e3e}:root[data-color-mode=dark] .studio-canvas-label{color:#c0dcd4}:root[data-color-mode=dark] .studio-prompt{background:#1e2c31;border-color:#536b7555;color:#b4c3c9}:root[data-color-mode=dark] .studio-send{background:#42635e;color:#ddf3eb}
:root[data-color-mode=dark] .social-orbit{border-color:#9c83b633}:root[data-color-mode=dark] .interest-chip{color:#c7b7d7;background:#3c304ccc;border-color:#826e9355}:root[data-color-mode=dark] .social-you{border-color:#6d597f;box-shadow:0 0 0 10px #b99ad817,0 25px 40px #0004}:root[data-color-mode=dark] .social-person{border-color:#665873}
:root[data-color-mode=dark] .app-preview{background:#171921;border-color:var(--line);box-shadow:0 25px 90px -50px #0009}:root[data-color-mode=dark] .app-sidebar{background:#1e1e29;border-color:var(--line);color:#aaa5bb}:root[data-color-mode=dark] .app-sidebar .app-nav-active{background:#383042;color:#d0bde4}:root[data-color-mode=dark] .app-day,:root[data-color-mode=dark] .app-note{border-color:var(--line)}:root[data-color-mode=dark] .app-day>div{color:#c4bece}
:root[data-color-mode=dark] .app-note{background:#302a22}:root[data-color-mode=dark] .app-note p{color:#d3c2a5}:root[data-color-mode=dark] .app-note>span{color:#bca883}:root[data-color-mode=dark] .app-note>div{border-color:#64533b80;color:#bcae94}
:root[data-color-mode=dark] .ecosystem-intro p{color:#aaa5b8}:root[data-color-mode=dark] .ecosystem-intro .text-link{color:#ddd5e9}:root[data-color-mode=dark] .brand-tile:hover{background:#1c1d27}:root[data-color-mode=dark] .markam-tile>strong{color:#adcebf}:root[data-color-mode=dark] .markam-tile>strong span{color:#829e91}:root[data-color-mode=dark] .brand-tile>p{color:#a19ab0}
:root[data-color-mode=dark] .lab-portal{border:1px solid #45424d;background:#151720}:root[data-color-mode=dark] .lab-copy h2>span{color:#aaa5bc}:root[data-color-mode=dark] .lab-copy p{color:#a8a2b8}
:root[data-color-mode=dark] .closing-aura{opacity:.14}:root[data-color-mode=dark] .closing p{color:#afa7bc}:root[data-color-mode=dark] .footer-signature{color:#b7afc7}:root[data-color-mode=dark] .footer-links{color:#a5a0b5}
:root[data-color-mode=dark] .tour-dialog{background:var(--bg);border-color:#55485e;color:var(--ink)}:root[data-color-mode=dark] .tour-content{background:#282233}:root[data-color-mode=dark] .tour-content p{color:#beb0cd}:root[data-color-mode=dark] .tour-content li{background:#51425e66}
:root[data-color-mode=dark] .detail-section{background:var(--surface)}:root[data-color-mode=dark] .detail-feature{background:#23202d}
@media(max-width:1100px){.header-actions{gap:12px}.header nav{gap:18px}.header-inner{gap:20px}.header-actions>.login-link{display:none}}
@media(min-width:761px) and (max-width:850px){.header-actions>.button{display:none}}
@media(max-width:760px){.header .brandmark{width:46px;height:31px}.brand{gap:7px}.brand-word{font-size:18px;letter-spacing:1.2px}.brand-word small{font-size:5.5px;letter-spacing:3.85px;margin-top:2px}.header-actions{gap:7px}.header-actions>.button{display:none}.appearance-toggle{width:44px;height:44px}.menu-toggle{width:44px;height:44px}.footer .brandmark{width:39px;height:26px}.footer .brand-word{font-size:16px}.footer .brand-word small{font-size:5px;letter-spacing:3.3px}:root[data-color-mode=dark] .header nav{background:#191b24;border-color:#444052}:root[data-color-mode=dark] .dropdown-panel{background:#24202f}:root[data-color-mode=dark] .menu-toggle{background:transparent}:root[data-color-mode=dark] .map-center{box-shadow:0 0 0 9px #bfa4d109,0 0 0 10px #bc9ed717,0 20px 50px #0004}:root[data-color-mode=dark] .wardrobe-ring{box-shadow:0 0 0 25px #c1aad708,0 0 0 26px #bc9ec919}}

.header nav>a[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}

.tour-content[data-tour-scene=life]{background:#f1eaf1}.tour-content[data-tour-scene=work]{background:#e7f0f1}.tour-content[data-tour-scene=social]{background:#ede7f6}
:root[data-color-mode=dark] .tour-content[data-tour-scene=life]{background:#2d2432}:root[data-color-mode=dark] .tour-content[data-tour-scene=work]{background:#213239}:root[data-color-mode=dark] .tour-content[data-tour-scene=social]{background:#2c2540}

.mobile-nav-actions{display:none}@media(max-width:760px){.mobile-nav-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:8px;padding:15px 8px 2px}.mobile-nav-actions .button{min-height:44px;font-size:11px}.mobile-nav-actions .text-link{font-size:12px}.header nav{max-height:calc(100dvh - 88px);overflow-y:auto}}
