:root{--bg:#f7f6f4;--card:#fff;--ink:#1f2233;--muted:#6b7080;--line:#e6e7f0;--primary:#f5821f;--primary-ink:#c45e00;--primary-soft:#fff1e3;--song:#2f9e8f;--vocal:#f5821f;--ok:#16a34a;--danger:#dc2626;--danger-soft:#fef2f2;--radius:16px;--shadow:0 1px 3px #1416280f, 0 8px 24px #1416280d}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,system-ui,sans-serif}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.center-screen{min-height:100dvh;color:var(--muted);place-items:center;display:grid}.muted{color:var(--muted)}.center{text-align:center;padding:20px}.page{max-width:480px;margin:0 auto;padding:16px 16px 48px}.topbar{justify-content:space-between;align-items:center;padding:8px 2px 16px;display:flex}.hello{font-size:20px;font-weight:800}.today{color:var(--muted);margin-top:2px;font-size:13px}.link-btn{color:var(--muted);background:0 0;border:none;padding:6px;font-size:14px}.voice-box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.voice-title{margin-bottom:12px;font-size:15px;font-weight:700}.voice-row{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.voice-pill{border:1.5px solid var(--line);color:var(--muted);background:#fff;border-radius:12px;padding:12px 0;font-size:16px;font-weight:700}.voice-pill.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink)}.voice-label{color:var(--primary-ink);text-align:center;margin-top:10px;font-size:14px;font-weight:600}.voice-hint{color:var(--muted);text-align:center;margin-top:10px;font-size:12px}.progress-line{color:var(--muted);margin:18px 4px 10px;font-size:14px}.progress-line b{color:var(--ink)}.cards{flex-direction:column;gap:10px;display:flex}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card.done{border:1.5px solid #d6f0df}.card-head{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:16px;display:flex}.card-title{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.track-dot{border-radius:50%;flex:none;width:9px;height:9px}.track-dot.vocal{background:var(--vocal)}.track-dot.song{background:var(--song)}.artist{color:var(--muted);font-size:13px;font-weight:500}.card-status .check{color:var(--ok);font-size:14px;font-weight:700}.card-status .chev{color:var(--primary-ink);font-size:18px;font-weight:700}.done-summary{color:var(--muted);flex-wrap:wrap;gap:8px;padding:0 16px 14px;font-size:13px;display:flex}.done-summary span{background:var(--bg);border-radius:8px;padding:3px 8px}.card-body{flex-direction:column;gap:14px;padding:4px 16px 16px;display:flex}.desc{color:var(--muted);background:var(--bg);border-radius:10px;padding:10px 12px;font-size:13px}.field{flex-direction:column;gap:8px;display:flex}.field>span{color:var(--muted);font-size:13px;font-weight:600}.field input,.field select,.field textarea{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:12px;font-size:16px}.field textarea{resize:vertical}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:9px 14px;font-size:14px}.chip.on{border-color:var(--song);color:#1f7a6d;background:#e6f5f2;font-weight:700}.rating{gap:6px;display:flex}.star{color:var(--line);background:0 0;border:none;padding:0 2px;font-size:30px;line-height:1}.star.on{color:#f5b301}.save-btn{background:var(--primary);color:#fff;border:none;border-radius:14px;margin-top:4px;padding:15px;font-size:16px;font-weight:800}.save-btn:disabled{opacity:.6}.empty{text-align:center;color:var(--muted);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 20px;font-size:14px;line-height:1.7}.banner{border-radius:12px;margin:10px 0;padding:12px 14px;font-size:14px}.banner.warn{color:#b45309;background:#fff7ea}.banner.error{background:var(--danger-soft);color:var(--danger)}.form-error{color:var(--danger);font-size:13px}.auth-wrap{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{background:var(--card);width:100%;max-width:360px;box-shadow:var(--shadow);text-align:center;border-radius:20px;padding:32px 24px}.auth-logo{object-fit:contain;width:72px;height:72px;margin:0 auto 12px;display:block}.auth-card h1{margin:0 0 4px;font-size:22px}.auth-sub{color:var(--muted);margin:0 0 20px;font-size:14px}.auth-card form{text-align:left;flex-direction:column;gap:12px;display:flex}.auth-card label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.auth-card input{border:1.5px solid var(--line);border-radius:12px;padding:13px;font-size:16px}.auth-card button[type=submit]{background:var(--primary);color:#fff;border:none;border-radius:12px;margin-top:6px;padding:14px;font-size:16px;font-weight:800}.auth-card button:disabled{opacity:.6}.auth-hint{color:var(--muted);margin:16px 0 0;font-size:12px}.tabbar{border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);z-index:10;background:#fff;display:flex;position:sticky;top:0}.tab{text-align:center;color:var(--muted);flex:1;padding:14px 0;font-size:15px;font-weight:700;text-decoration:none}.tab.on{color:var(--primary-ink);box-shadow:inset 0 -3px 0 var(--primary)}.lesson-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:16px;display:flex}.lesson-date{align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.new-badge{color:var(--primary-ink);background:var(--primary-soft);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.lesson-card h3{color:var(--muted);margin:0 0 4px;font-size:13px}.lesson-card p{white-space:pre-wrap;margin:0;font-size:15px;line-height:1.65}.lesson-card .homework{background:#fff7ea;border-radius:12px;padding:12px}.lesson-card .homework h3{color:#b45309}.page.wide{max-width:720px}.seg{background:#efebe6;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:4px;display:grid}.seg button{color:var(--muted);background:0 0;border:none;border-radius:9px;padding:11px 0;font-size:15px;font-weight:700}.seg button.on{color:var(--primary-ink);background:#fff;box-shadow:0 1px 3px #1416281a}.panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:14px;margin-bottom:14px;padding:16px;display:flex}.panel-title{margin:0;font-size:16px}.small{font-size:13px}.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.btn-row{grid-template-columns:1fr 2fr;gap:10px;display:grid}.ghost-btn{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;padding:15px;font-size:15px;font-weight:700}.ok-msg{color:var(--ok);font-size:14px;font-weight:600}.link-btn.danger{color:var(--danger)}.lesson-row{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:12px;display:flex}.lesson-row-head{justify-content:space-between;align-items:center;display:flex}.lesson-row-text{color:var(--muted);-webkit-line-clamp:2;white-space:pre-wrap;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.lesson-row-actions{gap:4px;display:flex}.status-chip{border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.status-chip.published{color:var(--ok);background:#e7f7ee}.status-chip.draft{color:var(--muted);background:#f1f1f5}.student-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:15px;display:flex}.table-wrap{overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 6px}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-weight:700}.status-box{background:var(--primary-soft);border-radius:var(--radius);margin-bottom:14px;padding:14px 16px}.status-box h3{margin:0 0 8px;font-size:15px}.status-label{color:var(--primary-ink);margin-top:8px;font-size:12px;font-weight:700}.status-box ul{margin:4px 0 0;padding-left:18px;font-size:14px;line-height:1.6}details.lesson-card{gap:0;padding:0}.lesson-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:800;list-style:none;display:flex}.lesson-summary::-webkit-details-marker{display:none}.lesson-summary:after{content:"＋";color:var(--primary-ink);font-weight:700}details[open]>.lesson-summary:after{content:"－"}.lesson-summary .status-chip{margin-left:auto;margin-right:8px}.lesson-body{flex-direction:column;gap:14px;padding:0 16px 18px;display:flex}.lesson-body h3{color:var(--muted);margin:0 0 4px;font-size:13px}.lesson-body p{white-space:pre-wrap;margin:0;font-size:15px;line-height:1.65}.lesson-body .homework{background:#fff7ea;border-radius:12px;padding:12px}.lesson-body .homework h3{color:#b45309}.kv{margin-top:4px;font-size:14px;line-height:1.6}.kv-note{color:var(--muted);font-size:13px}.unsure{color:#b45309;background:#fff7ea;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700}.todo{margin-top:6px}.todo-task{font-size:15px;font-weight:600}.topic{border-top:1px solid var(--line);padding-top:14px}.topic h3{color:var(--ink);font-size:16px}.topic-no{color:var(--primary-ink);margin-right:4px;font-family:Georgia,serif;font-style:italic}.insight{margin-top:12px}.chip-by{color:var(--primary-ink);background:var(--primary-soft);border-radius:999px;margin-bottom:4px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.insight-title{margin-bottom:2px;font-size:15px;font-weight:800}.notes{background:var(--bg);border-radius:12px;margin-top:12px;padding:10px 12px}.notes-label{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:800}.lesson-footer{color:var(--muted);border-top:1px solid var(--line);padding-top:10px;font-size:12px}.row-right{align-items:center;gap:4px;display:flex}.ghost-btn.full{width:100%;margin-top:4px}.symptom-title{margin:16px 0 8px;font-size:14px;font-weight:700}.optional{color:var(--muted);background:var(--bg);border-radius:999px;margin-left:4px;padding:2px 8px;font-size:12px;font-weight:600}.chip.on-voice{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink);font-weight:700}.history-box{margin-top:24px}.history-box .panel-title{margin:0 4px 10px}.history{flex-direction:column;gap:8px;display:flex}details.day{background:var(--card);box-shadow:var(--shadow);border-radius:14px}.day-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;list-style:none;display:flex}.day-summary::-webkit-details-marker{display:none}.day-date{font-size:15px;font-weight:800}.day-meta{color:var(--muted);font-size:13px}.day-body{flex-direction:column;gap:8px;padding:0 16px 14px;display:flex}.day-log{border-top:1px solid var(--line);padding-top:8px}.day-log-name{align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.day-log .done-summary{padding:6px 0 0}.panel.tight{gap:0;padding:0}.panel.tight .history{padding:0 12px 12px}.sum-head{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:8px;width:100%;padding:14px 16px;display:flex}.sum-name{margin-bottom:2px;font-size:16px;font-weight:800}.chev{color:var(--primary-ink);font-size:18px;font-weight:700}.rank-box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:14px 16px}.rank-tabs{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.rank-tabs button{border:1.5px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;padding:9px 0;font-size:14px;font-weight:700}.rank-tabs button.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink)}.rank-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rank-list li{align-items:center;gap:10px;font-size:16px;display:flex}.rank-medal{text-align:center;width:28px;font-size:20px}.rank-name{flex:1;font-weight:700}.rank-days{color:var(--primary-ink);font-weight:800}.rank-empty{padding:6px 2px}.rank-me{border-top:1px solid var(--line);margin-top:10px;padding-top:10px;font-size:14px}.rank-hint{color:var(--muted);margin-top:6px;font-size:12px}.check-row{align-items:flex-start;gap:10px;font-size:15px;font-weight:600;display:flex}.check-row input{width:20px;height:20px;margin-top:2px}.stats-row{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;grid-template-columns:repeat(3,1fr);margin-bottom:14px;padding:16px 8px;display:grid}.stats-row>div+div{border-left:1px solid var(--line)}.stat-ico{font-size:22px}.stat-label{color:var(--muted);margin:4px 0;font-size:12px}.stat-val{font-size:22px;font-weight:800}.streak-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:14px;margin-bottom:14px;padding:14px 16px;display:flex}.streak-flame{font-size:38px;line-height:1}.streak-main{flex:1;min-width:0}.streak-title{color:var(--muted);margin-bottom:8px;font-size:15px}.streak-title b{color:var(--ink);font-size:22px}.streak-dots{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.streak-col{flex-direction:column;align-items:center;gap:4px;display:flex}.dot{aspect-ratio:1;background:var(--bg);color:#fff;border-radius:50%;place-items:center;width:100%;max-width:34px;font-size:14px;font-weight:800;display:grid}.dot.done{background:var(--primary)}.dot.today{box-shadow:0 0 0 2px var(--primary-soft), 0 0 0 3.5px var(--primary)}.dot.future{opacity:.45}.dow{color:var(--muted);font-size:11px}.dow.today{color:var(--primary-ink);font-weight:800}.hm-months{color:var(--muted);grid-template-columns:repeat(20,1fr);gap:3px;height:14px;font-size:10px;display:grid}.hm-months span{white-space:nowrap;overflow:visible}.hm-grid{grid-template-columns:repeat(20,1fr);gap:3px;margin-top:4px;display:grid}.hm-col{grid-template-rows:repeat(7,1fr);gap:3px;display:grid}.hm-cell{aspect-ratio:1;background:#ebecf5;border-radius:3px}.hm-cell.lv1{background:#ffe3c7}.hm-cell.lv2{background:#ffc48a}.hm-cell.lv3{background:#ff9f4d}.hm-cell.lv4{background:#e06a00}.hm-cell.future{background:0 0}.hm-legend{color:var(--muted);justify-content:flex-end;align-items:center;gap:4px;margin-top:10px;font-size:11px;display:flex}.hm-legend .hm-cell{width:11px;height:11px;display:inline-block}.best{box-shadow:none;background:#fff1e3}.best-title{color:var(--primary-ink);font-size:13px;font-weight:700}.tab{padding:14px 0;font-size:14px}.teaser{color:var(--ink);background:var(--primary-soft);border-radius:var(--radius);align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;text-decoration:none;display:flex}.teaser-ico{font-size:22px}.teaser-text{flex:1;font-size:14px}.teaser-go{color:var(--primary-ink);white-space:nowrap;font-size:13px;font-weight:700}.rank-title{font-size:16px;font-weight:800}.rank-sub{color:var(--muted);margin:2px 0 10px;font-size:12px}.section-label{color:var(--muted);letter-spacing:.04em;margin:18px 6px 8px;font-size:13px;font-weight:800}.hm-caption{color:var(--muted);text-align:right;margin-top:6px;font-size:11px}.toast{top:calc(62px + env(safe-area-inset-top));color:#fff;z-index:30;background:#2b2d3a;border-radius:999px;padding:11px 18px;font-size:15px;font-weight:700;animation:.18s ease-out toast-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000038}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.progress-bar{background:#ece9e4;border-radius:999px;height:8px;margin:0 4px 12px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .35s}.card.done{background:#f2fbf5;border:1.5px solid #b9e6c9}.card.done .card-title{color:#1b7a43}.finish-card{border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);background:linear-gradient(160deg,#fff1e3,#ffe0c2);margin-bottom:14px;padding:22px 18px;animation:.35s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.finish-check{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 8px;font-size:30px;font-weight:800;display:grid}.finish-title{font-size:22px;font-weight:800}.finish-sub{color:#6b4a2a;margin-top:6px;font-size:14px}.finish-motto{white-space:pre-line;color:#3a2a1a;margin:14px 4px 4px;font-size:16px;font-weight:700;line-height:1.6}.finish-streak{color:#6b4a2a;margin-top:10px;font-size:13px}.mc-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mc-title{font-size:16px;font-weight:800}.mc-nav{border:1.5px solid var(--line);width:36px;height:36px;color:var(--ink);background:#fff;border-radius:50%;font-size:20px;line-height:1}.mc-nav:disabled{opacity:.3}.mc-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.mc-dow{text-align:center;color:var(--muted);padding-bottom:2px;font-size:11px}.mc-cell{aspect-ratio:1;color:#6b6a68;background:#ebe8e3;border-radius:10px;place-items:center;font-size:13px;font-weight:700;display:grid}.mc-cell.lv1{color:#8a4b0f;background:#ffe3c7}.mc-cell.lv2{color:#7a3d00;background:#ffc48a}.mc-cell.lv3{color:#fff;background:#ff9f4d}.mc-cell.lv4{color:#fff;background:#e06a00}.mc-cell.future{color:#c9c6c1;background:0 0}.mc-cell.today{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--primary)}.song-box{margin-top:20px}.song-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.song-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:8px;margin-bottom:10px;padding:14px 16px;display:flex}.song-title{font-size:16px;font-weight:800}.song-text{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.song-question{background:var(--primary-soft);border-radius:12px;padding:10px 12px;font-size:13px}.song-question p{white-space:pre-wrap;margin:4px 0 0;font-size:14px;line-height:1.6}.song-form{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:16px;display:flex}.hw-tag{color:var(--primary-ink);background:var(--primary-soft);border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:800}.milestone-card{border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);background:linear-gradient(160deg,#fff8ec,#ffe9c9);margin-bottom:14px;padding:18px 16px;animation:.35s ease-out pop}.milestone-emoji{font-size:34px}.milestone-title{margin-top:2px;font-size:19px;font-weight:800}.milestone-text{color:#6b4a2a;margin-top:6px;font-size:14px;line-height:1.6}.range-top{text-align:center;grid-template-columns:repeat(3,1fr);margin-bottom:6px;display:grid}.range-top .stat-val.up{color:var(--primary-ink)}.range-chart{width:100%;height:auto;margin-top:4px}.draft-row{padding:0 16px 12px}.draft-box{flex-direction:column;gap:8px;margin-top:6px;display:flex}.draft-box textarea{border:1.5px solid var(--line);border-radius:12px;width:100%;padding:10px;font-size:14px;line-height:1.6}.seg{grid-template-columns:repeat(4,1fr)}.next-lesson{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border-left:5px solid var(--primary);align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.next-ico{font-size:28px}.next-main{flex:1}.next-label{color:var(--muted);font-size:12px;font-weight:700}.next-when{margin-top:2px;font-size:17px;font-weight:800}.next-sub{color:var(--muted);margin-top:2px;font-size:13px}.next-dday{color:var(--primary-ink);background:var(--primary-soft);border-radius:999px;padding:6px 12px;font-size:16px;font-weight:800}.sched-filter{justify-content:space-between;align-items:center;gap:10px;margin:4px 2px 12px;display:flex}.sched-filter select{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:9px 10px;font-size:14px}.check-row.small{font-size:13px;font-weight:600}.check-row.small input{width:16px;height:16px}.sched-day-head{padding:12px 16px 6px;font-size:15px;font-weight:800}.sched-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:flex-start;gap:10px;padding:10px 16px;display:flex}.sched-row.cancelled{opacity:.55}.sched-time{width:118px;color:var(--primary-ink);flex:none;padding-top:2px;font-size:13px;font-weight:700}.sched-main{flex:1;min-width:120px;font-size:15px}.status-chip.absent{color:#c0392b;background:#fdecec}.chip-btn{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800}.chip-btn.ok{color:#1b7a43;background:#eefaf3;border-color:#8fd3ad}.chip-btn.bad{color:#c0392b;background:#fdecec;border-color:#f1b3b3}.check-needed{background:#fffaf4;border:2px solid #ffd2a6}.count-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.count-edit{flex-direction:column;gap:10px;width:100%;display:flex}.count-right{align-items:center;gap:6px;display:flex}.count-badge{color:#1b7a43;background:#eefaf3;border-radius:999px;padding:4px 10px;font-size:14px;font-weight:800}.count-badge.low{color:#c0392b;background:#fdecec}.lesson-count{font-size:16px}.lesson-count b{color:var(--primary-ink);font-size:26px}.lesson-history summary{cursor:pointer;color:var(--primary-ink);padding:6px 0;font-size:14px;font-weight:700}.mc-cell{position:relative}.mc-dot{border-radius:50%;width:6px;height:6px;display:inline-block;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.mc-dot.attended{background:#1b9e5a}.mc-dot.absent{background:#d64545}.mc-dot.scheduled{border:1.5px solid var(--primary);background:0 0}.mc-legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:11px;display:flex}.mc-legend .mc-dot{vertical-align:middle;margin-right:4px;position:static;transform:none}.range-block{margin-bottom:6px}.range-title{color:var(--muted);margin:4px 2px 0;font-size:13px;font-weight:800}.range-legend{color:var(--muted);align-items:center;gap:14px;margin-top:2px;font-size:11px;display:flex}.range-legend .lg{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.range-legend .lg.high{background:var(--primary)}.range-legend .lg.low{background:var(--song)}.student-block{border-top:1px solid var(--line)}.student-block:first-of-type{border-top:none}.range-edit{background:var(--bg);border-radius:12px;flex-direction:column;gap:10px;margin:0 0 10px;padding:12px;display:flex}.voice-done{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px;display:flex}.voice-done-main{font-size:15px;font-weight:700}.voice-done-main b{color:var(--primary-ink)}.slot-menu{background:var(--bg);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:10px;display:flex}.slot-menu .ghost-btn{padding:10px 12px;font-size:14px}.ghost-btn.danger{color:#c0392b;border-color:#f1b3b3}.fixed-val{border:1.5px dashed var(--line);background:var(--bg);color:var(--ink);border-radius:12px;padding:12px;font-size:16px;font-weight:700}.cal-panel{padding:12px 10px 14px}.cal-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.cal-dow{text-align:center;color:var(--muted);padding-bottom:2px;font-size:12px;font-weight:700}.cal-cell{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;flex-direction:column;gap:1px;min-height:74px;padding:4px 4px 5px;font-family:inherit;display:flex;overflow:hidden}.cal-cell.empty{background:0 0;border:none}.cal-cell.today{box-shadow:0 0 0 2px var(--primary)}.cal-num{color:var(--muted);font-size:12px;font-weight:800}.cal-cell.today .cal-num{color:var(--primary-ink)}.cal-slot{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);font-size:10.5px;line-height:1.3;overflow:hidden}.cal-slot.attended{color:#1b7a43}.cal-slot.absent{color:#c0392b}.cal-slot.cancelled{color:#b3aca2;text-decoration:line-through}.cal-more{color:var(--primary-ink);font-size:10.5px;font-weight:700}@media (width>=560px){.cal-slot,.cal-more{font-size:12px}.cal-cell{min-height:96px}}.ico{vertical-align:-.28em;flex:none;display:inline-block}.stars{vertical-align:middle;gap:1px;display:inline-flex}.bob{animation:2.2s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-4px)}}.fl{animation:2.8s ease-in-out infinite fl}@keyframes fl{0%{opacity:0;transform:translateY(8px)}30%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.cat-art{max-width:100%;height:auto;margin:0 auto;display:block}.hello-row{align-items:center;gap:12px;display:flex}.avatar{background:#fbf7ef;border-radius:50%;flex:none;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #e8dcc8}.picker-wrap{z-index:60;background:#3c281473;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.picker{background:var(--card);width:100%;max-width:340px;max-height:calc(100vh - 32px);box-shadow:var(--shadow);text-align:center;border-radius:20px;padding:16px 14px;overflow:auto}.picker-title{margin:0 0 2px;font-size:18px}.picker-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.picker-item{background:#fbf7ef;border:2.5px solid #0000;border-radius:14px;place-items:center;padding:3px;display:grid}.picker-item.on{border-color:var(--primary);background:var(--primary-soft)}.rank-list li{gap:8px}.finish-card .cat-art{margin-bottom:2px}.milestone-card .cat-art{margin-bottom:4px}.streak-flame{place-items:center;width:46px;height:46px;font-size:0;display:grid}.teaser-ico,.next-ico{place-items:center;font-size:0;display:grid}.stat-ico{place-items:center;height:36px;font-size:0;display:grid}.star{place-items:center;padding:0 1px;display:inline-grid}.toast .ico{vertical-align:-.35em;margin-right:2px}.topbar .avatar{margin-right:0}.seg button{position:relative}.tab-badge{background:var(--primary);color:#fff;vertical-align:middle;border-radius:999px;min-width:18px;margin-left:4px;padding:0 5px;font-size:11px;font-weight:800;line-height:18px;display:inline-block}.q-row{border-top:1px solid var(--line);flex-direction:column;gap:4px;padding-top:10px;display:flex}.q-row.done{opacity:.6}.q-text{white-space:pre-wrap;margin:2px 0;font-size:15px;line-height:1.6}.checked-note{color:#1b7a43;align-items:center;gap:4px;margin-top:6px;font-size:12px;font-weight:700;display:flex}.approve-head{justify-content:space-between;align-items:center;gap:10px;padding:12px 16px 4px;display:flex}.approve-actions{align-items:center;gap:6px;display:flex}.approve-body{padding:4px 8px 10px}.approve-body details.lesson-card{box-shadow:none;background:var(--bg)}.stu-chips{flex-wrap:wrap;gap:6px;padding:0 0 8px;display:flex}.stu-chip{color:#6b5a44;background:#f3ece0;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.stu-chip.warn{color:#c0392b;background:#fdecec}.stu-alert{color:#8a4b0f;background:#fff4e5;border:1.5px solid #ffd2a6;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;padding:8px 12px;font-size:13px;display:flex}.hall-title{color:var(--ink);align-items:center;gap:8px;margin:22px 4px 8px;font-size:20px;font-weight:800;display:flex}.rank-box.big{background:linear-gradient(170deg,#fffaf1,#fff1de);padding:15px 16px}.rank-box.big .rank-title{align-items:center;gap:8px;font-size:17px;display:flex}.rank-box.big .rank-sub{margin:2px 0 10px;font-size:13px}.rank-box.big .rank-list{gap:8px}.rank-box.big .rank-list li{font-size:16px}.rank-box.big .rank-name,.rank-box.big .rank-days{font-size:17px}.rank-box.big .rank-medal{width:34px}.drip{animation:2s ease-in infinite drip}@keyframes drip{0%{opacity:0;transform:translateY(-4px)}25%{opacity:1}to{opacity:0;transform:translateY(26px)}}.zz{animation:3.2s ease-in-out infinite fl}.wob{transform-origin:50% 90%;transform-box:fill-box;animation:1.4s ease-in-out infinite wob}@keyframes wob{50%{transform:rotate(3deg)}}.mood-cat{background:linear-gradient(170deg,#fffaf1,#fff1de);border-radius:18px;align-items:center;gap:10px;margin:0 0 12px;padding:8px 14px 8px 6px;display:flex}.mood-cat .cat-art{flex:none;margin:0}.mood-cat-title{color:var(--ink);font-size:18px;font-weight:800}.mood-cat-sub{color:var(--muted,#8a7358);margin-top:2px;font-size:14px}.two-col>.field{min-width:0}.field input[type=date]{box-sizing:border-box;appearance:none;text-align:left;width:100%;min-width:0;max-width:100%}.tabbar{top:auto;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40;background:#ffffffeb;border-bottom:none;border-radius:999px;gap:2px;width:min(440px,100% - 28px);padding:5px;position:fixed;transform:translate(-50%);box-shadow:0 6px 22px #462d0f2e,0 0 0 1px #462d0f0f}.tabbar .tab{white-space:nowrap;border-radius:999px;padding:11px 0;font-size:14px;transition:background .15s,color .15s}.tabbar .tab.on{box-shadow:none;background:var(--primary-soft,#fff0e0);color:var(--primary-ink)}.tabbar,.seg{top:auto;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:none;backdrop-filter:none;z-index:40;background:#3b2d22;border:none;border-radius:999px;gap:3px;width:min(480px,100% - 24px);margin:0;padding:6px;position:fixed;transform:translate(-50%);box-shadow:0 10px 28px #28180861,inset 0 0 0 1px #ffffff14}.tabbar{display:flex}.tabbar .tab,.seg button{color:#d8cbbb;white-space:nowrap;box-shadow:none;background:0 0;border-radius:999px;padding:14px 0;font-size:15px;font-weight:800}.seg button{padding-left:2px;padding-right:2px;font-size:13.5px}.seg .tab-badge,.seg button.on .tab-badge{color:var(--primary-ink);background:#fff}.tabbar,.seg{background:#ffe2c2;padding:7px;box-shadow:0 10px 26px #96500a47,inset 0 0 0 1.5px #f7b77a}.tabbar .tab,.seg button{color:#7a4a1e;min-height:56px;padding:20px 0;font-size:16px}.tabbar .tab.on,.seg button.on{background:var(--primary);color:#fff;box-shadow:0 3px 10px #f5821f80}.seg .tab-badge{background:var(--primary);color:#fff}.seg button.on .tab-badge{color:var(--primary-ink);background:#fff}.tabbar,.seg{padding:6px}.tabbar .tab,.seg button{min-height:0;padding:14px 0;font-size:15px}.tabbar,.seg{width:100%;padding:0 0 env(safe-area-inset-bottom);border-top:1px solid var(--line);z-index:40;background:#fff;border-radius:0;gap:0;margin:0;position:fixed;inset:auto 0 0;transform:none;box-shadow:0 -2px 12px #462d0f14}.tabbar .tab,.seg button{color:#8a7d6e;height:58px;min-height:0;box-shadow:none;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:15px;font-weight:800;display:flex}.tabbar .tab.on,.seg button.on{color:var(--primary);box-shadow:inset 0 3px 0 var(--primary);background:0 0}.seg .tab-badge,.seg button.on .tab-badge{background:var(--primary);color:#fff}.tabbar .tab,.seg button{flex-direction:column;gap:3px;height:auto;padding:9px 0 8px;font-size:12px;font-weight:700;line-height:1.2}.seg button{font-size:12px}.tabbar .tab svg,.seg button svg{width:25px;height:25px}.tabbar .tab.on,.seg button.on{box-shadow:none;color:var(--primary)}.tabbar,.seg{padding-bottom:calc(6px + env(safe-area-inset-bottom))}.page{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.tabbar .tab{gap:1px;padding:7px 0 6px;font-size:11px}.tabbar .tab svg{width:30px;height:30px;transition:filter .15s,opacity .15s,transform .15s}.tabbar .tab:not(.on) svg,.tabbar .tab:not(.on) .avatar{filter:grayscale()opacity(.55)}.tabbar .tab.on svg,.tabbar .tab.on .avatar{transform:translateY(-1px)scale(1.06)}.tabbar .tab .avatar{transition:filter .15s,transform .15s;display:inline-flex}.tabbar .tab .avatar svg{filter:none;width:30px;height:30px}.renew-note{color:#8a4b0f;background:#fff4e5;border:1.5px solid #ffd2a6;border-radius:12px;margin-top:8px;padding:9px 12px;font-size:14px;font-weight:700}.cat-wrap{max-width:100%;margin:0 auto;display:block;position:relative}.cat-wrap .cat-art{margin:0}.cat-over{pointer-events:none;position:absolute;top:0;left:0}.cat-bob{will-change:transform;animation:2.2s ease-in-out infinite catbob}@keyframes catbob{50%{transform:translateY(-4px)}}.mood-cat .cat-wrap{flex:none;margin:0}.finish-card .cat-wrap{margin-bottom:2px}.milestone-card .cat-wrap{margin-bottom:4px}button,a,.tab,.chip,.voice-pill,select,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:active,.chip:active,.voice-pill:active{transition:transform 60ms;transform:scale(.96)}@media (prefers-reduced-motion:reduce){.cat-bob,.fl,.drip,.zz,.wob{animation:none!important}}.room{z-index:60;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.room-top{padding:calc(10px + env(safe-area-inset-top)) 14px 8px;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;display:flex}.room-title{text-align:center;flex:1;font-size:17px;font-weight:800}.room-scroll{-webkit-overflow-scrolling:touch;padding:12px 14px calc(40px + env(safe-area-inset-bottom));box-sizing:border-box;flex:1;width:100%;max-width:480px;margin:0 auto;overflow-y:auto}.room-card,.room-now{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:14px}.room-card{flex-direction:column;gap:12px;display:flex}.room-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.seg-mini{background:#efebe6;border-radius:999px;padding:3px;display:flex}.seg-mini button{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:8px 18px;font-size:15px;font-weight:800}.seg-mini button.on{background:var(--primary);color:#fff}.bpm{align-items:center;gap:8px;font-size:14px;display:flex}.bpm button{border:1.5px solid var(--line);background:#fff;border-radius:50%;width:36px;height:36px;font-size:18px;font-weight:800}.room-sel{flex:1;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.room-sel select{border:1.5px solid var(--line);background:#fff;border-radius:10px;flex:1;padding:9px 8px;font-size:15px}.room-play{background:var(--primary);color:#fff;box-shadow:0 3px 0 var(--primary-ink);border:none;border-radius:14px;padding:16px 0;font-size:20px;font-weight:800}.room-play.stop{background:#8a6a4a;box-shadow:0 3px #5d4630}.room-now{text-align:center;grid-template-columns:1fr 1fr;gap:10px;display:grid}.room-now-label{color:var(--muted);font-size:12px;font-weight:800}.room-now-note{color:var(--primary-ink);margin:2px 0;font-size:28px;font-weight:800}.room-now-main.me .room-now-note{color:#1f7f73}.room-now-sub{color:var(--muted);min-height:18px;font-size:13px;font-weight:700}.room-now-sub.ok{color:#1b7a43}.room-now-sub.high,.room-now-sub.low{color:#c0392b}.room-kb-wrap{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:12px;padding:10px 8px 6px}.room-kb{touch-action:manipulation;width:100%;height:auto;display:block}.room-kb-legend{color:var(--muted);text-align:center;margin-top:4px;font-size:12px}.room-kb-legend .dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin:0 3px 0 8px;display:inline-block}.dot.orange{background:#f5821f}.dot.teal{background:#2f9e8f}.room-mic{color:#1f7f73;background:#fff;border:2px solid #2f9e8f;border-radius:14px;width:100%;margin-bottom:6px;padding:13px 0;font-size:16px;font-weight:800}.room-mic.on{color:#fff;background:#2f9e8f}.room-rec-title{margin:20px 4px 8px;font-size:15px;font-weight:800}.room-sel{flex-direction:column;align-items:stretch;gap:4px;font-size:13px}.room-sel select{width:100%}.tone-row{align-items:center;gap:8px;display:flex}.tone-label{color:var(--muted);flex:none;font-size:13px;font-weight:800}.tone-list{-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tone-list .chip{flex:none}