:root{font-family:IBM Plex Sans,Noto Sans SC,Segoe UI,sans-serif;color:#e8edf5;background:radial-gradient(circle at top left,rgba(56,189,248,.14),transparent 30%),radial-gradient(circle at top right,rgba(14,165,233,.08),transparent 25%),linear-gradient(180deg,#09111d,#0c1624 45%,#0f1722);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400;--panel: rgba(12, 20, 32, .82);--panel-strong: rgba(10, 18, 30, .94);--line: rgba(148, 163, 184, .16);--line-strong: rgba(148, 163, 184, .3);--accent: #67e8f9;--accent-strong: #22d3ee;--text-main: #edf4ff;--text-muted: #94a3b8;--success: #34d399;--warning: #fbbf24;--danger: #fb7185;--shadow: 0 24px 80px rgba(2, 6, 23, .38)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.app-shell{position:relative;min-height:100vh;padding:32px;overflow:hidden}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 90%);mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 90%);pointer-events:none}.ambient{position:absolute;width:360px;height:360px;border-radius:999px;filter:blur(90px);opacity:.22;pointer-events:none}.ambient-left{top:-100px;left:-80px;background:#0ea5e9}.ambient-right{top:180px;right:-100px;background:#22d3ee}.hero-panel,.top-nav,.page-shell{position:relative;z-index:1;max-width:1280px;margin:0 auto}.hero-panel{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;padding:28px 30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#0f1724eb,#0a101bf5);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow,.page-tag,.section-eyebrow{margin:0 0 10px;color:var(--accent);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase}.hero-panel h1,.page-head h2,.section-header h3{margin:0;letter-spacing:-.04em}.hero-panel h1{font-size:clamp(2.1rem,4vw,3.5rem)}.hero-copy,.page-description,.muted-text,.section-subtitle{margin:0;color:var(--text-muted)}.hero-copy{max-width:700px;font-size:1.04rem;margin-top:14px}.hero-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-self:stretch}.hero-badge,.metric-card,.subtle-card,.tag-card,.section-card,.task-item,.timeline-card,.resource-card,.mistake-template,.method-overview-card,.method-panel,.method-inline-card,.summary-preview-card,.mistake-record-card,.empty-state-card{border:1px solid var(--line);background:var(--panel);box-shadow:inset 0 1px #ffffff05}.hero-badge{padding:18px;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:120px}.hero-badge span,.metric-label,.tiny-label,.field-label{color:var(--text-muted);font-size:.82rem}.hero-badge strong,.metric-value{font-size:1.6rem;color:var(--text-main)}.metric-value-small{font-size:1.15rem;line-height:1.4}.top-nav{display:flex;gap:10px;margin-top:18px;padding:12px;border-radius:22px;background:#070c15b8;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.top-nav::-webkit-scrollbar{display:none}.nav-button{border:1px solid transparent;background:transparent;color:var(--text-muted);padding:12px 16px;border-radius:16px;min-width:max-content;min-height:46px;white-space:nowrap;scroll-snap-align:start;transition:all .2s ease}.nav-button:hover{color:var(--text-main);border-color:var(--line);background:#94a3b80f}.nav-button.active{color:#03131a;background:linear-gradient(135deg,var(--accent),#bae6fd);box-shadow:0 12px 30px #22d3ee38}.page-shell{margin-top:18px;padding:28px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,#070c15c7,#080d14f5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}.page-head h2{font-size:clamp(1.55rem,2vw,2rem)}.dashboard-grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.section-card{padding:22px;border-radius:24px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.section-subtitle{font-size:.95rem}.metrics-grid,.tags-grid,.resource-grid,.timeline-grid{display:grid;gap:14px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.metric-card,.subtle-card,.tag-card,.resource-card,.timeline-card,.mistake-template,.summary-preview-card,.mistake-record-card,.empty-state-card{border-radius:20px;padding:18px}.metric-card{min-height:124px}.metric-trend{display:inline-flex;padding:6px 10px;border-radius:999px;margin-top:14px;color:#cffafe;background:#22d3ee1f;font-size:.82rem}.subtle-card strong,.tag-card strong,.timeline-card strong,.resource-card strong,.mistake-template strong,.mistake-record-card strong,.empty-state-card strong{display:block;margin-bottom:10px;font-size:1rem;color:var(--text-main)}.pill-row,.task-tags{display:flex;flex-wrap:wrap;gap:10px}.pill,.priority-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--line);color:var(--text-main);background:#94a3b80f}.priority-pill{color:#03131a;background:linear-gradient(135deg,#f8fafc,#bae6fd);border:none}.diagnosis-group{display:grid;gap:14px}.method-hint-block{margin-top:16px;padding:16px;border-radius:18px;border:1px solid rgba(103,232,249,.16);background:#081521b8}.method-hint-list,.method-list,.method-compact-list{margin:10px 0 0;padding-left:18px;color:var(--text-muted)}.method-hint-list li,.method-list li,.method-compact-list li{margin-bottom:8px}.method-overview-grid,.method-inline-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.minimal-task-grid{display:grid;gap:12px}.minimal-task-card,.grammar-card,.linked-review-card{border-radius:20px;border:1px solid var(--line);background:#08101be0;padding:16px}.minimal-task-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;width:100%;text-align:left;transition:border-color .2s ease,transform .2s ease,background .2s ease,box-shadow .2s ease,opacity .2s ease}.minimal-task-card:hover{border-color:#67e8f942;transform:translateY(-1px)}.minimal-task-card.is-complete{border-color:#67e8f970;background:linear-gradient(180deg,#0b2229f0,#09131df5);box-shadow:0 16px 32px #06b6d41f,inset 0 0 0 1px #bae6fd0f}.minimal-task-index{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:12px;color:#03131a;background:linear-gradient(135deg,var(--accent),#bae6fd);font-weight:700}.minimal-task-copy{display:grid;gap:6px}.minimal-task-copy strong{color:var(--text-main)}.minimal-task-card p,.grammar-answer-block p{margin:0;color:var(--text-main)}.minimal-task-status{justify-self:end;align-self:center;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;color:var(--text-muted);background:#94a3b814;font-size:.82rem}.minimal-task-card.is-complete .minimal-task-status{color:#03131a;background:linear-gradient(135deg,#a5f3fc,#67e8f9);box-shadow:0 10px 24px #22d3ee38}.minimal-task-card.is-complete .minimal-task-copy{opacity:.82}.grammar-card{display:grid;gap:12px}.grammar-card.compact{gap:10px}.grammar-question{color:var(--text-main);line-height:1.7}.grammar-options{display:flex;flex-wrap:wrap;gap:8px}.grammar-answer-block{display:grid;gap:4px}.linked-review-card{display:grid;gap:10px}.linked-review-card.inline{padding-top:14px;background:#07121cc2}.interactive-choice-card{display:grid;gap:14px}.interactive-choice-card.compact{gap:12px}.interactive-choice-head,.play-mode-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.choice-scene-tag,.play-mode-tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;color:#cffafe;background:#22d3ee24;border:1px solid rgba(34,211,238,.18);font-size:.8rem}.choice-title{color:var(--text-main);font-size:1rem}.choice-dialogue,.choice-prompt-block{display:grid;gap:8px}.choice-dialogue{padding:14px;border-radius:18px;background:#0c1623db;border:1px solid rgba(148,163,184,.12)}.choice-dialogue p{margin:0;color:var(--text-main);line-height:1.7}.choice-options{display:grid;gap:10px}.choice-option{width:100%;text-align:left;min-height:52px;padding:13px 15px;border-radius:16px;border:1px solid var(--line);color:var(--text-main);background:#0b121eeb;transition:border-color .2s ease,transform .2s ease,background .2s ease,opacity .2s ease,box-shadow .2s ease}.choice-option:hover{border-color:#67e8f94d;transform:translateY(-1px)}.choice-option.is-correct{border-color:#34d39975;background:#0c2c23f0;box-shadow:0 14px 28px #10b98124}.choice-option.is-wrong{border-color:#fb718566;background:#2f1119eb}.choice-option.is-muted{opacity:.48}.choice-feedback{display:grid;gap:12px;padding:14px;border-radius:18px;border:1px solid var(--line);background:#0a121deb}.choice-feedback.is-correct{border-color:#34d3995c;background:linear-gradient(180deg,#0b2720e6,#09141bf5)}.choice-feedback.is-wrong{border-color:#fb718542}.choice-feedback-badge{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;font-size:.82rem;color:#03131a;background:linear-gradient(135deg,#f8fafc,#bae6fd)}.choice-hint{margin-top:-2px}.play-mode-grid,.daily-quick-practice-grid{display:grid;gap:12px}.play-mode-card{display:grid;gap:10px;padding:16px;border-radius:18px;border:1px solid var(--line);background:#08101bd6}.play-mode-detail{margin:0;color:var(--text-main);line-height:1.65}.method-overview-card,.method-inline-card,.method-panel{border-radius:20px;padding:18px}.method-module-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.method-overview-card strong,.method-inline-card strong,.method-panel strong{display:block;margin-bottom:10px;font-size:1rem;color:var(--text-main)}.method-panel{background:#080e18e6}.method-list{line-height:1.7}.method-list.ordered{list-style:decimal}.method-compact-list{line-height:1.65}.problem-item{padding:16px;border-radius:18px;background:#0f1724b8;border:1px solid var(--line)}.problem-item strong{display:block;margin-bottom:8px}.problem-item p{margin:0;color:var(--text-muted)}.timeline-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.timeline-card{min-height:230px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.timeline-card-active{border-color:#67e8f985;background:linear-gradient(180deg,#0c1c28f0,#0a121ef5);box-shadow:inset 0 1px #ffffff08,0 14px 32px #06b6d41f;transform:translateY(-2px)}.timeline-week{color:var(--accent);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}.timeline-card ul,.mistake-template ul,.resource-card ul{padding-left:18px;margin:10px 0 0;color:var(--text-muted)}.timeline-card li,.mistake-template li,.resource-card li{margin-bottom:8px}.task-list{display:grid;gap:12px}.task-item{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:18px}.task-item input{width:22px;height:22px;margin-top:2px;flex:0 0 22px;accent-color:var(--accent-strong)}.task-item.done{border-color:#34d39952;background:#10201beb}.task-item.done strong,.task-item.done p{opacity:.78}.task-item p{margin:4px 0 0;color:var(--text-muted)}.progress-bar{width:100%;height:12px;border-radius:999px;overflow:hidden;background:#94a3b81f}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-strong),#34d399)}.summary-preview-card{min-height:140px;display:flex;align-items:center}.summary-preview-text{margin:0;color:var(--text-main);white-space:pre-wrap;line-height:1.7}.summary-textarea,.field-control{width:100%;border-radius:18px;border:1px solid var(--line);background:#09101beb;color:var(--text-main);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.summary-textarea{min-height:160px;resize:vertical;padding:16px 18px}.field-control{min-height:52px;padding:12px 14px}.field-textarea{min-height:128px;resize:vertical}.summary-textarea::placeholder,.field-control::placeholder{color:#94a3b8c7}.summary-textarea:focus,.field-control:focus{border-color:#67e8f970;box-shadow:0 0 0 4px #22d3ee14}.mistake-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-group,.filter-item{display:grid;gap:8px}.field-span-2{grid-column:span 2}.field-actions{display:flex;justify-content:flex-start}.primary-button{border:none;border-radius:16px;padding:12px 18px;min-height:48px;color:#03131a;background:linear-gradient(135deg,var(--accent),#bae6fd);box-shadow:0 12px 30px #22d3ee2e}.primary-button:hover{transform:translateY(-1px)}.secondary-button{border:1px solid var(--line-strong);border-radius:16px;padding:12px 18px;min-height:48px;color:var(--text-main);background:#94a3b814}.transfer-panel{display:grid;gap:16px}.transfer-status{border-radius:18px;padding:16px;border:1px solid var(--line);background:#09101bd1}.transfer-status strong{display:block;margin-bottom:8px}.transfer-status p{margin:0;color:var(--text-muted)}.transfer-status.success{border-color:#34d39947;background:#0e231ce6}.transfer-status.error{border-color:#fb71854d;background:#291117e6}.transfer-actions{display:flex;flex-wrap:wrap;gap:12px}.transfer-button{min-width:180px}.hidden-file-input{display:none}.filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.mistake-list{display:grid;gap:14px}.mistake-record-card{display:grid;gap:16px}.mistake-record-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.mistake-record-head p{margin:0}.mistake-record-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mistake-tag-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;color:#cffafe;background:#22d3ee24;border:1px solid rgba(34,211,238,.18)}.empty-state-card{min-height:140px;display:flex;flex-direction:column;justify-content:center;gap:8px}.template-grid,.resource-grid,.tags-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tag-card{min-height:148px}.tag-score{display:inline-flex;margin-top:12px;color:var(--warning)}.resource-callout{padding:18px;border-radius:20px;border:1px solid rgba(103,232,249,.22);background:linear-gradient(180deg,#08222ab8,#070c15eb)}.resource-callout strong{display:block;margin-bottom:8px}@media (max-width: 1024px){.hero-panel,.grid-4,.grid-3,.grid-2,.page-head,.mistake-form-grid,.filter-bar,.mistake-record-body,.method-module-grid{grid-template-columns:1fr}.field-span-2{grid-column:span 1}.hero-panel{grid-template-columns:1fr}.hero-badges{grid-template-columns:1fr 1fr 1fr}.page-head{display:grid;align-items:flex-start}}@media (max-width: 720px){.app-shell{padding:14px}.hero-panel,.page-shell{padding:16px;border-radius:20px}.hero-badges{grid-template-columns:1fr}.top-nav{position:sticky;top:8px;z-index:5;gap:8px;margin-top:14px;padding:8px;border-radius:18px}.nav-button{min-height:42px;padding:10px 14px;border-radius:14px;font-size:.94rem}.hero-panel h1{font-size:2rem}.hero-copy,.page-description,.section-subtitle,.muted-text{font-size:.92rem;line-height:1.6}.hero-badge,.metric-card,.subtle-card,.tag-card,.resource-card,.timeline-card,.mistake-template,.method-overview-card,.method-panel,.method-inline-card,.minimal-task-card,.grammar-card,.linked-review-card,.summary-preview-card,.mistake-record-card,.empty-state-card,.section-card{padding:14px;border-radius:18px}.hero-badge{min-height:104px}.hero-badge strong,.metric-value{font-size:1.35rem}.metric-value-small{font-size:1rem}.page-head{margin-bottom:18px;gap:10px}.page-head h2{font-size:1.7rem}.section-header{gap:12px;margin-bottom:14px}.section-header h3{font-size:1.2rem}.metrics-grid,.timeline-grid,.resource-grid,.tags-grid,.dashboard-grid,.mistake-list,.method-overview-grid,.method-inline-grid,.method-module-grid,.minimal-task-grid,.play-mode-grid,.daily-quick-practice-grid,.choice-options{gap:12px}.task-list{gap:10px}.task-item{gap:12px;align-items:center;padding:14px}.task-item input{width:24px;height:24px;flex-basis:24px;margin-top:0}.task-tags{gap:8px;margin-top:8px}.pill,.priority-pill,.mistake-tag-chip,.metric-trend{padding:7px 10px;font-size:.78rem}.summary-textarea,.field-control,.field-textarea{font-size:16px}.summary-textarea{min-height:144px;padding:14px 15px}.field-control{min-height:50px;padding:12px 13px;border-radius:16px}.field-textarea{min-height:116px}.mistake-form-grid,.filter-bar,.mistake-record-body{gap:12px}.filter-bar{margin-bottom:12px}.field-actions{width:100%}.primary-button,.secondary-button{width:100%;min-height:50px;padding:12px 16px}.transfer-actions{display:grid;grid-template-columns:1fr}.transfer-button{min-width:0}.mistake-record-head{flex-direction:column;gap:10px}.minimal-task-card{grid-template-columns:1fr}.minimal-task-index{min-width:34px;width:34px;height:34px}.minimal-task-status{justify-self:start}.method-hint-block{margin-top:14px;padding:14px}.summary-preview-card,.empty-state-card{min-height:120px}}@media (max-width: 480px){.app-shell{padding:10px}.hero-panel,.page-shell{padding:14px;border-radius:18px}.top-nav{top:6px;margin-top:12px;padding:7px}.hero-panel h1{font-size:1.8rem}.eyebrow,.page-tag,.section-eyebrow{margin-bottom:8px;font-size:.74rem;letter-spacing:.14em}.hero-badges{gap:10px}.hero-badge,.metric-card,.subtle-card,.tag-card,.resource-card,.timeline-card,.mistake-template,.method-overview-card,.method-panel,.method-inline-card,.minimal-task-card,.grammar-card,.linked-review-card,.summary-preview-card,.mistake-record-card,.empty-state-card,.section-card{padding:12px;border-radius:16px}.page-head h2{font-size:1.55rem}.nav-button{min-height:40px;padding:9px 12px;font-size:.9rem}.task-item{padding:12px}.task-item strong,.mistake-record-card strong,.subtle-card strong{font-size:.96rem}.hero-copy,.page-description,.section-subtitle,.muted-text,.summary-preview-text{font-size:.88rem}.mistake-record-body{gap:10px}.metric-trend{margin-top:10px}.field-label{font-size:.78rem}.summary-textarea,.field-control{border-radius:14px}.summary-textarea{min-height:132px}.choice-option{min-height:48px;padding:12px 13px;font-size:.95rem}.choice-dialogue,.choice-feedback,.play-mode-card{padding:12px;border-radius:16px}}