:root{font-family:Avenir Next,SF Pro Rounded,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;--bg: #131f24;--surface: #202f36;--surface-alt: #1a272e;--surface-soft: #18252c;--text: #f1f7fb;--muted: #9fb0b9;--line: #37464f;--line-soft: #2b3942;--green: #58cc02;--green-press: #58a700;--blue: #1cb0f6;--blue-press: #1899d6;--gold: #ffc800;--subject-accent: #1cb0f6;--subject-accent-press: #1899d6;--subject-soft: #1f3340;--subject-line: #3d6074;--subject-shadow: #2a4453;--subject-contrast: #d8f2ff}[data-robot-theme=jp]{--subject-accent: #ff7a45;--subject-accent-press: #d45c2f;--subject-soft: #3f281f;--subject-line: #915438;--subject-shadow: #6f3f2a;--subject-contrast: #ffe3d4}[data-robot-theme=math]{--subject-accent: #1cb0f6;--subject-accent-press: #1899d6;--subject-soft: #1f3340;--subject-line: #3d6074;--subject-shadow: #2a4453;--subject-contrast: #d8f2ff}[data-robot-theme=soc]{--subject-accent: #f4a340;--subject-accent-press: #cc7d1f;--subject-soft: #3b2b1d;--subject-line: #866039;--subject-shadow: #654828;--subject-contrast: #ffe8cb}[data-robot-theme=sci]{--subject-accent: #58cc02;--subject-accent-press: #58a700;--subject-soft: #26371d;--subject-line: #547139;--subject-shadow: #3e5529;--subject-contrast: #e4ffd0}[data-robot-theme=eng]{--subject-accent: #12b5b0;--subject-accent-press: #0f9591;--subject-soft: #1f3434;--subject-line: #3f6d6c;--subject-shadow: #2d5352;--subject-contrast: #d6ffff}[data-robot-theme=comm]{--subject-accent: #ff6fa8;--subject-accent-press: #d24f82;--subject-soft: #3d2332;--subject-line: #845070;--subject-shadow: #653b56;--subject-contrast: #ffe0ee}[data-robot-theme=care]{--subject-accent: #8ea4ff;--subject-accent-press: #6e82d6;--subject-soft: #222b43;--subject-line: #4a5d93;--subject-shadow: #36456f;--subject-contrast: #e1e6ff}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 6% 0%,rgba(67,106,122,.4) 0%,transparent 36%),radial-gradient(circle at 92% -8%,rgba(53,96,112,.38) 0%,transparent 30%),var(--bg)}main{margin:0;min-height:100vh;padding:16px}main:not(.chat-shell){max-width:920px;margin:0 auto;display:grid;gap:14px;align-content:start}.app-page{padding-top:20px}.page-head{display:grid;gap:6px;padding:4px 2px}.page-eyebrow{font-size:.72rem;letter-spacing:.09em;color:var(--muted);font-weight:800;text-transform:uppercase}.page-title{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.2}.page-copy{color:#b2c3cd;font-size:.96rem;line-height:1.5}h1,h2,h3,p{margin:0}a{color:#7bd4ff}input,select,button,textarea{width:100%;font-family:inherit;font-size:1rem;color:var(--text);background:var(--surface-alt);border:2px solid var(--line);border-radius:14px;padding:11px 12px;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,opacity .14s ease}button{cursor:pointer;font-weight:800;background:linear-gradient(180deg,var(--blue),var(--blue-press));border-color:var(--blue-press);box-shadow:0 4px 0 var(--blue-press)}button:disabled{cursor:not-allowed;opacity:.55;box-shadow:0 4px #1899d673}button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px 0 var(--blue-press)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid rgba(123,212,255,.55);outline-offset:1px}textarea{resize:vertical}.section{background:var(--surface);border:2px solid var(--line);border-radius:16px;box-shadow:0 2px 0 var(--line);padding:14px;animation:cardRise .28s ease}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.panel-title{font-size:.98rem;font-weight:800}.panel-copy{font-size:.86rem;color:#a6b8c2}.form-stack{display:grid;gap:10px}.stack{display:grid;gap:12px}.button-stack{display:grid;gap:8px}.ghost-btn{background:#1a2a31;border-color:#425560;box-shadow:0 4px #2f424d;color:#d6e2e9}.ghost-btn:not(:disabled):active{box-shadow:0 2px #2f424d}.home-shortcut-btn{position:fixed;top:12px;right:12px;z-index:60;width:auto;min-width:128px;border-radius:999px;padding:10px 14px;font-size:.85rem;background:linear-gradient(180deg,var(--subject-accent),var(--subject-accent-press));border-color:var(--subject-accent-press);box-shadow:0 4px 0 var(--subject-accent-press)}.home-shortcut-btn:not(:disabled):active{box-shadow:0 2px 0 var(--subject-accent-press)}.field-label{font-size:.82rem;color:#9db1bc;font-weight:700}.notice-warning{border:2px solid #7a6230;border-radius:14px;background:#473a1f;color:#ffe1a3;padding:12px;font-weight:700}.empty-state{border:1px dashed var(--line-soft);border-radius:12px;padding:12px;color:#a7bac4;text-align:center}.section-list{display:grid;gap:10px}.session-item{display:block;text-decoration:none}.session-row{border:2px solid var(--line-soft);border-radius:14px;background:var(--surface-alt);box-shadow:0 2px 0 var(--line-soft);padding:12px;display:grid;gap:6px}.session-row:hover{transform:translateY(-1px);border-color:#4c6470}.session-title{color:#ebf3f8;font-weight:700;font-size:.98rem}.session-meta{color:#9db1bc;font-size:.84rem;letter-spacing:.02em}.student-card{border:2px solid var(--line-soft);border-radius:14px;background:var(--surface-alt);box-shadow:0 2px 0 var(--line-soft);padding:12px;display:grid;gap:10px}.student-head{display:grid;gap:3px}.student-name{font-size:1rem;font-weight:800}.student-meta{font-size:.84rem;color:#9db1bc}.student-tooling{display:grid;gap:9px;border:1px solid var(--line-soft);border-radius:12px;background:#18262d;padding:10px}.quick-toggle-toolbar{display:flex;gap:8px;flex-wrap:wrap}.quick-toggle-mini{width:auto;min-width:110px;padding:8px 12px;border-radius:999px}.quick-toggle-list{display:grid;gap:7px}.quick-toggle-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #33464f;border-radius:10px;background:#1c2c34;padding:8px 10px}.quick-toggle-label{font-size:.9rem;font-weight:700;color:#d6e3ea}.quick-toggle-btn{width:auto;min-width:74px;border-radius:999px;font-size:.8rem;padding:7px 12px;box-shadow:none}.quick-toggle-btn.on{background:linear-gradient(180deg,var(--green),var(--green-press));border-color:var(--green-press)}.quick-toggle-btn.off{background:#293a42;border-color:#435862;color:#c3d1d8}.quick-toggle-save{width:auto}.quick-toggle-note{font-size:.79rem;color:#a5b8c3}.message-item{display:grid;gap:8px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface-alt);padding:10px 12px}.message-item div{white-space:pre-wrap}.message-role{text-transform:capitalize}.message-date{color:#94a7b2}.grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.app-card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.app-card{text-align:left;display:grid;gap:5px;min-height:94px;align-content:center;padding:12px}.app-card-panel{min-height:168px;align-content:start;gap:10px}.app-card-title{font-size:1rem;font-weight:800;color:#eff6fb}.app-card-sub{font-size:.8rem;color:#9db1bc}.app-card-actions{display:grid;gap:9px;margin-top:4px}.app-card-button{min-height:48px;font-size:.92rem;border-radius:12px}.subject-card{border-color:var(--subject-line)!important;background:linear-gradient(180deg,var(--subject-soft),var(--surface))!important;box-shadow:0 2px 0 var(--subject-shadow)!important}.subject-pill{display:inline-flex;width:fit-content;font-size:.74rem;font-weight:800;border-radius:999px;padding:4px 10px;background:#ffffff24;color:var(--subject-contrast);border:1px solid rgba(255,255,255,.24)}.subject-card .app-card-sub{color:var(--subject-contrast)}.subject-card .app-card-button:not(.ghost-btn){background:linear-gradient(180deg,var(--subject-accent),var(--subject-accent-press));border-color:var(--subject-accent-press);box-shadow:0 4px 0 var(--subject-accent-press)}.subject-card .app-card-button:not(.ghost-btn):not(:disabled):active{box-shadow:0 2px 0 var(--subject-accent-press)}.grid .card{border:2px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 2px 0 var(--line);color:var(--text)}.subject-row{border-color:var(--subject-line);background:linear-gradient(180deg,var(--subject-soft),var(--surface-alt));box-shadow:0 2px 0 var(--subject-shadow)}.subject-row .session-meta{color:var(--subject-contrast)}.practice-progress-track{height:14px;border-radius:999px;overflow:hidden;border:2px solid var(--subject-line);background:var(--subject-soft)}.practice-progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--subject-accent),var(--subject-accent-press))}.practice-question{font-size:1.18rem;line-height:1.45;font-weight:800;color:#f2f8fc}.practice-action-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.practice-hint{border-radius:12px;border:2px solid var(--subject-line);background:var(--subject-soft);color:var(--subject-contrast);padding:10px;font-weight:700}.practice-result{border-radius:12px;border:2px solid;padding:11px;display:grid;gap:5px}.practice-result.correct{border-color:var(--green-press);background:#35551d;color:#ebffd0}.practice-result.wrong{border-color:#85533a;background:#4a2f23;color:#ffe1d5}.chat-shell{max-width:1540px;margin:0 auto}.chat-focus-shell{max-width:980px}.chat-focus-main{display:grid;gap:12px;align-content:start}.chat-focus-header{display:grid;gap:12px;padding:16px}.chat-focus-title{display:grid;gap:5px}.chat-focus-nav{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.chat-focus-nav .ghost-btn{min-height:44px}.duo-frame{display:grid;gap:24px;grid-template-columns:256px minmax(580px,1fr) 368px}.duo-sidebar{position:sticky;top:16px;height:calc(100vh - 32px);display:grid;grid-template-rows:auto 1fr auto;gap:16px;padding:12px;background:transparent;border:none;box-shadow:none;animation:none}.duo-brand{display:flex;align-items:center;gap:10px;padding:8px 10px}.duo-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 26% 24%,rgba(255,255,255,.24),var(--subject-accent) 68%);border:2px solid var(--subject-accent-press);box-shadow:0 2px 0 var(--subject-accent-press);font-size:.85rem;font-weight:900;color:#fff}.duo-brand-eyebrow{font-size:.7rem;letter-spacing:.07em;color:var(--muted);font-weight:700}.duo-brand-name{margin-top:3px;font-size:.95rem;font-weight:800;color:#f6fbff}.duo-brand-subject{margin-top:2px;font-size:.78rem;color:#9fb0b9;font-weight:700}.duo-brand-model{margin-top:4px;font-size:.72rem;font-weight:800;color:var(--subject-contrast)}.duo-nav{display:grid;gap:8px;align-content:start}.duo-nav-item{height:52px;border-radius:12px;border:2px solid transparent;box-shadow:none;background:transparent;color:#788d98;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;font-size:1rem}.duo-nav-item:hover{border-color:#354852;background:#1a282f;transform:none}.duo-nav-item.active{border-color:var(--subject-line);background:var(--subject-soft);color:var(--text)}.duo-nav-icon{width:20px;height:20px;flex:none}.duo-action-icon{width:18px;height:18px;flex:none}.duo-upload-btn{min-height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,var(--subject-accent),var(--subject-accent-press));border-color:var(--subject-accent-press);box-shadow:0 4px 0 var(--subject-accent-press)}.duo-upload-btn:not(:disabled):active{box-shadow:0 2px 0 var(--subject-accent-press)}.duo-main{min-width:0;display:grid;gap:12px;align-content:start}.duo-stage{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px}.duo-stage-chip{font-size:.78rem;font-weight:800;letter-spacing:.07em;color:#9fc0cf}.duo-stage-track{height:14px;border-radius:999px;overflow:hidden;border:2px solid #3a4e59;background:#23353e}.duo-stage-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--subject-accent),var(--subject-accent-press))}.duo-stage-xp{font-size:.82rem;color:var(--subject-contrast);font-weight:700}.chat-warning{border:2px solid #7a6230;border-radius:14px;background:#473a1f;color:#ffe1a3;padding:12px;font-weight:700}.duo-quest{display:grid;gap:8px;padding:18px}.duo-quest-top{display:flex;align-items:center;gap:8px}.duo-quest-icon{width:20px;height:20px;color:var(--subject-contrast)}.duo-quest-title{font-size:1.35rem;letter-spacing:.01em}.duo-quest-copy{color:#b9c9d1;font-size:1.03rem;line-height:1.6}.duo-path{display:grid;gap:12px}.duo-path-title{font-size:.85rem;font-weight:700;color:#9db0bc}.duo-path-row{display:flex;justify-content:space-between;gap:10px}.duo-node{position:relative;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#7f939f;border:2px solid #42545e;background:#22323a;box-shadow:0 6px #18252c;transition:transform .15s ease}.duo-node.done{border-color:var(--subject-accent-press);background:linear-gradient(180deg,var(--subject-accent),var(--subject-accent-press));color:#fff;box-shadow:0 6px 0 var(--subject-accent-press)}.duo-node.now{border-color:var(--subject-line);color:#f1f7fb;animation:nodePulse 1.6s ease-in-out infinite}.duo-node-check{width:22px;height:22px}.chat-log{min-height:clamp(340px,52vh,640px);max-height:clamp(380px,66vh,760px);overflow:auto;display:flex;flex-direction:column;gap:10px;padding:14px}.chat-bubble{width:min(86%,720px);border-radius:16px;border:2px solid;border-bottom-width:3px;padding:10px 12px;animation:bubbleIn .22s ease}.chat-role{font-size:.72rem;font-weight:800;margin-bottom:5px}.chat-content{white-space:pre-wrap;word-break:break-word;line-height:1.55;min-height:18px}.chat-time{margin-top:8px;font-size:.72rem;text-align:right;opacity:.85}.chat-assistant{align-self:flex-start;border-color:#3a4e58;border-bottom-color:#2d3f49;background:#1b2a31;color:#e8f0f5}.chat-user{align-self:flex-end;border-color:var(--subject-accent-press);border-bottom-color:var(--subject-accent-press);background:linear-gradient(180deg,var(--subject-accent),var(--subject-accent-press));color:#fff}.chat-user .chat-role,.chat-user .chat-time{color:#ffffffeb}.chat-bubble.is-typing{border-color:#45687b}.typing-dots{display:inline-flex;align-items:center;gap:6px;height:18px}.typing-dots i{width:8px;height:8px;border-radius:50%;background:#82b0c7;animation:typingDot 1.05s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.chat-composer{display:grid;gap:10px;padding:14px;position:sticky;bottom:10px;z-index:3}.duo-input-label{font-size:.88rem;font-weight:700;color:#b9cbd4}.chat-composer-tip{font-size:.76rem;color:#91a6b3}.chat-composer-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.chat-upload-inline{width:auto;min-width:220px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.chat-textarea{min-height:110px}.chat-action-grid{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.chat-quick-toggle{width:auto;justify-self:start;min-height:40px;border-radius:999px;padding:8px 14px}.duo-chip{width:auto;min-width:max-content;min-height:38px;padding:8px 12px;background:#1b2a31;border-color:#3a4d58;box-shadow:0 2px #2f424d;color:#d9e4ea;font-size:.84rem;border-radius:999px}.duo-chip:not(:disabled):active{box-shadow:0 1px #2f424d}.chat-send-btn{min-height:52px;font-size:1rem;border-color:var(--subject-accent-press);background:linear-gradient(180deg,var(--subject-accent),var(--subject-accent-press));box-shadow:0 4px 0 var(--subject-accent-press);display:flex;align-items:center;justify-content:center;gap:8px}.chat-send-btn:not(:disabled):active{box-shadow:0 2px 0 var(--subject-accent-press)}.duo-rail{display:grid;gap:12px;align-content:start}.duo-rail-card{display:grid;gap:10px;position:sticky;top:16px}.duo-rail-card+.duo-rail-card{top:206px}.duo-rail-head{display:flex;align-items:center;gap:8px}.duo-rail-icon{width:18px;height:18px}.duo-rail-icon.flame{color:#ffaf26}.duo-rail-icon.xp{color:#7bd4ff}.duo-rail-title{font-size:1.05rem;font-weight:800}.duo-rail-value{font-size:2rem;font-weight:900;color:var(--gold);line-height:1.1}.duo-rail-sub{font-size:.88rem;color:#a5b7c0;line-height:1.5}.duo-goals{margin:0;padding-left:18px;display:grid;gap:8px;color:#c6d4db}.duo-goals li{font-size:.9rem}.duo-goals li.done{color:var(--subject-accent)}.chat-log::-webkit-scrollbar{width:8px}.chat-log::-webkit-scrollbar-thumb{border-radius:999px;background:#435660}.chat-log::-webkit-scrollbar-track{background:#1a272e}@keyframes bubbleIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes nodePulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes cardRise{0%{opacity:.9;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:0s!important;transition-duration:0s!important}}@media (max-width: 1280px){.duo-frame{grid-template-columns:232px minmax(0,1fr)}.duo-rail{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}.duo-rail-card,.duo-rail-card+.duo-rail-card{position:static}}@media (max-width: 980px){.chat-focus-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-upload-inline{width:100%}.duo-frame{grid-template-columns:1fr;gap:12px}.duo-sidebar{position:static;height:auto;border:2px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 2px 0 var(--line);animation:cardRise .28s ease}.duo-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.duo-nav-item{justify-content:center;text-align:center;font-size:.88rem;padding:8px;gap:6px}.duo-nav-item span{white-space:nowrap}.duo-upload-btn{width:100%}.duo-path-row{flex-wrap:wrap;justify-content:flex-start}.duo-node{width:58px;height:58px}.duo-rail{grid-template-columns:1fr}}@media (max-width: 640px){.chat-focus-nav{grid-template-columns:1fr}main{padding:10px}.home-shortcut-btn{top:auto;bottom:calc(10px + env(safe-area-inset-bottom));right:8px;min-width:0;padding:9px 12px;font-size:.8rem}.home-shortcut-btn.chat-page{top:8px;bottom:auto}main:not(.chat-shell){max-width:100%}.duo-stage{grid-template-columns:1fr;gap:8px}.duo-stage-xp{text-align:right}.chat-log{max-height:52vh}.chat-bubble{width:100%}.chat-action-grid{gap:7px}.practice-action-grid{grid-template-columns:1fr}}