/* 星间自习室：只作用于原 focus 页面，沿用主题语义变量。 */
#focus-view { --study-ink:var(--color-text); --study-soft:var(--color-primary-soft); --study-paper:var(--glass-panel); --study-line:var(--color-border); }
.study-content { gap:18px; padding-bottom:42px; color:var(--study-ink); }
.study-intro { margin-bottom:0; }
.study-intro h3 { font-size:18px; line-height:1.5; margin:6px 0; font-weight:600; }
.study-intro p { margin:0; }
.study-companion { display:grid; grid-template-columns:48px minmax(0,1fr); gap:7px 13px; align-items:center; padding:14px; border:1px solid var(--glass-edge); border-radius:24px; background:linear-gradient(130deg,var(--study-paper),var(--study-soft)); }
.study-avatar { width:48px; height:48px; min-width:0; border-radius:18px; display:grid; place-items:center; background:var(--study-paper); font-size:23px; overflow:hidden; }
.study-avatar img { width:100%;height:100%;object-fit:cover; }
.study-companion-body { min-width:0; display:grid; gap:3px; }
.study-companion-body label { font-size:11px; color:var(--color-text-muted); }
.study-companion-body > span { display:none; }
.study-companion-body select { font-weight:600; }
.study-companion p { grid-column:1/-1; margin:2px 0 0; font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.study-companion small { grid-column:1/-1; font-size:10px; line-height:1.7; color:var(--color-text-muted); }
#focus-view select, #study-topic { font:inherit; max-width:100%; min-width:0; width:100%; box-sizing:border-box; color:var(--study-ink); background:var(--study-paper); border:1px solid var(--study-line); border-radius:12px; padding:10px 11px; outline-offset:3px; }
#focus-view :is(input,select,button):focus-visible { outline:2px solid var(--color-primary); outline-offset:3px; }
#focus-view :is(select,input):disabled { opacity:.65; cursor:not-allowed; }
.study-clock.home-panel { padding:23px 20px 20px; background:linear-gradient(150deg,var(--glass-strong),var(--study-paper),var(--study-soft)); border:1px solid var(--glass-edge); border-radius:30px; box-shadow:var(--shadow-control); }
.study-clock #focus-state { font-size:12px; letter-spacing:.05em; }
.study-clock #focus-time { font-size:clamp(43px,12vw,64px); font-weight:400; font-family:ui-rounded,"YouYuan",system-ui,sans-serif; font-variant-numeric:tabular-nums; line-height:1.35; margin:12px 0 10px; letter-spacing:.025em; }
.study-progress { width:100%; height:3px; background:var(--study-line); border-radius:4px; overflow:hidden; margin-bottom:19px; }
.study-progress i { display:block; width:var(--study-progress,0%); height:100%; background:var(--color-primary); transition:width .5s linear; }
.study-clock label { display:block; text-align:left; font-size:12px; margin:12px 0 7px; color:var(--color-text-muted); }
.study-clock label span { font-size:10px; float:right; }
#study-topic { font-size:12px; }
.study-actions { gap:8px; }
.study-actions button { min-width:0; padding:12px 4px; border-radius:16px; font-size:13px; }
.study-ambience, .study-history { padding:5px 1px 0; min-width:0; }
.study-section-heading { display:flex; flex-wrap:wrap; gap:5px 10px; align-items:center; justify-content:space-between; margin-bottom:15px; }
.study-section-heading h3 { font-size:15px; margin:0; font-weight:600; }
.study-section-heading > span { font-size:8px; letter-spacing:.15em; color:var(--color-text-muted); }
.study-ambience > label:not(.study-check) { display:block; color:var(--color-text-muted); font-size:12px; margin-bottom:7px; }
.study-audio-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
.study-audio-actions button { min-width:0; font-size:12px; padding:10px 4px; border-radius:13px; }
.study-volume { margin:17px 0; }
.study-volume label { display:flex; justify-content:space-between; font-size:12px; color:var(--color-text-muted); }
#study-volume { width:100%; min-height:30px; accent-color:var(--color-primary); margin:3px 0; }
.study-check { display:flex; align-items:flex-start; gap:8px; font-size:12px; line-height:1.8; margin:9px 0; cursor:pointer; }
.study-check input { margin:5px 0 0; flex:0 0 14px; width:14px; accent-color:var(--color-primary); }
.study-content .small-note { line-height:1.85; font-size:11px; overflow-wrap:anywhere; }
.study-content .module-feedback { font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.study-summary { padding:16px 0 15px; border-top:1px solid var(--study-line); border-bottom:1px solid var(--study-line); display:grid; gap:7px; }
.study-summary strong { font-size:24px; font-weight:400; font-variant-numeric:tabular-nums; }
.study-summary span { font-size:11px; color:var(--color-text-muted); }
#study-records { list-style:none; padding:0; margin:0; }
#study-records li { padding:15px 0; border-bottom:1px solid var(--study-line); overflow-wrap:anywhere; }
#study-records strong { font-weight:600; font-size:13px; }
#study-records p { margin:6px 0; font-size:12px; line-height:1.8; }
#study-records small { font-size:10px; line-height:1.8; color:var(--color-text-muted); }
#study-more { margin-top:12px; width:100%; }
.study-policy { padding-top:15px; border-top:1px dashed var(--study-line); }
@media(max-width:350px) { .study-clock.home-panel { padding:20px 14px; } .study-companion { padding:13px; } .study-actions button { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { .study-progress i { transition:none; } }