:root{color-scheme:light;--ink:#143c49;--teal:#06786b;--line:#d6e1e5;--soft:#eef6f8;--gold:#ffd670}*{box-sizing:border-box}body{margin:0;background:#f7fafb;color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,'Noto Sans JP','Yu Gothic',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-weight:650}button:hover{border-color:var(--teal);background:#edf8f5}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d19305;outline-offset:3px}.primary{background:var(--teal);border-color:var(--teal);color:white}.primary:hover{background:#075f58;color:white}.large{padding:15px 30px}header{padding:22px max(5vw,20px);background:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);line-height:1.4;font-size:14px;white-space:nowrap}.brand b{font-size:23px}.mark{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:var(--teal);color:white;font-size:25px;font-weight:bold}#account{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px}nav{padding:14px max(5vw,20px);display:flex;gap:12px;background:white;overflow-x:auto}nav button{white-space:nowrap;border-color:transparent}nav .active{background:var(--ink);color:white}main{max-width:1280px;margin:auto;padding:36px 30px 70px;min-height:65vh}.pageheading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.eyebrow{font-size:13px;letter-spacing:.15em;color:var(--teal);font-weight:750;margin:0 0 8px}h1{font-size:clamp(26px,3vw,38px);line-height:1.45;letter-spacing:.02em;margin:0 0 10px}h2{font-size:21px;line-height:1.6;margin:10px 0 18px}p{margin:10px 0 16px}.pageheading p{margin-bottom:0}.counter{white-space:nowrap;border-left:5px solid var(--gold);padding-left:22px}.counter b{font-size:45px}.counter span{font-size:14px}.filters{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:16px;background:#e9f1f4;padding:22px;border-radius:14px}label{display:block;font-size:15px;font-weight:600;margin-bottom:15px}input,select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #b8cbd3;border-radius:7px;background:white;color:var(--ink);margin-top:6px;min-height:46px}textarea{min-height:110px}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:20px;flex:0 0 20px;accent-color:var(--teal);margin:0}.filters label{margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course{background:#fff;border:1px solid var(--line);border-top:5px solid #087f76;border-radius:15px;padding:23px;display:flex;flex-direction:column;box-shadow:0 4px 12px #12374304}.card-1{border-top-color:#127d9f}.card-2{border-top-color:#dba61f}.card-3{border-top-color:#4968b1}.cardtop{display:flex;justify-content:space-between;align-items:center}.code{font-size:13px;font-weight:700;letter-spacing:.08em}.course h2{flex:1;margin:5px 0 15px}.course .small{margin:17px 0 0}.meta,.audio-status{font-size:14px;margin:5px 0;color:#48616b}.cardbottom{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.badge{display:inline-block;font-size:13px;line-height:1.7;border-radius:20px;background:#edf2f4;color:#48616b;padding:3px 11px;white-space:nowrap}.badge.done{background:#daf2e9;color:#126743}.badge.review{background:#fff0ce;color:#7d5300}.small{font-size:14px;color:#4b6570}.required{font-size:14px;color:#865b04;font-weight:700}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px;margin-bottom:20px;min-width:0}.empty{grid-column:1/-1;padding:45px}.login{max-width:560px;margin:25px auto}.narrow{max-width:660px;margin:auto}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0 26px}.stats section{padding:22px 28px;border-radius:13px;background:var(--ink);color:white}.stats b{font-size:38px;display:block;line-height:1.4}.stats span{font-size:14px}.stats small{font-size:18px;font-weight:400}.note{padding:16px 20px;background:#fff4d5;border-left:4px solid #d7aa28;border-radius:6px;color:#654c16;font-size:15px}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:white}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--soft);white-space:nowrap}.link{border:0;color:var(--teal);text-align:left;padding:0;background:transparent}.back{margin-bottom:22px}progress{width:100%;height:12px;accent-color:var(--teal)}.lesson{max-width:960px;margin:auto}.paper{border-radius:18px;overflow:hidden;background:#eaf6f5;border:1px solid #ccdfdf}.paper img{display:block;width:100%;height:auto}.player{padding:22px 0}.player audio{width:100%;margin:8px 0 16px}.inline{display:flex;align-items:center;gap:10px}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.transcript{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;margin:10px 0 25px}.transcript p{font-size:18px;line-height:2}.sources{max-width:960px;margin:30px auto}.sources a{display:block;color:var(--teal);margin:8px 0}.adminlesson{max-width:960px;margin:30px auto}.adminlesson form{margin-top:25px;max-width:540px}.answer{display:flex;align-items:flex-start;gap:14px;padding:15px;border:1px solid var(--line);border-radius:9px;font-weight:400;margin:12px 0;cursor:pointer}.answer input{margin-top:5px}.answer:has(input:checked){border-color:var(--teal);background:#eaf8f2}fieldset{min-width:0}legend{padding:0 8px;font-weight:bold}.result{text-align:center;background:#eaf3f6;border-radius:20px;padding:40px;margin:20px 0 30px}.result.passed{background:#e6f6ed}.resultnum{font-size:75px}.resultnum span{font-size:28px;color:#4b6570}summary{cursor:pointer;font-size:18px;font-weight:700}details form{margin-top:25px}.adminforms{grid-template-columns:1fr 1fr}.adminforms details{align-self:start}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:16px 24px;background:#123c49;color:white;border-radius:10px;max-width:90vw;z-index:20;display:none;box-shadow:0 5px 25px #0003}#notice.show{display:block}#notice.error{background:#963b30}footer{text-align:center;border-top:1px solid var(--line);padding:30px;font-size:14px;color:#46616b}a{color:var(--teal)}@media(max-width:1000px){.grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}}@media(max-width:640px){header{padding:16px;align-items:flex-start}#account{justify-content:flex-end;gap:6px}#account span{width:100%;text-align:right}#account button{font-size:12px;padding:6px 9px}main{padding:25px 16px 50px}nav{padding:9px 12px;gap:4px}nav button{padding:8px 12px;font-size:14px}.pageheading{display:block}.counter{margin-top:20px}.grid,.adminforms{grid-template-columns:1fr}.filters{padding:15px;gap:12px}.filters label:first-child{grid-column:1/-1}.filters label{font-size:14px}.stats{gap:8px}.stats section{padding:15px 10px}.stats b{font-size:26px}.stats span{font-size:12px}.panel{padding:20px}.paper img{min-width:0}.transcript p{font-size:17px}.result{padding:25px 15px}h2{font-size:19px}.brand b{font-size:19px}.mark{width:40px;height:44px}.course{padding:20px}.cardbottom button{flex:1}th,td{padding:12px}}

.mobilepaper{display:none}@media(max-width:640px){.paper img{display:none}.mobilepaper{display:block;padding:26px 22px;min-height:290px;border-left:7px solid var(--teal)}.mobilepaper h2{font-size:23px}.mobilepaper p{font-size:19px;line-height:1.85}.mobilepaper .eyebrow{font-size:14px}}
/* v0.2: compact study workspace */
body{font-size:16px;line-height:1.65}header{padding:12px max(3vw,18px)}.brand{gap:10px;line-height:1.25}.brand b{font-size:20px}.mark{width:40px;height:40px;border-radius:11px;font-size:23px}nav{padding:7px max(3vw,18px);gap:8px}nav button{min-height:40px;padding:6px 15px}main{max-width:1400px;padding:22px 28px 36px;min-height:60vh}footer{padding:16px;font-size:13px}.pageheading{margin-bottom:18px;gap:18px}h1{font-size:clamp(24px,2.4vw,31px);line-height:1.45}h2{font-size:19px;margin:8px 0 12px}.pageheading p{font-size:15px}.eyebrow{font-size:12px;margin-bottom:5px}.counter b{font-size:35px}.filters{padding:14px 16px;gap:13px}.filters input,.filters select{padding:9px 10px;min-height:42px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.course{padding:16px;border-radius:11px;border-top-width:4px;box-shadow:none}.course .small{margin:9px 0 0;font-size:13px}.course h2{font-size:18px;line-height:1.5;margin:6px 0 10px}.meta,.audio-status{font-size:13px;line-height:1.5;margin:4px 0}.cardbottom{gap:6px;margin-top:12px}.cardbottom button{padding:8px 10px;font-size:14px}.cardbottom .primary{flex:1}.catalog-pager{display:flex;justify-content:center;gap:18px;align-items:center;margin-top:24px}.stats{margin:15px 0 20px;gap:14px}.stats section{padding:16px 22px}.stats b{font-size:33px}.panel{padding:20px;margin-bottom:16px;border-radius:11px}.adminforms{grid-template-columns:1fr 1fr}.lesson-heading{display:flex;align-items:center;gap:15px;margin-bottom:14px}.lesson-heading .back{margin:0;white-space:nowrap}.lesson-heading>div{flex:1;min-width:0}.lesson-heading h1{font-size:25px;margin:0;line-height:1.45}.lesson-heading .eyebrow{font-size:12px;letter-spacing:.05em}.goal-strip{display:flex;align-items:center;gap:14px;border-left:4px solid #dba61f;background:#fff6db;padding:12px 16px;margin-bottom:16px;border-radius:0 9px 9px 0}.goal-strip>span{font-size:13px;font-weight:750;white-space:nowrap;color:#7a5400}.goal-strip p{margin:0;font-size:16px;font-weight:650;flex:1}.goal-strip small{white-space:nowrap;font-size:12px;color:#655a41}.learning-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.learning-main{min-width:0;border:1px solid #cddddd;border-radius:14px;overflow:hidden;background:#fff}.stepbar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#f0f5f7;border-bottom:1px solid #d5e1e4}.stepbar button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;display:flex;gap:7px;align-items:center;justify-content:center;min-height:53px;padding:8px 5px;font-size:13px;line-height:1.5}.stepbar b{border-radius:50%;display:grid;place-items:center;background:#dce7ec;font-size:13px;min-width:24px;height:24px}.stepbar .selected{border-bottom-color:var(--teal);background:#fff;color:var(--teal)}.stepbar .selected b{background:var(--teal);color:#fff}.teaching-card{padding:24px 28px;background:#fff;min-height:265px}.teaching-caption{display:flex;gap:12px;align-items:center;margin-bottom:18px}.teaching-caption>span{font-size:11px;font-weight:800;letter-spacing:.09em;color:#52737b;border:1px solid #d1e0e3;border-radius:5px;padding:4px 7px;white-space:nowrap}.teaching-caption h2{margin:0;font-size:23px;line-height:1.45}.mini-label{font-size:13px;font-weight:750;color:#37616a;display:block;margin-bottom:7px}.goal-card,.case-card,.action-card,.avoid-card,.principle-card,.practice-card{padding:14px 17px;border-radius:9px}.goal-card,.action-card{background:#e9f6f1;border-left:4px solid var(--teal)}.case-card{background:#f0f4f7;margin-top:13px}.avoid-card{background:#fff2df;margin-top:13px;border-left:4px solid #d6a52c}.avoid-card .mini-label{color:#775715}.practice-card{background:#fff6dc;margin-top:15px}.principle-card{background:#eaf4f7;border-left:4px solid #167d9f}.teaching-card p{font-size:19px;line-height:1.8;margin:0}.thinking-line{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;color:#4b646e;font-size:14px}.thinking-line span{background:#f1f5f7;padding:8px 12px;border-radius:6px}.lesson-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-top:1px solid #dbe5e8;background:#fafcfd}.lesson-controls>span{font-size:14px;color:#46656d}.learning-side{display:grid;gap:13px;min-width:0}.audio-panel{background:var(--ink);color:white;border-radius:13px;padding:18px}.audio-title{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:14px}.audio-title b{font-size:17px}.audio-title span{font-size:11px;color:#c9e2e6}.play-button{width:100%;background:#fff;color:var(--ink);border-color:#fff;padding:13px;font-size:17px;min-height:54px}.play-button:hover{background:#d8f1e9;color:var(--ink)}.audio-help{font-size:12px;line-height:1.6;margin:11px 0 4px;color:#d0e1e6}.audio-settings{display:flex;gap:12px;align-items:center;margin-top:15px;justify-content:space-between}.audio-settings label{font-size:12px;margin:0}.audio-settings select{min-height:35px;margin-top:3px;padding:4px 8px;width:88px}.audio-settings .inline{font-size:13px;gap:7px;margin-top:20px}.audio-settings input{width:17px;height:17px;flex:0 0 17px}.voice-settings{margin-top:12px;border-top:1px solid #55727c;padding-top:9px}.voice-settings summary{font-size:13px}.voice-settings label{font-size:12px;margin:8px 0 0}.voice-settings select{font-size:12px;min-height:36px;padding:5px;width:100%}.audio-seek{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:7px}.audio-seek button{background:transparent;color:#fff;border-color:#66808a;font-size:12px;padding:5px 8px;min-height:34px}.audio-seek span{font-size:13px}.learning-side .transcript{margin:0;padding:14px 16px;border-radius:11px}.transcript summary{font-size:15px}.learning-side .transcript p{font-size:16px;line-height:1.85;margin-bottom:0;max-height:260px;overflow-y:auto}.completion-note{padding:2px 4px;color:#49656e;font-size:13px}.completion-note b{font-size:13px}.completion-note p{margin:6px 0}.adminlesson{max-width:none;margin:16px 0 0;padding:13px 17px}.adminlesson summary,.sources summary{font-size:14px}.sources{max-width:none;margin:16px 0 0;font-size:14px}.sources a{margin:10px 0}.result{padding:27px;margin:12px 0 20px}.preview-banner{background:#fff4d4;color:#705814;font-size:12px;padding:6px 18px;border-bottom:1px solid #f2dfaa}.preview-banner b{margin-right:9px}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-workspace{grid-template-columns:minmax(0,1fr) 275px;gap:14px}.teaching-card{padding:21px}.goal-strip small{display:none}.stepbar button{font-size:12px;gap:5px}.stepbar b{min-width:20px;height:20px;font-size:11px}.teaching-card p{font-size:18px}}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-workspace{grid-template-columns:1fr}.learning-side{grid-template-columns:1fr 1fr}.audio-panel{grid-row:1/span 2}.completion-note{padding:3px}.teaching-card{min-height:0}.lesson-heading h1{font-size:23px}.goal-strip p{font-size:15px}.adminforms{grid-template-columns:1fr 1fr}}
@media(max-width:560px){header{padding:10px 13px}.brand br{display:none}.brand{font-size:12px;gap:8px}.brand b{font-size:16px;display:block}.mark{width:33px;height:35px;font-size:20px}#account{font-size:12px}#account button{font-size:11px;min-height:32px;padding:5px 7px}nav{padding:5px 10px;gap:3px}nav button{font-size:13px;min-height:37px;padding:5px 10px}main{padding:16px 12px 25px}.pageheading{display:flex;align-items:start;gap:10px}.pageheading h1{font-size:25px}.pageheading p{font-size:13px}.counter{margin:0;padding-left:10px;border-left-width:3px}.counter b{font-size:27px}.counter span{font-size:11px;display:block}.grid{grid-template-columns:1fr}.filters{padding:12px;gap:9px}.filters label{font-size:12px}.filters input,.filters select{font-size:14px;min-height:40px}.filters label:first-child{grid-column:1/-1}.course{padding:14px}.course .small{margin-top:5px}.course h2{font-size:19px}.cardbottom{margin-top:10px}.cardbottom button{min-height:42px}.lesson-heading{gap:9px;align-items:flex-start;margin-bottom:11px}.lesson-heading .back{font-size:12px;padding:7px 9px;min-height:36px}.lesson-heading h1{font-size:21px}.lesson-heading .eyebrow{font-size:10px;line-height:1.6}.lesson-heading>.badge{display:none}.goal-strip{display:block;padding:9px 12px;margin-bottom:12px}.goal-strip>span{font-size:11px}.goal-strip p{font-size:14px;line-height:1.7;margin-top:2px}.learning-workspace{gap:12px}.stepbar button{flex-direction:column;font-size:11px;gap:4px;padding:8px 3px;min-height:63px}.teaching-card{padding:17px 15px}.teaching-caption{gap:8px;margin-bottom:13px}.teaching-caption h2{font-size:20px}.teaching-caption>span{font-size:10px;padding:3px 5px}.goal-card,.case-card,.action-card,.avoid-card,.principle-card,.practice-card{padding:12px 13px}.teaching-card p{font-size:17px;line-height:1.8}.mini-label{font-size:12px}.thinking-line{gap:5px;font-size:11px;margin-top:14px}.thinking-line span{padding:7px 6px}.lesson-controls{padding:11px 13px}.lesson-controls button{font-size:14px;padding:8px 12px}.learning-side{grid-template-columns:1fr;gap:10px}.audio-panel{grid-row:auto;padding:14px 16px}.audio-title{margin-bottom:10px}.audio-title b{font-size:16px}.play-button{min-height:47px;padding:10px}.audio-settings{margin-top:10px}.audio-settings label{display:flex;align-items:center;gap:8px}.audio-settings select{margin:0}.audio-settings .inline{margin:0;font-size:12px}.audio-help{margin:8px 0 0;font-size:12px}.completion-note{display:none}.transcript summary{font-size:14px}.adminlesson,.sources{margin-top:12px}.stats section{padding:12px 10px}.stats b{font-size:26px}.stats span{font-size:11px}.adminforms{grid-template-columns:1fr}.preview-banner{padding:5px 12px;font-size:11px}footer{font-size:12px;padding:13px}}

.lesson-meta{font-size:13px;color:#4b6570;margin:-2px 0 13px}.teaching-card{min-height:0}

.mobile-audio-bar{display:none}@media(max-width:560px){.mobile-audio-bar{display:flex;position:fixed;bottom:0;left:0;right:0;padding:10px 12px max(10px,env(safe-area-inset-bottom));gap:8px;background:#fff;border-top:1px solid #c9dadd;box-shadow:0 -4px 18px #123c4912;z-index:10}.mobile-audio-bar .primary{flex:1}.audio-panel .play-button{display:none}body:has(.mobile-audio-bar) footer{padding-bottom:90px}body:has(.mobile-audio-bar) #notice{bottom:85px}}

/* Monthly 5 + 5 planner */
.plan-tabs,.plan-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.plan-tabs button{flex:1;min-width:115px}.plan-selected{background:#edf8f5;border-radius:16px;padding:18px}.plan-selected article{display:flex;align-items:center;gap:12px;border-bottom:1px solid #c9ded9;padding:12px 0}.plan-selected article>div{flex:1;min-width:0}.plan-selected article>span{font-weight:bold;color:#087f73}.plan-selected p{margin:4px 0}.plan-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.plan-candidate{border:1px solid #d9e5e6;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere}.plan-candidate>div{flex:1}.plan-candidate p{margin:6px 0;font-size:14px}.plan-candidate details{font-size:14px}.plan-save{background:#edf8f5;border-radius:14px;padding:18px;margin:22px 0}.plan-save p{font-size:14px}.plan-tabs [aria-pressed=true]{outline:2px solid #116b63;outline-offset:2px}@media(max-width:700px){.plan-results{grid-template-columns:1fr}.plan-selected article{align-items:flex-start}.plan-builder{padding:16px}.plan-tabs button{min-width:100px}}

#planFields{border:0;padding:0;min-width:0}