/* Two intentional palettes, one layout. Only the appearance changes at runtime. */
:root{--cabinet-copy-size:11px;--cabinet-copy-leading:1.65;--menu-graphite:linear-gradient(125deg,#3c383def,#28272bf5)}
:root{--page:#f5f4f5;--theme-text:#302c32;--theme-muted:#746b78;--theme-accent:#85465c;--theme-card:linear-gradient(125deg,#ffffffd9,#f0ebeed9);--theme-card-line:#ffffffde;--theme-soft-line:#d9cdd844;--theme-soft:#ece7ed;--theme-arrow:#9a7b9010;--theme-arrow-line:#b096a321;--theme-arrow-text:#8b7181;--theme-course:linear-gradient(125deg,#75606c,#483b46);--theme-nav-fade:#f5f4f5f5;--theme-field:#fff;--theme-field-line:#d9cdd8;color-scheme:light}
:root[data-color-mode=night]{--page:#2b2b2e;--theme-text:#f1edf3;--theme-muted:#beb3c3;--theme-accent:#c69aa7;--theme-card:linear-gradient(125deg,#363337eb,#2c2b2ee8);--theme-card-line:#c3b2c121;--theme-soft-line:#c3b2c121;--theme-soft:#343037;--theme-arrow:#ffffff06;--theme-arrow-line:#d1bccc28;--theme-arrow-text:#d1bdcc;--theme-course:linear-gradient(125deg,#3b333b,#2c2a30);--theme-nav-fade:#29292cf5;--theme-field:#29262c;--theme-field-line:#c3b2c133;color-scheme:dark}
html{background:#e4e1e5;color-scheme:light}
html[data-color-mode=night]{background:#222225;color-scheme:dark}
body{color:var(--theme-text);background:var(--page);--surface-muted:var(--theme-muted);--surface-accent:var(--theme-accent)}
.app{background:var(--page);position:relative;isolation:isolate;border-radius:inherit}
[data-color-mode=night] .app{background:linear-gradient(155deg,#323236 0%,#2d2d30 50%,#29292c 100%)}
.topbar{background:linear-gradient(90deg,#3b383d,#343237 54%,#2e2d31);padding:19px 22px 21px;margin:-20px -22px 25px;border-radius:0 0 25px 25px;gap:10px}
.top-actions{gap:7px;align-items:center}
.brand{color:#f7f4f8;white-space:nowrap}
.theme-toggle svg{stroke-width:1.5}
.theme-moon{display:none}
[data-color-mode=night] .theme-sun{display:none}
[data-color-mode=night] .theme-moon{display:block}
body[data-view=cabinet] .topbar{margin-bottom:0;border-radius:0}
.cabinet-lead{margin:0 -22px;padding:13px 22px 34px;background:linear-gradient(90deg,#3b383d,#343237 54%,#2e2d31);color:#f5f2f6}
[data-color-mode=night] .topbar,[data-color-mode=night] .cabinet-lead{background:transparent}
body[data-view=cabinet] #view>.cabinet-lead>.intro{color:#beb7c3;font-size:13px;line-height:1.7;max-width:345px;margin-top:12px}
.cabinet-lead .status-panel{margin-top:20px;background:linear-gradient(120deg,#ffffff09,#ffffff03);border-color:#ffffff16;min-height:65px}
.cabinet-content{position:relative;margin:0 -22px;margin-top:-12px;padding:25px 22px 0;background:var(--page);border-radius:25px 25px 0 0}
[data-color-mode=night] .cabinet-content{background:transparent}
#levels-title{color:var(--theme-text);font-size:15px;font-weight:500}
.segmented{background:var(--theme-soft);border:1px solid var(--theme-soft-line);box-shadow:inset 0 1px 2px #00000003}
.segmented button{color:var(--theme-muted);min-height:42px}
.segmented button[aria-selected=true]{color:#fff}
.segment-indicator{background:linear-gradient(135deg,#92576a,#6e364c);border-color:#ad788b81;box-shadow:inset 0 1px 0 #e7c8d166}
[data-color-mode=night] .segment-indicator{background:linear-gradient(135deg,#795360,#60434f);border-color:#b58b9836;box-shadow:inset 0 1px 0 #d4b7c233}
.hint,.section-caption{color:var(--theme-muted)}
.cards{gap:11px}
.glass,.notice,.row,.upsell{background:var(--theme-card);border:1px solid var(--theme-card-line);color:var(--theme-text);--surface-muted:var(--theme-muted);--surface-accent:var(--theme-accent);box-shadow:inset 0 1px 0 #ffffff09;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color-scheme:inherit}
.cards [data-action=research]{background:var(--theme-card);border-color:var(--theme-card-line);color:var(--theme-text);box-shadow:inset 0 1px 0 #ffffff0c}
.cards [data-action=research] .symbol{color:var(--theme-accent)}
.cards [data-action=research] p,.card p,.row small,.glass .intro,.glass .quiet,.glass .legal,.upsell p{color:var(--theme-muted)}
.cabinet-content .cards [data-action=day]{background:#fff;border-color:transparent;color:var(--theme-text);box-shadow:none}
.cabinet-content .cards [data-action=day] p{color:var(--theme-muted)}
.cabinet-content .cards [data-action=day] .symbol{color:var(--theme-accent);background:none;border:0;border-radius:0;padding:0;width:27px;height:27px;margin-bottom:17px}
[data-color-mode=night] .cabinet-content .cards [data-action=day]{background:var(--menu-graphite);border-color:#99869d55;color:#f2edf5;box-shadow:inset 0 1px 0 #ffffff12}
[data-color-mode=night] .cabinet-content .cards [data-action=day] .symbol{color:#d1bdcc;background:none;border:0;border-radius:0;padding:0;width:27px;height:27px;margin-bottom:17px}
[data-color-mode=night] .cabinet-content .cards [data-action=day] p{color:#c4b8c9}
/* Match the quiet, translucent arrow treatment approved on the homepage. */
.card .arrow,.cabinet-content .cards [data-action=day] .arrow{width:24px;height:24px;background:var(--theme-arrow);border:1px solid var(--theme-arrow-line);color:var(--theme-arrow-text);box-shadow:none}
.card .arrow svg{width:13px;height:13px;stroke-width:1.5}
.basic-tools.balanced-tools>:is([data-action=professions],[data-action=tracker]){grid-column:1/-1;display:grid;grid-template-columns:32px minmax(0,1fr) 26px;column-gap:13px;row-gap:5px;align-content:center;align-items:center;min-height:108px;padding:19px 18px;border-radius:20px;background:var(--theme-card);border:1px solid var(--theme-card-line);color:var(--theme-text);box-shadow:inset 0 1px 0 #ffffff10;isolation:auto;overflow:visible}
.basic-tools.balanced-tools>:is([data-action=professions],[data-action=tracker])>.symbol{position:static;grid-column:1;grid-row:1/4;width:25px;height:25px;margin:0;color:var(--theme-accent);opacity:1;stroke-width:1.5}
.basic-tools.balanced-tools>:is([data-action=professions],[data-action=tracker]) h3{grid-column:2;grid-row:1;max-width:none;font-size:16px;line-height:1.35;letter-spacing:-.4px;margin:0}
.basic-tools.balanced-tools>:is([data-action=professions],[data-action=tracker]) p{grid-column:2;grid-row:2/4;max-width:none;padding:0;margin:0;font-size:11px;line-height:1.6;color:var(--theme-muted)}
.basic-tools.balanced-tools>[data-action=tracker] p{grid-row:3}
.basic-tools.balanced-tools>[data-action=tracker] .tag{grid-column:2;grid-row:2;background:none;padding:0;margin:0;font-size:9px;color:var(--theme-accent)}
.basic-tools.balanced-tools>:is([data-action=professions],[data-action=tracker]) .arrow{grid-column:3;grid-row:1/4;align-self:center;width:24px;height:24px;margin:0;background:var(--theme-arrow);border:1px solid var(--theme-arrow-line);color:var(--theme-arrow-text);box-shadow:none}
.intro,.quiet,.legal,.course-meta,.course-note,.bot-module-meta{color:var(--theme-muted)}
.text-button,.glass .text-button,.row>svg,.row .chevron{color:var(--theme-accent)}
[data-color-mode=day] .cabinet-content #level-panel>.text-button[data-level=basic]{color:#343237}
.demo-banner,dialog .demo-banner,.glass .demo-banner{background:var(--theme-soft);border-color:var(--theme-soft-line);color:var(--theme-muted)}
#level-panel>.subtabs{margin:21px 0 25px}
.subtabs button{background:var(--theme-soft);border-color:var(--theme-soft-line);color:var(--theme-muted)}
.subtabs button[aria-pressed=true]{background:linear-gradient(135deg,#92576a,#6e364c);border-color:#ad788b;color:#fff;box-shadow:inset 0 1px 0 #dec6d555}
[data-color-mode=night] .subtabs button[aria-pressed=true]{background:linear-gradient(135deg,#795360,#60434f);border-color:#b58b9836}
.cabinet-content #level-panel>.demo-banner{background:none;border:0;border-radius:0;box-shadow:none;padding:0 2px;gap:10px;color:var(--theme-muted)}
.cabinet-content #level-panel>.demo-banner>svg{color:var(--theme-accent);opacity:.8}
.cabinet-content .segment-indicator{transform:none;transition:none}
#bell-button{background:#ffffff03;border-color:#ffffff14;box-shadow:none;color:#ded9df}
#bell-button:before{content:none}
#bell-button.has-unread{background:linear-gradient(140deg,#a45f7735,#ffffff06);border-color:#c796a690;color:#f0dfe8;box-shadow:0 0 0 3px #b8799012,0 0 18px #c98fa549,inset 0 1px 0 #ffffff16}
#bell-button.has-unread .badge{background:linear-gradient(145deg,#b78195,#86465e);box-shadow:0 0 11px #d59daf75,inset 0 1px 0 #ffffff38}
.cabinet-content .day-symbol{stroke-width:1.55;overflow:visible}
.cabinet-content .day-star{opacity:.8}
@keyframes day-star-shimmer{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes day-arrow-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}
@media(prefers-reduced-motion:no-preference){
  .cabinet-content .day-star-first{animation:day-star-shimmer 4.8s ease-in-out infinite}
  .cabinet-content .day-star-second{animation:day-star-shimmer 6.2s ease-in-out -2s infinite}
  .cabinet-content [data-action=day]:focus-visible .arrow svg{animation:day-arrow-nudge 1.8s ease-in-out infinite}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.cabinet-content [data-action=day]:hover .arrow svg{animation:day-arrow-nudge 1.8s ease-in-out infinite}}

.course-hero{background:var(--theme-course);border-color:#c2a7b63b;color:#f8f2fa}
.course-hero .eyebrow,.course-hero p{color:#e4d7e7}
.wine-button{background:linear-gradient(135deg,#92576a,#6e364c);color:#fff;border-color:#ad788b;box-shadow:inset 0 1px 1px #e0c5d455,inset 0 -1px 0 #00000008}
.course-hero .wine-button{background:linear-gradient(125deg,#faf6fc,#dfd7e6);color:#3a2b3d;border-color:#fff;box-shadow:inset 0 1px 1px #fff}
[data-color-mode=night] .wine-button{background:linear-gradient(135deg,#e9e1ec,#c9bdcf);color:#382c3c;border-color:#e7dce9;box-shadow:inset 0 1px 1px #fff7}
.light-button{background:var(--theme-card);color:var(--theme-text);border-color:var(--theme-card-line);box-shadow:inset 0 1px 0 #ffffff12}
.nav-wrap{background:linear-gradient(transparent,var(--theme-nav-fade))}
.nav{background:var(--menu-graphite);border-color:#99869d55}
.nav button{color:#beb2c8}
.nav button[aria-current=page]{color:#faf4fe}
.nav button[aria-current=page] svg{background:linear-gradient(135deg,#a7697e,#804159);color:#fff;box-shadow:inset 0 1px 0 #dfc9d866}
[data-color-mode=night] .nav button[aria-current=page] svg{background:linear-gradient(135deg,#dfd2d7,#c4b1ba);color:#352b3a}
dialog{background:var(--page);color:var(--theme-text);border-color:var(--theme-card-line);--surface-muted:var(--theme-muted);--surface-accent:var(--theme-accent);color-scheme:inherit}
dialog .intro,dialog .quiet,dialog .legal,dialog p,dialog ul,.sheet p,.sheet ul,dialog .price p,dialog .notice p{color:var(--theme-muted)}
.glass .course-meta,.glass .course-note,.glass .bot-module-meta{color:var(--theme-muted)}
dialog .text-button{color:var(--theme-accent)}
.close{background:var(--theme-soft);color:var(--theme-text)}
.lesson-choice{background:var(--theme-field);border-color:var(--theme-field-line);color:var(--theme-text)}
.feedback{background:var(--theme-soft);color:var(--theme-text)}
.tag,dialog .tag{background:var(--theme-soft);color:var(--theme-accent)}
.preview-controls button{background:var(--theme-soft);color:var(--theme-text);border-color:var(--theme-soft-line)}
.footer,.footer .prototype-label{color:var(--theme-muted)}
.footer>a{color:var(--theme-accent)}
.home-welcome .welcome-lead,.home-welcome .welcome-feature p,.home-welcome .welcome-day{color:var(--theme-muted)}
.plan-overview{margin-top:25px;padding:22px;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff18}
.plan-overview h2{font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.45px;margin:0 0 12px;text-wrap:balance}
.plan-overview .plan-description{font-size:12px;line-height:1.75;color:var(--theme-muted);margin:0}
.plan-benefits{display:grid;gap:0;margin:18px 0 0;border-top:1px solid var(--theme-soft-line)}
.plan-benefit{display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-bottom:1px solid var(--theme-soft-line)}
.plan-benefit>svg{flex:none;width:19px;height:19px;margin-top:1px;color:var(--theme-accent)}
.plan-benefit strong{font-size:12px;line-height:1.65;font-weight:500;display:block;color:var(--theme-text)}
.plan-benefit small{display:block;font-size:11px;line-height:1.65;margin-top:4px;color:var(--theme-muted)}
.plan-overview .plan-start{background:linear-gradient(125deg,#fcf9fa,#e7dfe3);color:#3a303f;border-color:#fff;box-shadow:inset 0 1px 1px #fff,0 2px 4px #3b2b4010;min-height:50px;font-size:12px;margin:0}
.plan-overview .plan-details{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;min-height:42px;margin:6px 0 -4px;color:var(--theme-accent)}
.plan-details svg{width:13px;height:13px}
.plan-payment{padding:17px 0 21px}
.plan-payment strong{display:block;font-size:12px;line-height:1.65;font-weight:500;margin-bottom:4px;color:var(--theme-text)}
.plan-payment p{margin:0;color:var(--theme-muted)}
.cabinet-tools-list{overflow:hidden;border:1px solid #d8cfd64d;border-radius:20px;background:#ffffff38}
.cabinet-tools .row{position:relative;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;margin:0;padding:18px 15px;gap:13px}
.cabinet-tools .row+.row:before{content:"";position:absolute;top:0;left:49px;right:15px;height:1px;background:#d8cfd680}
.cabinet-tools .row>svg:not(.chevron){width:21px;height:23px;stroke-width:1.4}
.cabinet-tools .row>span{min-width:0}
.cabinet-tools .row small{margin-top:4px}
.cabinet-tools .row .chevron{width:15px;opacity:.75}
.cabinet-tools .row:focus-visible{outline-offset:-4px;border-radius:12px}
[data-color-mode=night] .cabinet-tools-list{background:#ffffff02;border-color:#ffffff13}
[data-color-mode=night] .cabinet-tools .row+.row:before{background:#ffffff12}
#level-panel :is(.demo-banner,.plan-description,.plan-benefit small,.plan-payment p,.row small,.card p,.upsell p){font-size:var(--cabinet-copy-size);font-weight:400;line-height:var(--cabinet-copy-leading);letter-spacing:0}
@media(max-width:359px){.plan-overview{padding:19px 17px}.plan-overview .plan-description{font-size:11.5px}.plan-benefit strong{font-size:11.5px}.plan-benefit small{font-size:10.5px}.plan-overview .plan-start{font-size:11px;padding-left:12px;padding-right:12px}}
@media(hover:hover){.basic-tools.balanced-tools>.card:hover,.row:hover{background:var(--theme-card);border-color:#9f7d9466;box-shadow:inset 0 1px 0 #ffffff15}.basic-tools.balanced-tools>[data-action=day]:hover,.cabinet-content .cards>[data-action=day]:hover{background:#fff;border-color:transparent;box-shadow:none}[data-color-mode=night] .cabinet-content .cards>[data-action=day]:hover{background:var(--menu-graphite);border-color:#99869d55;box-shadow:inset 0 1px 0 #ffffff12}.cabinet-tools .row:hover{background:#ffffff55;box-shadow:none}[data-color-mode=night] .cabinet-tools .row:hover{background:#ffffff05;box-shadow:none}}
@media(min-width:600px){body{background:var(--page)}.app{padding-top:24px}.topbar{margin-top:-24px;border-radius:28px 28px 24px 24px;padding-top:24px}body[data-view=cabinet] .topbar{border-radius:28px 28px 0 0}.nav-wrap{background:none}}
@media(max-width:359px){.topbar{padding:18px 17px 19px;margin:-18px -17px 22px;gap:7px}.brand{font-size:14px}.top-actions{gap:5px}.icon-button{width:35px;height:35px}.cabinet-lead{margin:0 -17px;padding:10px 17px 32px}body[data-view=cabinet] #view>.cabinet-lead>.intro{font-size:12px;line-height:1.7}.cabinet-content{margin-left:-17px;margin-right:-17px;padding:23px 17px 0}.basic-tools.balanced-tools>:is([data-action=professions],[data-action=tracker]){grid-template-columns:25px minmax(0,1fr) 24px;column-gap:10px;min-height:108px;padding:17px 14px}.basic-tools.balanced-tools>:is([data-action=professions],[data-action=tracker]) h3{font-size:14px}.basic-tools.balanced-tools>:is([data-action=professions],[data-action=tracker]) p{font-size:10px}.basic-tools.balanced-tools>:is([data-action=professions],[data-action=tracker])>.symbol{width:22px;height:22px}}
@media(prefers-reduced-motion:no-preference){body,.app,.cabinet-content,.nav-wrap,.theme-toggle{transition:background-color .18s ease,color .18s ease}}

/* Neutral graphite with deep burgundy accents in night mode. */
:root[data-color-mode=night]{--page:#1d1d1f;--theme-text:#efebed;--theme-muted:#bfb8bc;--theme-accent:#c67c95;--theme-card:linear-gradient(130deg,#272527,#232325);--theme-card-line:#73656c45;--theme-soft-line:#73656c45;--theme-soft:#2d292c;--theme-course:linear-gradient(130deg,#64263c,#38262e);--theme-field:#292729;--theme-field-line:#65565e;--menu-graphite:linear-gradient(125deg,#292628,#202022)}
[data-color-mode=night] .nav{border-color:#73656c55;background:linear-gradient(125deg,#292628,#202022)}
[data-color-mode=night] .nav button{color:#c7bdc3}
[data-color-mode=night] .nav button[aria-current=page] svg{background:linear-gradient(135deg,#782d47,#48232f);color:#f7e9ef;box-shadow:inset 0 1px 0 #c7899c44}