:root{--bg:#f4f7fb;--surface:#ffffff;--surface-soft:#f8faff;--ink:#14213d;--muted:#667085;--line:#dfe5ef;--navy:#172554;--blue:#4263eb;--blue-dark:#3048bd;--blue-pale:#e9edff;--cyan:#08a6c7;--coral:#ef6a62;--shadow:0 18px 55px rgba(23,37,84,0.09)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 5% 0,rgba(66,99,235,.08),transparent 30rem),radial-gradient(circle at 100% 100%,rgba(8,166,199,.06),transparent 26rem),var(--bg);font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}button,textarea{font:inherit}button{cursor:pointer}.coach-app{min-height:100vh}.topbar{min-height:76px;padding:14px 28px;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(23,37,84,.1);background:rgba(255,255,255,.86);backdrop-filter:blur(15px)}.brand,.topbar{display:flex;align-items:center}.brand{gap:13px;color:inherit;text-decoration:none}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--blue);color:white;font-family:Yu Mincho,serif;font-size:23px;font-weight:700;box-shadow:0 7px 18px rgba(66,99,235,.25)}.brand small,.brand strong,.brand>span:last-child{display:block}.brand strong{font-size:15px;letter-spacing:.02em}.brand small{margin-top:2px}.brand small,.privacy-note{color:var(--muted);font-size:10px}.privacy-note{margin:0 0 0 auto}.privacy-note:before{content:"●";margin-right:7px;color:#22a06b;font-size:8px}.privacy-note.ai-live{color:var(--blue-dark);font-weight:700}.mode-switch{padding:4px;display:flex;gap:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.mode-switch button{padding:8px 14px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:700}.mode-switch button.active{background:var(--navy);color:white;box-shadow:0 3px 10px rgba(23,37,84,.2)}.workspace{width:min(1480px,100%);margin:0 auto;padding:26px;display:grid;grid-template-columns:250px minmax(450px,1fr) 320px;gap:20px;align-items:start}.conversation,.stage-rail,.teacher-page,.thinking-ledger{border:1px solid rgba(23,37,84,.09);background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.stage-rail,.thinking-ledger{position:sticky;top:102px;max-height:calc(100vh - 126px);overflow-y:auto;padding:23px;border-radius:18px}.eyebrow{margin:0 0 7px;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.16em}.section-title,.stage-rail h1,.teacher-intro h1,.thinking-ledger h2{margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-weight:700}.stage-rail h1{font-size:20px;line-height:1.55}.thinking-ledger h2{font-size:20px}.ledger-copy,.rail-copy{margin:11px 0 20px;color:var(--muted);font-size:11px;line-height:1.75}.step-list{margin:0;padding:0;display:grid;gap:4px;list-style:none}.step-list li{min-height:34px;padding:4px 7px;display:grid;grid-template-columns:29px 1fr;align-items:center;border-radius:9px;color:#929bad}.step-list li>span{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;font-size:10px;font-weight:800}.step-list small,.step-list strong{display:block}.step-list strong{font-size:12px}.step-list small{margin-top:1px;font-size:9px;font-weight:500}.step-list li.current{background:var(--blue-pale);color:var(--blue-dark)}.step-list li.current>span{border-color:var(--blue);background:var(--blue);color:white}.step-list li.done{color:var(--ink)}.step-list li.done>span{border-color:#b8c6ff;background:#dce3ff;color:var(--blue-dark)}.text-button{width:100%;margin-top:17px;padding:9px;border:0;background:transparent;color:var(--muted);font-size:10px;text-decoration:underline;text-underline-offset:3px}.principle-list{display:grid;gap:9px}.principle-list section{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.principle-list strong{color:var(--blue-dark);font-size:11px}.principle-list p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.65}.conversation{overflow:hidden;border-radius:20px}.conversation-heading{min-height:118px;padding:25px 29px;position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(66,99,235,.28),transparent 55%),var(--navy);color:white}.conversation-heading:after{content:"?";position:absolute;top:-46px;right:16px;color:rgba(255,255,255,.07);font:800 155px/1 Georgia,serif}.conversation-heading .progress-label{margin:0 0 8px;position:relative;z-index:1;color:#9fb0ff}.conversation-heading h2{margin:0;position:relative;z-index:1;font:700 28px/1.4 Yu Mincho,serif}.conversation-heading>span{position:absolute;right:28px;bottom:25px;z-index:2;color:#c8d1ff;font-size:11px;font-weight:800}.messages{min-height:390px;max-height:calc(100vh - 374px);padding:27px 29px 18px;gap:18px;overflow-y:auto;background:var(--surface)}.message,.messages{display:flex;flex-direction:column}.message{max-width:86%}.message.coach{align-self:flex-start}.message.student{align-self:flex-end}.speaker{margin:0 0 6px 4px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.1em}.message p{margin:0;padding:14px 17px;border-radius:6px 15px 15px 15px;background:#edf1ff;color:var(--ink);font-size:13px;line-height:1.8}.message.student p{border-radius:15px 6px 15px 15px;background:var(--navy);color:white}.message small{margin:6px 5px 0;color:var(--muted);font-size:10px;line-height:1.6}.message.student small{text-align:right}.thinking-message p{color:var(--muted);background:var(--surface-soft);animation:pulse 1.2s ease-in-out infinite}.inline-error{color:var(--coral);font-size:10px}@keyframes pulse{50%{opacity:.55}}.answer-box{margin:0 20px 20px;padding:15px;border:1px solid #ccd5e5;border-radius:14px;background:var(--surface-soft);box-shadow:inset 0 1px 2px rgba(23,37,84,.03)}.answer-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(66,99,235,.1)}.answer-box label{display:block;margin-bottom:6px;color:var(--blue-dark);font-size:10px;font-weight:800}.answer-box textarea{width:100%;min-height:90px;resize:vertical;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px;line-height:1.7}.answer-box textarea::placeholder{color:#9aa3b4}.answer-actions{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.primary-button,.secondary-button{padding:10px 18px;border-radius:9px;font-size:11px;font-weight:800}.primary-button{border:1px solid var(--blue);background:var(--blue);color:white;box-shadow:0 5px 14px rgba(66,99,235,.18)}.primary-button:hover:not(:disabled){background:var(--blue-dark)}.primary-button:disabled{opacity:.38;cursor:not-allowed}.secondary-button{border:1px solid #cbd4e8;background:white;color:var(--blue-dark)}.complete-actions{margin:0 20px 20px;padding:20px;border-top:1px solid var(--line)}.complete-actions p{margin:0 0 15px;color:var(--muted);font-size:12px;line-height:1.7}.complete-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.submit-button{padding:11px 18px;border:1px solid var(--cyan);border-radius:9px;background:var(--cyan);color:white;font-size:11px;font-weight:800}.submit-button:disabled{opacity:.7;cursor:default}.submit-note{display:block;margin-top:10px;color:var(--muted);font-size:9px;line-height:1.6}.thinking-ledger{display:grid;gap:12px}.ledger-item{padding-top:12px;border-top:1px solid var(--line)}.draft-card h3,.ledger-item h3,.redefinition-card h3{margin:0 0 6px;color:var(--blue-dark);font-size:9px;font-weight:900;letter-spacing:.08em}.draft-card p,.ledger-item p,.redefinition-card p{margin:0;font-size:11px;line-height:1.7}.ledger-item .empty{color:#9da5b4}.ledger-item .hypothesis{color:#b54a43}.dynamic-list{margin:0;padding-left:17px;display:grid;gap:6px}.dynamic-list li{font-size:11px;line-height:1.65}.dynamic-list.hypothesis{color:#b54a43}.insight-list{padding-top:12px;border-top:1px solid var(--line)}.insight-list>h3{margin:0 0 9px;color:var(--blue-dark);font-size:9px;letter-spacing:.08em}.insight-list article{margin-bottom:8px;padding:10px;border-radius:9px;background:var(--surface-soft)}.insight-list article.hypothesis{border-left:3px solid var(--coral)}.insight-list article.user_view{border-left:3px solid var(--blue)}.insight-list article.observed{border-left:3px solid var(--cyan)}.insight-list strong{display:block;font-size:10px}.insight-list p{margin:4px 0;font-size:10px;line-height:1.6}.insight-list small{color:var(--muted);font-size:8px}.draft-card,.redefinition-card{padding:13px;border-radius:11px}.draft-card{background:#edf1f8}.redefinition-card{border:1px solid #cdd6ff;background:var(--blue-pale)}.teacher-page{width:min(1180px,calc(100% - 40px));margin:28px auto;padding:clamp(26px,4vw,48px);border-radius:20px}.teacher-intro{max-width:760px}.teacher-intro h1{margin-bottom:12px;font-size:clamp(28px,4vw,42px)}.teacher-intro>p:last-child{color:var(--muted);font-size:13px;line-height:1.8}.teacher-summary{margin:28px 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.teacher-summary>div{min-height:132px;padding:18px;border-right:1px solid var(--line);background:var(--surface-soft)}.teacher-summary>div:last-child{border-right:0}.teacher-summary small,.teacher-summary span,.teacher-summary strong{display:block}.teacher-summary span{color:var(--muted);font-size:9px;font-weight:800}.teacher-summary strong{margin:14px 0 8px;font:700 20px/1.3 Yu Mincho,serif}.teacher-summary small{color:var(--muted);font-size:9px}.teacher-columns{display:grid;grid-template-columns:1fr 1fr;gap:26px}.section-title{padding-bottom:11px;border-bottom:2px solid var(--navy);font-size:19px}.section-title span{margin-left:8px;color:var(--blue);font:800 8px/1 Arial,sans-serif;letter-spacing:.12em}.state-list{margin:0}.state-list>div{padding:13px 0;display:grid;grid-template-columns:105px 1fr;border-bottom:1px solid var(--line)}.state-list dt{color:var(--muted);font-size:9px;font-weight:800}.state-list dd{margin:0;font-size:11px;line-height:1.7}.teacher-log{max-height:430px;overflow:auto}.teacher-log article{padding:13px 0;display:grid;grid-template-columns:58px 1fr;border-bottom:1px solid var(--line)}.teacher-log span{color:var(--blue);font-size:8px;font-weight:900}.teacher-log p{margin:0;font-size:11px;line-height:1.7}.back-button{margin-top:28px;padding:8px 0;border:0;border-bottom:1px solid;background:transparent;color:var(--blue-dark);font-size:11px;font-weight:800}@media (max-width:1100px){.workspace{grid-template-columns:205px minmax(400px,1fr)}.thinking-ledger{position:static;grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.thinking-ledger>.eyebrow,.thinking-ledger>.ledger-copy,.thinking-ledger>h2{grid-column:1/-1}}@media (max-width:760px){.topbar{min-height:64px;padding:10px 14px}.brand>span:last-child,.privacy-note{display:none}.brand-mark{width:39px;height:39px;border-radius:11px}.mode-switch button{padding:7px 9px;font-size:10px}.workspace{padding:13px;grid-template-columns:1fr}.stage-rail{position:static}.principle-list{grid-template-columns:repeat(2,1fr)}.messages{min-height:330px;max-height:none;padding:20px 17px 14px}.conversation-heading{padding:22px 20px}.answer-box{margin:0 11px 11px}.thinking-ledger{grid-template-columns:1fr}.thinking-ledger>.eyebrow,.thinking-ledger>.ledger-copy,.thinking-ledger>h2{grid-column:auto}.teacher-columns,.teacher-summary{grid-template-columns:1fr}.teacher-summary>div{border-right:0;border-bottom:1px solid var(--line)}}