/* Shared Codex design: styling only, scoped to the selected theme. */
html[data-fox-theme="study"] .top{padding-bottom:18px;border-bottom:1px solid #caba9c}
html[data-fox-theme="study"] .top h1{color:#304c3b;font:600 25px/1.5 Georgia,'Yu Mincho',serif}
html[data-fox-theme="study"] :is(h2,h3){color:#304c3b;line-height:1.6}
html[data-fox-theme="study"] button{border-radius:10px}
html[data-fox-theme="study"] button:not(.secondary):not(.danger):not(.day-cell):not(.work-item):not(.work-overview-card):not([data-page]){background:#365c46;color:#fffaf0}
html[data-fox-theme="study"] :is(button.secondary,.tabs button){background:#ece5d4;color:#4c533e;border:1px solid #d5c8af}
html[data-fox-theme="study"] .tabs button.sel{background:#365c46;color:#fffaf0;border-color:#365c46}
html[data-fox-theme="study"] .muted{color:#706c5b}
html[data-fox-theme="study"] :is(input,select,textarea){background:#fffef8;color:#354334;border:1px solid #c6b99d;border-radius:9px;line-height:1.6}
html[data-fox-theme="study"] :is(input,select,textarea):focus-visible{outline:3px solid #b48b49;outline-offset:2px}
html[data-fox-theme="study"] :is(.message,.note,.public-note){background:#f0e5ca;border-color:#b28c53;color:#57482e}
html[data-fox-theme="study"] .stat{color:#365c46;font-variant-numeric:tabular-nums}
html[data-fox-theme="study"] .bar{background:#e7dfcd}
html[data-fox-theme="study"] .fill{background:linear-gradient(90deg,#83996b,#365c46)}
html[data-fox-theme="study"] .timer{font-family:Georgia,serif;color:#304c3b;font-variant-numeric:tabular-nums}
html[data-fox-theme="study"] .v5-hero{background:linear-gradient(110deg,#e0e7d5,#fff7e5);border:1px solid #d2c4a5;border-left:5px solid #7e9569;padding:24px 26px}
html[data-fox-theme="study"] .v5-hero h2{font-family:Georgia,'Yu Mincho',serif;font-size:25px}
html[data-fox-theme="study"] .eyebrow{color:#777749;letter-spacing:2px}
html[data-fox-theme="study"] :is(.row,.editor-group){border-color:#ded3bd}
html[data-fox-theme="study"] :is(.work-item,.process-image,.art,.term-card,.work-overview-card){background:#fffdf5;border:1px solid #d8c8ac;border-radius:14px}
html[data-fox-theme="study"] .work-item.current{background:#e2e9d7;border-color:#768f60}
html[data-fox-theme="study"] :is(.work-toolbar,.timeline-entry){background:#f5eedc;border-color:#a9b58b}
html[data-fox-theme="study"] :is(.badge,.collect-item,.growth-step.reached){background:#e2ead8;color:#405a37}
html[data-fox-theme="study"] .badge.warm{background:#f1dfbc;color:#775529}
html[data-fox-theme="study"] .chart{border-color:#c4b69a}
html[data-fox-theme="study"] .column .pillar{background:linear-gradient(#92a77a,#496b50)}
html[data-fox-theme="study"] .day-cell{background:#fffaf0;color:#40533d;border-color:#d8c9ad}
html[data-fox-theme="study"] .day-cell.selected{background:#e6edda;outline-color:#718858}
html[data-fox-theme="study"] .day-cell.today strong{background:#3d6448}
html[data-fox-theme="study"] :is(.week-day,.plan-card){background:#f9f5e9;border-color:#d9cdb4}
html[data-fox-theme="study"] .plan-card.done{background:#edf0e4}
html[data-fox-theme="study"] .goal-tile{background:#fff9ea;color:#46563c;border:1px solid #caba98;box-shadow:0 4px 0 #b19a6e25}
html[data-fox-theme="study"] .goal-tile.achieved{background:#e3ecd4;border-color:#849a66}
html[data-fox-theme="study"] :is(.quiz-statement,.quiz-feedback){background:#f4ecda;border-color:#d2bc94}
html[data-fox-theme="study"] .quiz-choices button{min-height:100px;background:#e4ead8!important;color:#354c3e!important;border:1px solid #acbd97}
html[data-fox-theme="study"] .quiz-feedback.correct{background:#e4ecd8}
html[data-fox-theme="study"] :is(.toast,.modal){background:#fffaf0;color:#354334;border-color:#b9a17c}
html[data-fox-theme="study"] .page :is(a,.hint){overflow-wrap:anywhere}
html[data-fox-theme="study"] .page :is(img,svg){max-width:100%}
html[data-fox-theme="study"] :is(.fields,.workspace,.calendar-layout,.compare-panes)>*{min-width:0}
.appearance-shortcut{margin:0 0 16px;display:flex;justify-content:flex-end}
.appearance-shortcut button{font-size:12px;padding:8px 12px}
@media(max-width:750px){html[data-fox-theme="study"] .main{padding:18px 12px}html[data-fox-theme="study"] .top h1{font-size:20px}html[data-fox-theme="study"] .v5-hero{padding:18px}html[data-fox-theme="study"] .v5-hero h2{font-size:21px}html[data-fox-theme="study"] :is(.work-toolbar,.row){gap:8px}html[data-fox-theme="study"] .room-controls{gap:8px}}