:root{--bg: #f1f5f9;--surface: #ffffff;--surface-muted: #eef2f7;--text: #0f172a;--text-muted: #475569;--brand: #2563eb;--border: rgba(15, 23, 42, .1);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto;background:var(--bg)}.app-header{padding:calc(env(safe-area-inset-top) + 16px) 20px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.app-header__title{margin:0;font-size:18px;font-weight:700}.app-header__subtitle{margin:2px 0 0;font-size:13px;color:var(--text-muted)}.app-main{flex:1;padding:20px 20px calc(env(safe-area-inset-bottom) + 96px)}.page__title{margin:0 0 4px;font-size:22px;font-weight:700}.page__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.page__lead{margin:0 0 16px;font-size:14px;color:var(--text-muted)}.placeholder-note{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:var(--surface-muted);color:var(--text-muted);font-size:13px}.task-list{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px}.task-card{display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.task-card__label{font-size:16px;font-weight:700}.task-card__hint{font-size:12px;color:var(--text-muted)}.task-card__minutes{margin-left:auto;font-size:13px;color:var(--brand)}.card{padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.card__title{margin:0 0 12px;font-size:15px;font-weight:700}.card__muted{margin:0;font-size:14px;color:var(--text-muted)}.card__error{margin:0;padding:10px 12px;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:14px}.fact-list{margin:0 0 14px;display:grid;gap:8px}.fact{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:var(--surface-muted)}.fact dt{font-size:14px;color:var(--text-muted)}.fact dd{margin:0;font-size:14px;font-weight:700}.field{display:block}.field__label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-muted)}.field__input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:16px;font-family:inherit}.field__input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.form{display:grid;gap:16px}.field--group{margin:0;padding:0;border:0}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-muted);font-size:14px;cursor:pointer}.choice--active{border-color:var(--brand);color:var(--brand);background:#eff6ff}.choice input{accent-color:var(--brand)}.primary-button{min-height:50px;padding:12px 20px;border:0;border-radius:12px;background:var(--brand);color:#fff;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer}.primary-button:disabled{opacity:.6;cursor:default}.link-button{min-height:44px;padding:8px 4px;border:0;border-radius:10px;background:transparent;color:var(--brand);font-size:15px;font-weight:700;font-family:inherit;cursor:pointer}.link-button:disabled{opacity:.6;cursor:default}.bottom-nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:56px;padding:8px 4px;color:var(--text-muted);text-decoration:none}.bottom-nav__item--active{color:var(--brand)}.bottom-nav__label{font-size:14px;font-weight:700}.bottom-nav__hint{font-size:11px}.material-card{display:flex;align-items:center;gap:12px;padding:14px 16px}.material-card__main{flex:1;display:grid;gap:4px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;font-family:inherit;color:var(--text)}.material-card__title{font-size:16px;font-weight:700}.material-card__meta{font-size:13px;color:var(--text-muted)}.material-card__link{font-size:14px;font-weight:700;color:var(--brand)}.material-card__error{font-size:13px;color:#b91c1c}.status-badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-muted);color:var(--text-muted)}.status-badge--analyzed{background:#dcfce7;color:#15803d}.status-badge--failed{background:#fef2f2;color:#b91c1c}.status-badge--analyzing,.status-badge--extracting,.status-badge--ready_for_analysis{background:#eff6ff;color:var(--brand)}.material-import{display:grid;gap:14px}.material-import__divider{margin:0;font-size:13px;color:var(--text-muted);text-align:center}.material-import__textarea{min-height:120px;resize:vertical}.material-import__actions{display:flex;align-items:center;gap:12px}.analysis-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.analysis-item{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:var(--surface-muted)}.analysis-item__term{font-size:15px;font-weight:700}.analysis-item__pos{font-size:12px;color:var(--brand)}.analysis-item__meaning{font-size:14px}.analysis-item__example{font-size:13px;color:var(--text-muted)}.analysis-provenance{margin:4px 0 0;font-size:12px;color:var(--text-muted);text-align:center}.practice-progress{font-size:13px;font-weight:700;color:var(--brand);white-space:nowrap}.practice-passage{margin:12px 0 0;padding:12px 14px;border-radius:10px;background:var(--surface-muted);color:var(--text);font-size:15px;line-height:1.7}.practice-prompt{margin:14px 0 0;font-size:18px;font-weight:700;line-height:1.5}.practice-options{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.practice-option{width:100%;min-height:52px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:15px;font-family:inherit;text-align:left;cursor:pointer}.practice-option:disabled{cursor:default}.practice-option--selected{border-color:var(--brand);background:#eff6ff;color:var(--brand);font-weight:700}.practice-option--correct{border-color:#16a34a;background:#dcfce7;color:#15803d;font-weight:700}.practice-option--wrong{border-color:#dc2626;background:#fef2f2;color:#b91c1c;font-weight:700}.practice-feedback{margin-top:16px;padding:14px 16px;border-radius:12px}.practice-feedback--correct{background:#dcfce7}.practice-feedback--wrong{background:#fef2f2}.practice-feedback__title{margin:0;font-size:16px;font-weight:700;color:var(--text)}.practice-feedback--correct .practice-feedback__title{color:#15803d}.practice-feedback--wrong .practice-feedback__title{color:#b91c1c}.practice-feedback__detail{margin:6px 0 0;font-size:14px;color:var(--text)}.practice-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.practice-actions .primary-button{min-width:120px}.plan-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-budget{font-size:13px;font-weight:700;color:var(--brand)}.plan-details{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--surface-muted);display:grid;gap:8px}.plan-detail-line{margin:0;font-size:13px;color:var(--text-muted)}.plan-detail-line strong{color:var(--text);font-weight:700}.plan-detail-meta{margin:0;font-size:12px;color:var(--text-muted)}