/* 학습·시간 도구 6종(복습·시험 시간·진도·읽기 시간·통계·순공) 전용 스타일 */
/* 탭 세그먼트와 탭 본문 */
.st-tabs{margin-bottom:12px;max-width:100%}
.st-pane[hidden]{display:none}
/* 한 줄 입력(과목·숫자 행) */
.st-line{display:flex;gap:6px;align-items:center;margin-bottom:6px}
.st-line:last-child{margin-bottom:0}
.st-nm{flex:1;min-width:0;padding:6px 10px;font-size:14px;border-radius:8px}
.st-w{width:84px;flex:none;padding:6px 8px;font-size:14px;border-radius:8px}
.st-lb{font-size:12.5px;font-weight:700;color:var(--ink2);flex:none}
.st-del{width:30px;height:30px;flex:none;border:1px solid var(--line);background:var(--card);border-radius:8px;line-height:1;font-size:16px;color:var(--muted)}
.st-del:hover{border-color:var(--red);color:var(--red)}
/* 요일 체크 칩 */
.st-chk{display:inline-flex;align-items:center;gap:5px;margin-top:0;font-size:13px;padding:5px 10px;cursor:pointer}
.st-chk input{width:auto;padding:0;margin:0}
/* 저장 목록·세션 기록 한 줄 */
.st-item{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:6px;background:var(--card)}
.st-item:last-child{margin-bottom:0}
.st-item .grow{flex:1;min-width:0}
.st-item b{display:block;font-size:14.5px}
.st-item small{display:block;color:var(--muted);font-size:12.5px}
/* 표 안 표시 */
.st-past{color:var(--muted)}
.st-reset td{color:var(--muted)}
.st-over td{background:color-mix(in srgb,var(--red) 12%,transparent)}
.st-red{color:var(--red)}
.st-note{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
/* 히스토그램 */
.st-hist{display:flex;align-items:flex-end;gap:4px;height:110px;margin-top:6px;padding:0 2px}
.st-bar{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:3px}
.st-bar i{display:block;width:100%;min-height:2px;background:var(--mint);border-radius:5px 5px 0 0}
.st-bar small{font-size:11px;color:var(--muted)}
/* 순공 시계 */
.st-focus{text-align:center}
.st-focus .seg,.st-focus .row{justify-content:center}
.st-clock{font-family:'Hahmlet',Pretendard;font-size:58px;line-height:1.1;letter-spacing:1px;font-variant-numeric:tabular-nums;margin:6px 0}
/* 7일 막대 */
.st-week{display:flex;align-items:flex-end;gap:6px;height:96px;margin-top:6px}
.st-day{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px}
.st-day i{display:block;width:100%;min-height:3px;background:var(--soft);border-radius:6px 6px 0 0}
.st-day.on i{background:var(--yellow)}
.st-day small{font-size:11.5px;color:var(--muted)}
.st-day.on small{color:var(--ink);font-weight:700}
@media(max-width:420px){.st-clock{font-size:44px}.st-w{width:72px}.st-hist{height:88px}}