:root{--bg: #faf7f2;--card: #ffffff;--border: #ece4d9;--border-strong: #d9ccbc;--ink: #2d1e14;--ink-muted: #6b5d52;--ink-faint: #9c8d80;--accent: #b8542e;--accent-dark: #a64825;--accent-soft: #fdf1ea;--accent-border: #e8c5b1;--success: #4a7c3f;--warning: #b8862e;--shadow-sm: 0 1px 2px rgba(45, 30, 20, .04);--shadow-md: 0 4px 12px rgba(45, 30, 20, .08);--shadow-lg: 0 8px 24px rgba(45, 30, 20, .12)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background-color:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px}#root{height:100%}.font-display{font-family:Fraunces,Georgia,serif;font-optical-sizing:auto;letter-spacing:-.015em}.paper-bg{background-color:var(--bg);background-image:radial-gradient(circle at 20% 10%,rgba(184,84,46,.04) 0%,transparent 50%),radial-gradient(circle at 80% 90%,rgba(120,60,30,.03) 0%,transparent 50%)}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh}.full-height{min-height:100vh;min-height:100dvh}.header{border-bottom:1px solid var(--border);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg)}.header h1{margin:0;font-size:22px;font-weight:600;color:var(--ink)}.header .subtitle{font-size:11px;color:var(--ink-muted);margin-top:2px}.header-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--ink-muted);transition:all .15s}.btn:hover:not(:disabled){background:#f7f1ea;color:var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-dark);color:#fff}.btn-lg{padding:12px 20px;font-size:14px}.btn-icon{padding:10px}.tabs{display:flex;border-bottom:1px solid var(--border);padding:0 12px;background-color:var(--bg)}.tab{padding:12px 16px;font-size:13px;font-weight:500;color:var(--ink-faint);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:inherit}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.main{flex:1;overflow:hidden;display:flex;flex-direction:column}.topic-picker{flex:1;overflow-y:auto;padding:20px}.topic-picker-inner{max-width:760px;margin:0 auto}.topic-intro{margin-bottom:20px}.topic-intro h2{font-size:18px;margin:0 0 4px;font-weight:500}.topic-intro p{margin:0;font-size:13px;color:var(--ink-muted)}.stage-group{margin-bottom:28px}.stage-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--border)}.stage-header h3{font-size:15px;font-weight:600;color:var(--ink);margin:0}.stage-blurb{font-size:11px;color:var(--ink-muted);font-style:italic;margin:0 0 12px}.topic-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 640px){.topic-grid{grid-template-columns:1fr 1fr}}.topic-card{text-align:left;padding:14px;border-radius:10px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;font-family:inherit;transition:all .15s}.topic-card:hover{border-color:var(--accent);background:#fdf9f5;transform:translateY(-1px);box-shadow:var(--shadow-md)}.topic-card .name{font-size:14px;font-weight:600;color:var(--ink)}.topic-card .desc{font-size:12px;color:var(--ink-muted);margin-top:4px;line-height:1.5}.chat{display:flex;flex-direction:column;flex:1;overflow:hidden}.topic-banner{background:var(--accent-soft);border-bottom:1px solid var(--accent-border);padding:10px 20px;font-size:12px;display:flex;align-items:center;gap:8px}.topic-banner button{background:none;border:none;color:var(--accent);cursor:pointer;display:flex;align-items:center;gap:2px;font-family:inherit;font-size:12px;padding:0}.topic-banner button:hover{text-decoration:underline}.topic-banner .sep{color:var(--ink-faint)}.topic-banner .topic-name{font-weight:600;color:var(--ink)}.messages{flex:1;overflow-y:auto;padding:20px}.messages-inner{max-width:640px;margin:0 auto}.empty-state{text-align:center;margin-top:48px}.empty-state .icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--accent-soft);color:var(--accent);margin-bottom:16px}.empty-state h2{font-size:20px;font-weight:500;margin:0 0 8px;color:var(--ink)}.empty-state p{font-size:13px;color:var(--ink-muted);max-width:360px;margin:0 auto;line-height:1.6}.message{display:flex;margin-bottom:12px}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.bubble{max-width:85%;border-radius:18px;padding:12px 16px;font-size:14px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}.bubble.user{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff9f3;box-shadow:0 2px 8px #b8542e26}.bubble.assistant{background:var(--card);border:1px solid var(--border);color:var(--ink)}.bubble.assistant.loading{color:var(--ink-muted);font-style:italic}.image-tag{font-size:11px;opacity:.75;font-style:italic;margin-bottom:4px;display:flex;align-items:center;gap:4px}.hint-bar{padding:10px 20px;border-top:1px solid var(--border);background:#ffffff80;display:flex;gap:8px;flex-wrap:wrap;max-width:680px;margin:0 auto;width:100%}.hint-btn{font-size:11px;padding:7px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);cursor:pointer;font-family:inherit;font-weight:500;display:flex;align-items:center;gap:4px}.hint-btn:hover{background:#fae5d8}.input-area{border-top:1px solid var(--border);background:var(--card);padding:12px 20px}.input-area-inner{max-width:680px;margin:0 auto}.image-chip{display:flex;align-items:center;gap:6px;background:var(--accent-soft);padding:6px 12px;border-radius:8px;font-size:11px;width:fit-content;margin-bottom:8px}.image-chip button{background:none;border:none;color:var(--ink-muted);cursor:pointer;padding:0;display:flex}.input-row{display:flex;gap:8px;align-items:flex-end}.input-row input[type=text]{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:10px;font-size:14px;background:var(--card);color:var(--ink);font-family:inherit;outline:none}.input-row input[type=text]:focus{border-color:var(--accent)}.input-row input[type=text]::placeholder{color:var(--ink-faint)}.pin-gate{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.pin-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;max-width:400px;width:100%;box-shadow:var(--shadow-lg);text-align:center}.pin-card h1{font-size:24px;margin:0 0 8px;font-weight:600}.pin-card .subtitle{font-size:13px;color:var(--ink-muted);margin-bottom:24px}.pin-input{width:100%;padding:14px;font-size:24px;text-align:center;letter-spacing:8px;border:1px solid var(--border);border-radius:10px;font-family:inherit;outline:none;margin-bottom:12px}.pin-input:focus{border-color:var(--accent)}.pin-error{color:var(--accent);font-size:12px;margin-top:8px;min-height:16px}.pin-link{margin-top:20px;font-size:12px;color:var(--ink-muted)}.pin-link a{color:var(--accent);text-decoration:none;cursor:pointer}.pin-link a:hover{text-decoration:underline}.parent-shell{max-width:900px;margin:0 auto;padding:24px 20px}.parent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.parent-header h1{font-size:26px;margin:0;font-weight:600}.parent-header .subtitle{font-size:12px;color:var(--ink-muted);margin-top:4px}.session-list{display:flex;flex-direction:column;gap:10px}.session-item{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 18px;cursor:pointer;transition:all .15s}.session-item:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.session-item.open{border-color:var(--accent);background:#fdfaf6}.session-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.session-info{flex:1;min-width:0}.session-title{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px}.session-meta{font-size:11px;color:var(--ink-muted);display:flex;gap:10px;flex-wrap:wrap}.session-preview{font-size:12px;color:var(--ink-muted);margin-top:6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.session-details{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.review-section{margin-bottom:20px}.review-section h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--ink-muted);margin:0 0 8px}.review-content{font-size:13px;line-height:1.6;color:var(--ink);white-space:pre-wrap}.transcript{background:var(--bg);border-radius:8px;padding:12px;max-height:400px;overflow-y:auto;font-size:12px}.transcript-turn{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.transcript-turn:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.transcript-role{font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin-bottom:3px}.transcript-text{color:var(--ink);white-space:pre-wrap;line-height:1.5}.empty-parent{text-align:center;padding:48px 20px;color:var(--ink-muted)}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.usage-strip{padding:8px 20px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.usage-label{font-size:11px;color:var(--ink-muted);white-space:nowrap}.usage-bar{flex:1;max-width:300px;height:6px;background:var(--border);border-radius:999px;overflow:hidden}.usage-bar-fill{height:100%;transition:width .3s,background .3s}.history-dropdown{padding:12px 20px;background:var(--card);border-bottom:1px solid var(--border)}.weak-topics{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:12px;padding:16px;margin-bottom:24px}.weak-topics-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.weak-topics-list{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 640px){.weak-topics-list{grid-template-columns:1fr 1fr 1fr}}.weak-topic-card{background:var(--card);border:1px solid var(--accent-border);border-radius:8px;padding:10px 12px;text-align:left;cursor:pointer;font-family:inherit;transition:all .15s}.weak-topic-card:hover{background:#fdf9f5;border-color:var(--accent);transform:translateY(-1px)}.weak-topic-meta{font-size:11px;color:var(--ink-muted);margin-top:3px}.topic-scores{display:flex;flex-direction:column;gap:8px}.topic-score-row{display:grid;grid-template-columns:1fr 120px auto;align-items:center;gap:12px;font-size:12px}@media (max-width: 640px){.topic-score-row{grid-template-columns:1fr;gap:4px}}.topic-score-name{font-weight:500;color:var(--ink)}.topic-score-bar{height:6px;background:var(--border);border-radius:999px;overflow:hidden}.topic-score-bar-fill{height:100%;transition:width .3s}.topic-score-meta{font-size:11px;color:var(--ink-muted);white-space:nowrap}.error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);border-radius:10px;font-size:13px;margin-top:8px}.usage-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:6px 10px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);font-weight:600}.history-panel{padding:12px 20px;background:var(--card);border-bottom:1px solid var(--border)}.history-label{font-size:11px;font-weight:600;color:var(--ink-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.history-empty{font-size:13px;color:var(--ink-faint)}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);cursor:pointer;font-family:inherit;text-align:left;font-size:12px}.history-item:hover{background:#f7f1ea}.history-item-title{font-weight:500;color:var(--ink)}.history-item-date{color:var(--ink-faint);font-size:11px}.topic-card.revisit{border-color:var(--warning);background:#fefaf0}.topic-badge{margin-top:8px;font-size:10px;font-weight:600;color:var(--warning);text-transform:uppercase;letter-spacing:.04em}.topic-badge.muted{color:var(--ink-faint);font-weight:500;text-transform:none;letter-spacing:0}.user-picker{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px}.user-picker-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em}.user-select{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;background:var(--bg);color:var(--ink);cursor:pointer}.progress-dashboard{margin-bottom:24px}.progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stat{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px;text-align:center}.stat-value{font-family:Fraunces,Georgia,serif;font-size:28px;font-weight:600;color:var(--accent)}.stat-label{font-size:11px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.dashboard-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:12px}.dashboard-card.warning{border-color:#e8c5b1;background:#fdf9f5}.dashboard-card h3{display:flex;align-items:center;gap:6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--ink);margin:0 0 4px}.dashboard-hint{font-size:12px;color:var(--ink-muted);margin:0 0 12px}.weak-topics{display:flex;flex-direction:column;gap:8px}.weak-topic{padding:10px 12px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.weak-topic-name{font-size:13px;font-weight:600;color:var(--ink)}.weak-topic-stage{font-size:11px;color:var(--ink-muted);margin-top:1px}.weak-topic-note{font-size:11px;color:var(--ink-muted);margin-top:6px;font-style:italic;line-height:1.5}.top-topics{display:flex;flex-direction:column;gap:6px}.top-topic{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px solid var(--border)}.top-topic:last-child{border-bottom:none}.top-topic-name{color:var(--ink)}.top-topic-count{color:var(--ink-faint);font-size:12px}.section-header{display:flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--ink-muted);margin:24px 0 10px}.daily-goal-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 14px;margin-bottom:4px;border-bottom:1px solid var(--border)}.daily-goal-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.daily-goal-label{font-size:11px;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.goal-dots{display:flex;gap:5px;align-items:center}.goal-dot{width:10px;height:10px;border-radius:50%;background:var(--border);border:1.5px solid var(--border-strong);transition:background .2s,border-color .2s}.goal-dot.done{background:var(--success);border-color:var(--success)}.goal-overflow{font-size:10px;color:var(--ink-faint)}.daily-goal-count{font-size:12px;color:var(--ink-muted);white-space:nowrap}.daily-goal-sep{color:var(--ink-faint);font-size:12px}.daily-q-count{font-size:12px;color:var(--ink-muted);white-space:nowrap}.daily-q-correct{font-size:12px;color:var(--success);font-weight:600;white-space:nowrap}.daily-goal-right{flex-shrink:0}.goal-edit-inline{display:flex;align-items:center;gap:6px}.goal-edit-label{font-size:12px;color:var(--ink-muted);white-space:nowrap}.goal-input{width:52px;padding:6px 8px;border:1px solid var(--accent);border-radius:6px;font-size:13px;font-family:inherit;color:var(--ink);text-align:center;outline:none}.session-stats-bar{background:var(--bg);border-bottom:1px solid var(--border);padding:6px 20px;display:flex;align-items:center;gap:8px;font-size:12px}.q-stat{color:var(--ink-muted)}.q-stat.correct{color:var(--success);font-weight:600}.q-sep{color:var(--ink-faint)}