/* Faithful, interactive version of the approved desktop mockups. */
html[data-fox-theme="study"]{--cx-bg:#faf8f1;--cx-paper:#fffdf7;--cx-text:#203e2f;--cx-muted:#79735f;--cx-line:#e6ddcb;--cx-green:#3d6146;--cx-amber:#edb451;--cx-scene:url('assets/motion-day-bg.webp');color:var(--cx-text);background:var(--cx-bg)}
html[data-fox-theme="study"] body{background:var(--cx-bg);color:var(--cx-text)}
html[data-fox-theme="study"] .shell{max-width:1740px;grid-template-columns:218px minmax(0,1fr)}
html[data-fox-theme="study"] .main{max-width:none;padding:28px 26px 32px;position:relative;isolation:isolate}
html[data-fox-theme="study"] .main:before{content:'';position:absolute;z-index:-1;inset:0 0 auto 35%;height:150px;background:linear-gradient(90deg,var(--cx-bg),transparent 55%),linear-gradient(0deg,var(--cx-bg),transparent 85%),var(--cx-scene) center 38%/cover;opacity:.28;pointer-events:none}
html[data-fox-theme="study"] .side{background:var(--cx-paper);border-right:1px solid var(--cx-line);color:var(--cx-text);padding:28px 14px 160px;overflow-y:auto;scrollbar-width:thin}
html[data-fox-theme="study"] .brand{color:#5d482a;font-size:19px;line-height:1.7;margin-bottom:24px}
html[data-fox-theme="study"] .brand:before{content:'';background:url('assets/fox-logo.svg') center/contain no-repeat;width:76px;height:66px;margin:0 auto 10px;display:block}
html[data-fox-theme="study"] .side:after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(0deg,transparent,var(--cx-paper)),var(--cx-scene) 10% 70%/cover;pointer-events:none;opacity:.5}
html[data-fox-theme="study"] .side button{color:var(--cx-text);font-size:13px;padding:11px 13px;border-radius:10px}
html[data-fox-theme="study"] .side button.active{background:var(--cx-green);color:#fffdf3;box-shadow:none;border-color:transparent}
html[data-fox-theme="study"] .side button[data-page="home"]:before,html[data-fox-theme="study"] .side button[data-page="fox"]:before,html[data-fox-theme="study"] .side button[data-page="schedule"]:before{content:'学ぶ';display:block;position:absolute;left:14px;right:14px;top:-28px;font:14px/1.6 Georgia,'Yu Mincho',serif;color:var(--cx-muted);border-bottom:1px solid var(--cx-line);pointer-events:none}
html[data-fox-theme="study"] .side button:is([data-page="home"],[data-page="fox"],[data-page="schedule"]){position:relative;margin-top:32px}
html[data-fox-theme="study"] .side button[data-page="fox"]:before{content:'育てる'}html[data-fox-theme="study"] .side button[data-page="schedule"]:before{content:'計画する'}
#cxDate{display:none}html[data-fox-theme="study"] #cxDate{display:block;font-size:13px;letter-spacing:.06em;margin:0 0 12px;color:var(--cx-text)}
html[data-fox-theme="study"] .top{padding:0;margin-bottom:24px;border:0;align-items:flex-start}
html[data-fox-theme="study"] .top h1{font:600 clamp(23px,2.5vw,36px)/1.4 Georgia,'Yu Mincho','Hiragino Mincho ProN',serif;color:var(--cx-text);letter-spacing:.02em}
html[data-fox-theme="study"] #syncStatus{font-size:10px;background:transparent;color:var(--cx-muted);padding:2px}
.cx-view,.cx-timer-side,.cx-timer-log{display:none}
html[data-fox-theme="study"] .cx-view{display:block}
html[data-fox-theme="study"] :is(#home,#schedule,#records)>:not(.cx-view){display:none!important}
html[data-fox-theme="study"] :is(.cx-original-home,.cx-log-slot,.cx-goals-slot)>*{display:block}
html[data-fox-theme="study"] .cx-hide{display:none!important}
html[data-fox-theme="study"] :is(.cx-panel,.card){background:var(--cx-paper);border:1px solid var(--cx-line);border-radius:15px;box-shadow:0 4px 12px #634a2310;color:var(--cx-text)}
.cx-panel{padding:22px;min-width:0}.cx-panel h2{margin:0 0 16px;font:600 21px/1.5 Georgia,'Yu Mincho',serif;color:var(--cx-text)!important}
.cx-panel-head{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:14px}.cx-panel-head h2{margin:0}.cx-panel-head>span{font-size:13px;color:var(--cx-muted)}
html[data-fox-theme="study"] .cx-view button,html[data-fox-theme="study"] .cx-timer-side button{background:transparent!important;color:var(--cx-text)!important;border:0;box-shadow:none;font:inherit;padding:9px 13px}
html[data-fox-theme="study"] .cx-view button.cx-primary{background:var(--cx-green)!important;color:#fffdf1!important;box-shadow:0 4px 12px #254d3320;border-radius:14px;font-size:18px;min-height:54px}
.cx-home-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:16px}
.cx-home-scene{min-width:0}.cx-scene{position:relative;border-radius:14px;overflow:hidden;height:100%;min-height:340px;background:#7b674b}
.cx-art{position:relative;overflow:hidden;isolation:isolate;min-width:0;background:#5f674e;aspect-ratio:3/2;border-radius:14px}
.cx-art img{width:100%;height:100%;object-fit:cover;display:block}.cx-art-night{display:none!important}
.cx-scene>.cx-art{height:100%;min-height:340px;border-radius:0;aspect-ratio:auto}.cx-scene>.cx-art img{position:absolute;inset:0}
.cx-art-caption{position:absolute;left:24px;top:30%;font:16px Georgia,'Yu Mincho',serif;color:#fff6e0;text-shadow:0 1px 5px #251807;transform:rotate(-6deg)}
.cx-growth{position:absolute;bottom:0;left:0;right:0;padding:14px 18px;display:flex;gap:12px;align-items:center;background:#202a20b8;color:#fff6df;font-size:12px;backdrop-filter:blur(4px)}
.cx-growth>div{height:7px;flex:1;min-width:30px;border-radius:8px;overflow:hidden;background:#e6dfbb55}.cx-growth i{display:block;height:100%;background:linear-gradient(90deg,#ffdf8b,#edae4b);border-radius:8px}.cx-growth small{font-size:10px}
.cx-focus{display:flex;flex-direction:column;justify-content:center;gap:8px}.cx-clock{font:500 clamp(64px,7vw,110px)/1.2 Georgia,serif;text-align:center;color:var(--cx-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;padding:8px 0 16px}
.cx-preset{display:flex;background:#eeeadd;border:1px solid var(--cx-line);border-radius:25px;margin-bottom:14px;gap:4px;padding:3px}
html[data-fox-theme="study"] .cx-view .cx-preset button{flex:1;border-radius:22px;padding:10px 4px;font-size:15px}
html[data-fox-theme="study"] .cx-view .cx-preset button.selected{background:var(--cx-green)!important;color:#fffaf0!important}
.cx-soft{color:var(--cx-muted);font-size:13px;line-height:1.8;margin:14px 0 0;text-align:center}
.cx-task-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto 22px;gap:12px;align-items:center;border:1px solid var(--cx-line);border-radius:11px;padding:14px 10px;margin-bottom:10px;font-size:14px}
.cx-task-row small{background:#f1ede1;border-radius:20px;padding:4px 10px;color:var(--cx-muted);font-size:11px}
html[data-fox-theme="study"] button.cx-check{border:1px solid #7d8167!important;border-radius:50%;width:25px;height:25px;min-width:25px;padding:0!important;display:inline-grid;place-items:center;font-size:15px;line-height:1}
html[data-fox-theme="study"] button.cx-check.done{background:var(--cx-green)!important;color:#fffdf1!important}
.cx-completed{text-decoration:line-through;color:var(--cx-muted)}.cx-arrow{padding:0!important;font-size:22px!important}.cx-textlink{font-size:12px!important;color:var(--cx-muted)!important}
.cx-empty{color:var(--cx-muted);font-size:13px;line-height:1.9;padding:16px 0;margin:0}.cx-toolbox{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;gap:10px}.cx-toolbox strong{white-space:nowrap;font-family:Georgia,'Yu Mincho',serif}.cx-toolbox button{border-left:1px solid var(--cx-line)!important;font-size:13px!important;border-radius:0!important}
.cx-more{grid-column:1/-1;margin-top:8px;color:var(--cx-muted)}.cx-more summary{cursor:pointer;padding:10px 0;font-size:12px}.cx-more[open]>div{margin-top:12px}.cx-night-note,.cx-night-stat{display:none!important}
.cx-chart{display:flex;gap:9px;height:185px;margin:12px 0 0}.cx-chart-small{height:135px}.cx-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--cx-muted);padding-bottom:22px;min-width:24px}.cx-bars{display:flex;flex:1;gap:5px;min-width:0;background:repeating-linear-gradient(to top,transparent 0,transparent calc(50% - 1px),var(--cx-line) 50%);border-bottom:1px solid var(--cx-line)}.cx-bar-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}.cx-bar-track{height:100%;width:70%;display:flex;align-items:flex-end}.cx-bar-stack{min-height:1px;max-height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:5px 5px 0 0}.cx-bar-stack i{display:block;min-height:0}.learning,.cx-legend i,.cx-balance-legend i{background:#617b5c}.making,.cx-legend i.making,.cx-balance-legend i.making{background:var(--cx-amber)}.cx-bar-col small{font-size:10px;padding:7px 0 0;line-height:1.2;color:var(--cx-muted);min-height:20px}.cx-bar-col.today{background:#edb45110}.cx-record-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.cx-record-tabs{display:flex;background:#ece9df;border-radius:9px;padding:3px}.cx-record-toolbar label{display:flex;align-items:center;gap:10px;font-size:12px}.cx-record-toolbar input{width:auto!important;padding:7px 12px!important}
html[data-fox-theme="study"] .cx-record-tabs button{min-width:110px;padding:9px 18px}html[data-fox-theme="study"] .cx-record-tabs button.sel{background:var(--cx-green)!important;color:#fffaf0!important;border-radius:7px}
.cx-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.cx-metrics .cx-panel{padding:16px 20px}.cx-metrics strong{display:block;font:600 35px/1.3 Georgia,serif;margin:7px 0;color:var(--cx-text)}.cx-metrics small{font-size:13px}.cx-metrics span{font-size:11px;color:var(--cx-muted)}
.cx-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cx-chart-heading{display:flex;align-items:center;justify-content:space-between}.cx-chart-heading>strong{font:500 28px Georgia,serif}.cx-legend{display:flex;gap:8px;font-size:11px;align-items:center}.cx-legend i,.cx-balance-legend i{width:11px;height:11px;border-radius:50%;display:inline-block}.cx-balance-body{display:flex;align-items:center;gap:20px}.cx-donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--cx-green) 0 var(--learning),var(--donut-empty) var(--learning) 100%);display:grid;place-items:center;position:relative;flex-shrink:0}.cx-donut:before{content:'';position:absolute;inset:30px;border-radius:50%;background:var(--cx-paper)}.cx-donut strong{z-index:1;font:500 25px Georgia,serif;max-width:85px;text-align:center}.cx-balance-legend{flex:1;font-size:12px}.cx-balance-legend p{border:1px solid var(--cx-line);padding:12px;border-radius:10px;display:flex;gap:8px;align-items:center}.cx-balance>small{display:block;color:var(--cx-muted);font-size:10px;line-height:1.6;margin-top:15px}.cx-achieved{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--cx-line);font-size:13px}.cx-achieved:last-child{border:0}.cx-achieved>span{border-radius:50%;background:var(--cx-green);color:#fff9ed;padding:3px 6px}.cx-achieved strong{font-weight:500;flex:1}.cx-achieved small{color:var(--cx-muted)}
.cx-footer-scene{display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;border:1px solid var(--cx-line);border-radius:12px;margin-top:16px;background:var(--cx-paper);height:100px}.cx-footer-scene>div:first-child{padding:16px 22px;z-index:1}.cx-footer-scene h2{font:600 20px Georgia,'Yu Mincho',serif;margin:0 0 8px}.cx-footer-scene p{font-size:12px;margin:0;color:var(--cx-muted)}.cx-footer-scene>.cx-art{width:40%;height:100%;border-radius:0;mask-image:linear-gradient(to right,transparent,black 40%)}
.cx-week-toolbar{display:flex;align-items:center;gap:10px;padding:14px;margin-bottom:16px}.cx-week-toolbar strong{font-size:15px}.cx-week-toolbar>span{flex:1}.cx-week-toolbar .cx-primary{font-size:14px!important;min-height:42px!important}.cx-week-summary{display:flex;align-items:center;gap:22px;margin-bottom:16px;font-size:13px;padding:18px}.cx-week-summary strong{font:500 22px Georgia,serif;margin-left:7px}.cx-meter{height:9px;border-radius:8px;background:var(--cx-line);flex:1;overflow:hidden}.cx-meter i{display:block;height:100%;background:var(--cx-green);border-radius:8px}.cx-week-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cx-day{display:flex;flex-direction:column;background:#f1eee540;border:1px solid var(--cx-line);border-radius:11px;min-height:245px;min-width:0;padding:8px}.cx-day.today{background:#fcf0d8;border-color:#f0dfba}.cx-day h3{text-align:center;font:500 19px Georgia,'Yu Mincho',serif;border-bottom:1px solid var(--cx-line);padding-bottom:12px;margin:7px 0 10px;color:var(--cx-text)!important}.cx-day h3 small{font:11px sans-serif;margin-left:5px;padding:4px;background:#dda349;color:#fff;border-radius:20px}.cx-day-items{flex:1}.cx-day .cx-empty{font-size:10px;text-align:center}.cx-plan{padding:12px 8px;background:var(--cx-paper);border-radius:10px;margin-bottom:9px;display:grid;grid-template-columns:22px minmax(0,1fr);gap:7px}.cx-plan strong{font-size:12px;font-weight:500;overflow-wrap:anywhere;line-height:1.6}.cx-plan .cx-check{width:20px!important;height:20px!important;min-width:20px!important}.cx-plan>small{grid-column:2;font-size:10px;color:var(--cx-muted)}.cx-plan em{font-style:normal}.cx-day-add{width:100%;border:1px solid var(--cx-line)!important;border-radius:9px!important;color:var(--cx-muted)!important}.cx-week-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-top:16px}.cx-week-bottom>.cx-art{max-height:290px;height:100%}.cx-week-bottom textarea{min-height:100px!important;margin-top:16px}.cx-week-bottom small{font-size:10px;color:var(--cx-muted)}
html[data-fox-theme="study"] #timer.active{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:16px;align-items:start}
html[data-fox-theme="study"] #timerRoom{display:none!important}
html[data-fox-theme="study"] .cx-timer-side{display:grid;gap:12px;grid-column:2;grid-row:1/4}.cx-timer-side>.cx-art{aspect-ratio:4/3}.cx-timer-side .cx-panel{padding:18px}.cx-today-metrics>div{display:flex;justify-content:space-between}.cx-today-metrics strong{font:500 32px Georgia,serif}.cx-today-metrics small{color:var(--cx-muted);font-size:11px}.cx-volume{display:flex;align-items:center;gap:10px;font-size:12px}.cx-volume input{padding:0!important;accent-color:var(--cx-green)}
html[data-fox-theme="study"] #timer>.card{grid-column:1;margin:0}
html[data-fox-theme="study"] #timer>.card:has(#presetBtns){grid-row:1;padding:22px 25px}
html[data-fox-theme="study"] #timer>.card:has(#manualAdd){grid-row:4;grid-column:1/-1;margin-top:4px}
html[data-fox-theme="study"] #timer>.cx-timer-log{display:block;grid-column:1;grid-row:2;margin:0}
html[data-fox-theme="study"] #timer>.card:has(#presetBtns)>h2{font-family:Georgia,'Yu Mincho',serif;font-size:22px}
html[data-fox-theme="study"] #timer .fields{gap:10px}.cx-timer-ring{--timer-progress:100%;width:min(275px,85%);aspect-ratio:1;margin:22px auto;position:relative;background:conic-gradient(var(--cx-green) var(--timer-progress),var(--cx-line) var(--timer-progress));border-radius:50%;display:grid;place-items:center}.cx-timer-ring:before{content:'';position:absolute;inset:9px;background:var(--cx-paper);border-radius:50%}
html[data-fox-theme="study"] #timerDisplay{z-index:1;position:relative;font:500 66px/1 Georgia,serif;letter-spacing:0;color:var(--cx-text);margin:0}
html[data-fox-theme="study"] #presetBtns{display:flex;background:#f0ecdf;border-radius:12px;padding:5px}.cx-timer-log h2{font-size:19px}
/* Localized exterior overlays: the room and character remain untouched. */
.cx-scene-light{position:absolute;inset:0;pointer-events:none;background:transparent;clip-path:polygon(57% 9%,80% 0,100% 0,100% 58%,59% 63%)}
html[data-fox-season="spring"] .cx-scene-light{background:#f4a9d244;mix-blend-mode:screen}html[data-fox-season="summer"] .cx-scene-light{background:#4ba52d24;mix-blend-mode:color}html[data-fox-season="autumn"] .cx-scene-light{background:#da8f193f;mix-blend-mode:color}html[data-fox-season="winter"] .cx-scene-light{background:#e1eefb66;mix-blend-mode:screen}
.cx-season-particles{position:absolute;top:0;left:59%;width:41%;height:59%;overflow:hidden;pointer-events:none;clip-path:ellipse(80% 100% at 66% 76%)}.cx-season-particles i{position:absolute;top:-12px;left:10%;width:6px;height:3px;border-radius:80% 10%;background:#f6cada;animation:cx-fall 18s linear infinite;opacity:.8}.cx-season-particles i:nth-child(2){left:28%;animation-delay:-4s}.cx-season-particles i:nth-child(3){left:44%;animation-delay:-11s}.cx-season-particles i:nth-child(4){left:60%;animation-delay:-2s}.cx-season-particles i:nth-child(5){left:72%;animation-delay:-8s}.cx-season-particles i:nth-child(6){left:86%;animation-delay:-14s}.cx-season-particles i:nth-child(7){left:95%;animation-delay:-6s}html[data-fox-season="autumn"] .cx-season-particles i{background:#d18b28}html[data-fox-season="winter"] .cx-season-particles i{background:#fff;border-radius:50%;width:3px;height:3px}html[data-fox-season="summer"] .cx-season-particles{background:linear-gradient(130deg,transparent,#fff5bf20,transparent);animation:cx-light 10s ease-in-out infinite}html[data-fox-season="summer"] .cx-season-particles i{display:none}
.cx-season-prop{position:absolute;right:10%;bottom:22%;font-size:22px;pointer-events:none;filter:drop-shadow(1px 2px 3px #21160750)}html[data-fox-season="spring"] .cx-season-prop:before{content:'🌸'}html[data-fox-season="summer"] .cx-season-prop:before{content:'🥤'}html[data-fox-season="autumn"] .cx-season-prop:before{content:'🌰'}html[data-fox-season="winter"] .cx-season-prop:before{content:'☕'}
@keyframes cx-fall{to{transform:translate(15px,320px) rotate(190deg)}}@keyframes cx-light{50%{opacity:.2;transform:translateX(10px)}}
html[data-fox-time="evening"] .cx-art-day{filter:sepia(.2) saturate(.95) brightness(.9)}html[data-fox-time="morning"] .cx-art-day{filter:brightness(1.06) saturate(.9)}
/* Night is the approved observatory composition, not just a darker window. */
html[data-cx-night="true"]{--cx-bg:#081b25;--cx-paper:#0d2530;--cx-text:#f7eed8;--cx-muted:#bcb59f;--cx-line:#31505a;--cx-green:#e8b459;--cx-amber:#e8b459;--cx-scene:url('assets/motion-night-bg.webp')}
html[data-cx-night="true"] .shell{grid-template-columns:135px minmax(0,1fr)}html[data-cx-night="true"] .side{background:#091e29;border-color:#2b4651;padding:24px 8px 130px}html[data-cx-night="true"] .brand{color:#ead6a8;font-size:13px}html[data-cx-night="true"] .brand:after{font-size:6px;letter-spacing:0}html[data-cx-night="true"] .side button{font-size:11px;padding:12px 7px;color:var(--cx-text)}html[data-cx-night="true"] .side button.active{color:#182b31;background:#e9b65b}
html[data-cx-night="true"] .main:before{opacity:.5;height:190px;left:15%}html[data-cx-night="true"] .cx-art-day{display:none!important}html[data-cx-night="true"] .cx-art-night{display:block!important}html[data-cx-night="true"] .cx-home-grid{grid-template-columns:minmax(220px,1.05fr) minmax(0,1.55fr) minmax(250px,.95fr)}html[data-cx-night="true"] .cx-home-scene{grid-column:2;grid-row:1/3}html[data-cx-night="true"] .cx-scene{min-height:470px}html[data-cx-night="true"] .cx-art-caption{display:none}html[data-cx-night="true"] .cx-tasks{grid-column:1;grid-row:1}html[data-cx-night="true"] .cx-focus{grid-column:3;grid-row:1/3;justify-content:flex-start;padding-top:24px}html[data-cx-night="true"] .cx-focus .cx-clock{margin:12px auto;font-size:70px;width:220px;max-width:100%;aspect-ratio:1;border:2px solid #e7b45c;border-left-color:#31505a;display:grid;place-items:center;border-radius:50%}html[data-cx-night="true"] .cx-preset{background:#0a212c}html[data-cx-night="true"] .cx-view button.cx-primary,html[data-cx-night="true"] .cx-view .cx-preset button.selected{background:#edb653!important;color:#10252e!important}html[data-cx-night="true"] .cx-task-row{grid-template-columns:26px minmax(0,1fr);padding:13px 0;border-radius:0;border-width:0 0 1px;gap:10px}html[data-cx-night="true"] .cx-task-row small{grid-column:2;background:transparent;padding:0}html[data-cx-night="true"] .cx-task-row .cx-arrow{display:none}html[data-cx-night="true"] .cx-night-note{display:block!important;grid-column:1;grid-row:2}html[data-cx-night="true"] .cx-night-note textarea{min-height:60px;background:#0a1f2b;color:#f1e9d4;border-color:#29444d}html[data-cx-night="true"] .cx-night-note small{font-size:10px;color:var(--cx-muted)}html[data-cx-night="true"] .cx-week{grid-column:2;grid-row:3}html[data-cx-night="true"] .cx-night-stat{display:block!important;grid-column:1;grid-row:3}html[data-cx-night="true"] .cx-night-stat strong{font:500 39px Georgia,serif;display:block;margin-bottom:16px}html[data-cx-night="true"] .cx-night-stat small{color:var(--cx-muted)}html[data-cx-night="true"] .cx-toolbox{grid-column:3;grid-row:3;display:flex;flex-direction:column;justify-content:center;align-items:stretch;font-size:14px}html[data-cx-night="true"] .cx-toolbox button{border:0!important;text-align:left;padding:7px!important;font-size:11px!important}html[data-cx-night="true"] .cx-week h2,html[data-cx-night="true"] .cx-night-stat h2{font-size:18px}html[data-cx-night="true"] .cx-week .cx-chart{height:90px}html[data-cx-night="true"] .cx-task-row small{color:var(--cx-muted)}html[data-cx-night="true"] .cx-more{grid-row:4}
html[data-cx-night="true"] :is(.card,.v5-hero,.day-cell,.term-card,.work-overview-card,.goal-tile,.work-item,.process-image,.plan-card,.quiz-statement,.quiz-feedback){background:var(--cx-paper);color:var(--cx-text);border-color:var(--cx-line)}html[data-cx-night="true"] :is(h2,h3,.stat,.timer,.v5-hero h2,.card h2,.card h3){color:var(--cx-text)!important}html[data-cx-night="true"] :is(input,select,textarea){background:#102b38;color:var(--cx-text);border-color:#3b535b}html[data-cx-night="true"] :is(.muted,.hint,.note){color:var(--cx-muted)}html[data-cx-night="true"] .cx-day{background:#0b232d}html[data-cx-night="true"] .cx-day.today{background:#3e3424}html[data-cx-night="true"] .cx-task-row small{background:none}
@media(max-width:1150px) and (min-width:751px){html[data-fox-theme="study"] .shell{grid-template-columns:180px minmax(0,1fr)}html[data-fox-theme="study"] .main{padding:24px 18px}.cx-panel{padding:17px}.cx-home-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.cx-clock{font-size:75px}.cx-task-row{font-size:12px;gap:8px}.cx-task-row small{font-size:10px}.cx-panel h2{font-size:18px}.cx-toolbox{flex-wrap:wrap}.cx-week-board{overflow-x:auto;grid-template-columns:repeat(7,minmax(125px,1fr))}.cx-balance-body{flex-wrap:wrap}.cx-donut{width:120px;height:120px}html[data-cx-night="true"] .shell{grid-template-columns:100px minmax(0,1fr)}html[data-cx-night="true"] .cx-home-grid{grid-template-columns:minmax(180px,1fr) minmax(0,1.3fr)}html[data-cx-night="true"] .cx-focus{grid-column:1;grid-row:3}html[data-cx-night="true"] .cx-week{grid-column:2;grid-row:3}html[data-cx-night="true"] .cx-toolbox{grid-column:1/-1;grid-row:4;flex-direction:row}html[data-cx-night="true"] .cx-night-stat{display:none!important}html[data-cx-night="true"] .cx-more{grid-row:5}html[data-cx-night="true"] .cx-focus .cx-clock{aspect-ratio:auto;border:0;font-size:55px;margin:0 auto}}
@media(max-width:750px){html[data-fox-theme="study"] .shell,html[data-cx-night="true"] .shell{display:block}html[data-fox-theme="study"] .side{position:sticky;height:auto;padding:8px;display:flex;border:0;border-bottom:1px solid var(--cx-line);overflow-x:auto;overflow-y:hidden;gap:4px}html[data-fox-theme="study"] .side .brand{font-size:11px;min-width:92px;margin:0 8px;padding:0;line-height:1.4}html[data-fox-theme="study"] .brand:before,html[data-fox-theme="study"] .brand:after,html[data-fox-theme="study"] .side:after,html[data-fox-theme="study"] .side button:before{display:none!important}html[data-fox-theme="study"] .side button,html[data-fox-theme="study"] .side button:is([data-page="home"],[data-page="fox"],[data-page="schedule"]){margin:0;padding:10px 11px;font-size:11px;flex-shrink:0;white-space:nowrap}html[data-fox-theme="study"] .main{padding:20px 13px}html[data-fox-theme="study"] .top h1{font-size:25px}html[data-fox-theme="study"] .top{margin-bottom:18px}html[data-fox-theme="study"] #syncStatus{display:none}html[data-fox-theme="study"] #cxDate{font-size:11px}.cx-home-grid,html[data-cx-night="true"] .cx-home-grid{display:flex;flex-direction:column;gap:13px}.cx-home-scene{order:0}.cx-focus{order:1}.cx-tasks{order:2}.cx-week{order:3}.cx-toolbox{order:4;display:grid!important;grid-template-columns:1fr 1fr;padding:16px;gap:8px}.cx-toolbox strong{grid-column:1/-1}.cx-toolbox button{text-align:left;font-size:11px!important;padding:7px!important}.cx-more{order:6}.cx-night-note{order:5}.cx-night-stat{display:none!important}.cx-scene,.cx-scene>.cx-art,html[data-cx-night="true"] .cx-scene{min-height:275px}.cx-clock{font-size:85px;padding:4px}.cx-focus{padding:21px;gap:4px}.cx-focus h2{font-size:20px}.cx-focus .cx-soft{font-size:11px;margin-top:8px}.cx-focus .cx-preset{margin-bottom:8px}.cx-panel{padding:18px}.cx-panel h2{font-size:19px}.cx-task-row{gap:8px;grid-template-columns:25px minmax(0,1fr) auto;font-size:12px}.cx-task-row .cx-arrow{display:none}.cx-task-row small{font-size:10px;padding:4px 6px}.cx-growth{padding:10px;font-size:10px;gap:8px}.cx-growth small{font-size:9px}.cx-art-caption{font-size:13px;left:16px}.cx-metrics{grid-template-columns:1fr 1fr;gap:9px}.cx-metrics .cx-panel{padding:14px}.cx-metrics strong{font-size:28px}.cx-metrics small{font-size:12px}.cx-metrics span{font-size:10px}.cx-analytics-grid{grid-template-columns:1fr;gap:13px}.cx-record-toolbar{align-items:stretch;flex-direction:column}.cx-record-tabs button{flex:1}.cx-record-toolbar label{justify-content:flex-end}.cx-chart{height:165px}.cx-footer-scene{height:auto;min-height:100px}.cx-footer-scene h2{font-size:17px;line-height:1.6}.cx-footer-scene p{font-size:11px}.cx-footer-scene>.cx-art{position:absolute;inset:0 0 0 auto;opacity:.2;width:55%;height:100%}.cx-balance-body{gap:15px}.cx-donut{width:125px;height:125px}.cx-balance-legend p{padding:10px 8px;font-size:11px;gap:5px}.cx-week-toolbar{padding:10px;gap:4px;flex-wrap:wrap}.cx-week-toolbar strong{font-size:12px}.cx-week-toolbar>span{flex-basis:10px}.cx-week-toolbar .cx-primary{font-size:12px!important}.cx-week-summary{flex-wrap:wrap;gap:14px;font-size:12px}.cx-week-summary .cx-meter{flex-basis:100%;order:1}.cx-week-summary strong{font-size:20px}.cx-week-board{overflow-x:auto;grid-template-columns:repeat(7,145px);padding-bottom:10px;scroll-snap-type:x proximity}.cx-day{scroll-snap-align:start;min-height:240px}.cx-week-bottom{grid-template-columns:1fr}.cx-week-bottom>.cx-art{height:auto;max-height:none;aspect-ratio:3/2}.cx-week-bottom textarea{min-height:90px!important}html[data-fox-theme="study"] #timer.active{grid-template-columns:1fr;gap:14px}html[data-fox-theme="study"] .cx-timer-side{display:grid;grid-column:1;grid-row:2;grid-template-columns:1fr}html[data-fox-theme="study"] #timer>.card:has(#presetBtns){grid-column:1;grid-row:1;padding:19px}html[data-fox-theme="study"] #timer>.cx-timer-log{grid-row:3}html[data-fox-theme="study"] #timer>.card:has(#manualAdd){grid-row:4}.cx-timer-ring{width:230px;margin:22px auto}html[data-fox-theme="study"] #timerDisplay{font-size:61px}.cx-timer-side>.cx-art{aspect-ratio:3/2}html[data-cx-night="true"] .cx-focus .cx-clock{width:auto;aspect-ratio:auto;border:0;font-size:85px;margin:0}html[data-cx-night="true"] .cx-night-stat{display:none!important}}
@media(prefers-reduced-motion:reduce){.cx-season-particles,.cx-season-particles i{animation:none!important}}
html:not([data-fox-theme="study"]) .cx-timer-ring{display:contents;background:none;margin:0;width:auto}
html:not([data-fox-theme="study"]) .cx-timer-ring:before{display:none}
html[data-fox-theme="study"] .side:after{display:none}
html[data-fox-theme="study"] #presetBtns button{background:transparent!important;color:var(--cx-text)!important;flex:1;box-shadow:none;border-radius:9px}
html[data-fox-theme="study"] #presetBtns button.sel{background:var(--cx-green)!important;color:var(--cx-paper)!important}
html[data-fox-theme="study"] .cx-timer-config summary{font-size:12px;color:var(--cx-muted);cursor:pointer;padding:10px 0}
html[data-fox-theme="study"] .cx-timer-config[open] .fields{margin:10px 0}
html:not([data-fox-theme="study"]) .cx-timer-config{display:contents}
html:not([data-fox-theme="study"]) .cx-timer-config summary{display:none}
html:not([data-fox-theme="study"]) .cx-timer-config:not([open])>.fields{display:grid!important}
html[data-fox-theme="study"] .cx-volume{white-space:nowrap}
html[data-fox-theme="study"] .cx-volume input{width:auto!important;flex:1;min-width:0}
html[data-cx-night="true"] .cx-tasks h2{font-size:18px}
html[data-cx-night="true"] .cx-panel-head{gap:8px}
html[data-cx-night="true"] .cx-panel-head>span{white-space:nowrap}
html[data-fox-theme="study"] .cx-balance-legend p{flex-wrap:wrap}
@media(min-width:751px){html[data-fox-theme="study"] .side{display:flex;flex-direction:column;align-items:stretch}html[data-fox-theme="study"] .brand{order:0}html[data-fox-theme="study"] .side button{flex-shrink:0}html[data-fox-theme="study"] [data-page="home"]{order:10}html[data-fox-theme="study"] [data-page="timer"]{order:11}html[data-fox-theme="study"] [data-page="tasks"]{order:12}html[data-fox-theme="study"] [data-page="records"]{order:13}html[data-fox-theme="study"] [data-page="fox"]{order:20}html[data-fox-theme="study"] [data-page="gallery"]{order:21}html[data-fox-theme="study"] [data-page="schedule"]{order:30}html[data-fox-theme="study"] [data-page="planner"]{order:31}html[data-fox-theme="study"] [data-page="roadmap"]{order:32}html[data-fox-theme="study"] [data-page="independence"]{order:33}html[data-fox-theme="study"] [data-page="designLibrary"]{order:40}html[data-fox-theme="study"] [data-page="designQuiz"]{order:41}html[data-fox-theme="study"] [data-page="settings"]{order:50}}
/* The companion page shares the illustrated room and live fox with Home. */
.cx-fox-room{display:none}
html[data-fox-theme="study"] #foxRoom .room-art{display:none}
html[data-fox-theme="study"] #foxRoom .cx-fox-room{display:block;margin:12px 24px 20px;border-radius:16px;overflow:hidden}
html[data-fox-theme="study"] #foxRoom .cx-fox-room .cx-art{width:100%;height:clamp(270px,34vw,480px);border-radius:16px}
html[data-fox-theme="study"] #foxRoom .room-caption{background:var(--cx-paper);color:var(--cx-text);border-color:var(--cx-line)}
html[data-fox-theme="study"] #fox .growth-step,html[data-fox-theme="study"] #fox .collect-item{background:var(--cx-paper);color:var(--cx-text);border-color:var(--cx-line)}
@media(max-width:750px){html[data-fox-theme="study"] #foxRoom .cx-fox-room{margin:8px 12px 14px}html[data-fox-theme="study"] #foxRoom .cx-fox-room .cx-art{height:auto;aspect-ratio:3/2}}

.cx-wardrobe-preview{display:contents}.cx-wardrobe-preview>summary{display:none}
html[data-fox-theme="study"] #foxRoom .cx-wardrobe-preview{display:block;margin:0 24px 20px;border:1px solid var(--cx-line);border-radius:12px;padding:12px;color:var(--cx-muted)}
html[data-fox-theme="study"] #foxRoom .cx-wardrobe-preview>summary{display:list-item;cursor:pointer;font-size:12px}
html[data-fox-theme="study"] #foxRoom .cx-wardrobe-preview[open] .room-art{display:block;margin-top:12px}

/* On narrow screens the room is one complete illustration, without a second
   independently cropped copy behind the page heading. */
@media(max-width:750px){
 html[data-fox-theme="study"] .main:before{display:none;content:none}
 html[data-fox-theme="study"] .cx-home-scene .cx-scene{height:auto;min-height:0}
 html[data-fox-theme="study"] .cx-home-scene .cx-scene>.cx-art{width:100%;height:auto;min-height:0;aspect-ratio:3/2}
}