/* Dark comparison: identical cabinet content, with pearl glass on graphite. */
:root{--page:#27272c;--glass:linear-gradient(135deg,#fafafaf5,#e7e5eceb);--line:#ffffffbd;--shadow:inset 0 1px 1px #fff,0 8px 20px -16px #0009;--smoke:linear-gradient(125deg,#454148,#333137)}
html{background:#202024;color-scheme:dark}
body{background:var(--page);color:#f4f1f6;--surface-muted:#bab5c0;--surface-accent:#d2b1c7}
.app{background:none}
.brand{color:#faf8fc}
.brand-sub{color:#aaa2b1}
.icon-button{color:#e9e3ed;background:linear-gradient(135deg,#ffffff16,#ffffff05);border-color:#ffffff24;box-shadow:inset 0 1px 0 #ffffff12}
.bell-alert{color:#ecd9e6;border-color:#b48ba570;background:linear-gradient(135deg,#a17b9430,#ffffff08);box-shadow:0 0 0 4px #b18a9f09,0 0 19px #bd8baa23,inset 0 1px 0 #fff2}
.bell-alert:before{border-color:#c19ab13d}
.badge{border-color:#2d2b31;background:linear-gradient(140deg,#b28ba3,#87617a);box-shadow:inset 0 1px 1px #e8d6e155,0 2px 6px #0003}
.intro,body[data-view=cabinet] #view>div>.intro{color:#bab5c0}
.status-panel{background:linear-gradient(115deg,#faf9fc,#edebf1 56%,#d7d2de);border-color:#ffffffb5;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #fff6,0 7px 20px -14px #0008;color:#302a35}
.status-panel>.status-icon{background:linear-gradient(135deg,#fdfbff,#d9cedb70);border-color:#b7a3b650;box-shadow:inset 0 1px 1px #fff9;color:#805e76}
.status-panel strong{color:#302a35}
.status-panel small{color:#716776}
.status-panel>.chevron{color:#80697d}
.segmented{border-radius:999px;background:linear-gradient(135deg,#ffffff13,#ffffff06);border-color:#ffffff1a;box-shadow:inset 0 1px 3px #0002,0 1px 0 #ffffff05}
.segment-indicator{border-radius:999px;background:linear-gradient(145deg,#a68099,#89627b 55%,#78566e);border-color:#b994aa;box-shadow:inset 0 1px 1px #f0dce9a6,inset 0 -1px 1px #ffffff15,0 3px 8px #0003}
.segmented button{border-radius:999px;color:#d4cedb}
.segmented button[aria-selected=true]{color:#fff}
.segmented button:not([aria-selected=true]):hover{background:#ffffff08}
.hint{color:#a49baa}
.section-caption{color:#b4a8b8}
.glass,dialog,.bot-document,.course-example,.cc-example,.m3-message,.m3-material,.cc-upcoming{--surface-muted:#736a79;--surface-accent:#795b71;color:#2e2933;color-scheme:light}
.glass .intro,.glass .quiet,.glass .legal,.glass .eyebrow{color:var(--surface-muted)}
.card{box-shadow:inset 0 1px 1px #fff,0 6px 20px -16px #0009}
.card h3{font-size:17px}
.card p{color:#746c7b}
.cards [data-action=research]{background:linear-gradient(135deg,#faf9fc,#e6e0ea);border-color:#fff9}
.cards [data-action=research] .symbol{color:#8c6782}
.cards [data-action=professions]{background:linear-gradient(135deg,#f6f5f9ef,#dbd8e4d9);border-color:#ffffffb5;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #fff5,0 8px 18px -15px #0008}
.cards [data-action=day]{background:linear-gradient(135deg,#4c454f,#353139);border-color:#b097b150;box-shadow:inset 0 1px 0 #ffffff24,0 5px 15px -13px #0006;color:#f5eef8;--surface-muted:#d6cbdc;--surface-accent:#dbc0d3}
.cards [data-action=day] p{color:#d6cbdc}
.cards [data-action=day] .symbol{color:#e0c6d8}
.cards [data-action=tracker]{background:linear-gradient(135deg,#fdfcfe,#eceaf0);border-color:#ffffffa8}
.card .tag{color:#7f657b;background:#dcd0df75}
.row small{color:#746c7b}
.row .chevron{color:#927d91}
.smoke:not(.status-panel){border-color:#b59ab239;box-shadow:inset 0 1px 0 #ffffff20;color:#f3edf6}
.course-hero .eyebrow{color:#dcc1d4}
.course-hero p{color:#d6cddc}
.demo-banner{background:linear-gradient(135deg,#ab89a51a,#b291b30d);border-color:#b19aaf33;color:#cfbdd1}
dialog .demo-banner,.glass .demo-banner{background:#e9e1eb80;border-color:#b7a6ba50;color:#746477}
.subtabs button{border-radius:999px;background:#ffffff0c;border-color:#ffffff20;color:#d4cadb}
.subtabs button[aria-pressed=true]{background:linear-gradient(135deg,#e4d7e2,#c6afc5);border-color:#e2cfe1;color:#3d2e40;box-shadow:inset 0 1px 1px #fff8}
.text-button{color:#d5b5cc}
.glass .text-button,dialog .text-button,.bot-document .text-button{color:#795b71}
.light-button{color:#302a35}
.preview-controls button{background:#ffffff0d;color:#d0c5d6;border-color:#ffffff22}
.nav-wrap{background:linear-gradient(transparent,#27272cf5)}
.nav{background:linear-gradient(125deg,#424046ef,#2c2b30f5 75%,#39343eec);border-color:#c6b5cd54;box-shadow:inset 0 1px 1px #fff2,0 7px 24px #0005}
.nav button[aria-current=page]{background:linear-gradient(135deg,#fbf9fd,#d8d2e0);color:#302a37;border-color:#fff;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #fff5,0 1px 4px #0002}
dialog{color:#2e2933;border-color:#fff;--surface-muted:#736a79;--surface-accent:#795b71}
dialog::backdrop{background:#11101599}
dialog .intro,dialog .quiet,dialog .legal{color:#736a79}
.footer{color:#afa5b6}
.footer .prototype-label{color:#998da4}
.footer>a{color:#d2b7cd}
.bot-module-meta,.course-meta,.course-note{color:#c0b5c9}
.glass .course-meta,.glass .course-note,.glass .bot-module-meta{color:#736a79}
.home-positioning,.welcome-author{color:inherit}
@media(min-width:600px){body{background:var(--page);box-shadow:0 18px 60px #0003,0 0 0 1px #ffffff0a}.nav-wrap{background:none}}
@media(max-width:359px){.card h3{font-size:15px}}