:root{--bg: #fff9ef;--surface: #ffffff;--surface-muted: #f6f1ff;--text: #2b2350;--text-muted: #6b6390;--border: rgba(75, 58, 143, .14);--edge: #ddd3f7;--brand: #7c5cff;--brand-deep: #5a3fd1;--brand-ink: #5b3fe0;--brand-soft: #efeaff;--primary: var(--brand);--sun: #ffc93c;--sun-deep: #e6a800;--sun-soft: #fff4cf;--ok: #22c58b;--ok-deep: #16a06f;--ok-soft: #dcf9ec;--ok-ink: #0f7a52;--oops: #ff8a4c;--oops-deep: #e56b2c;--oops-soft: #ffeddf;--oops-ink: #b8501a;--danger: #e0445a;--danger-soft: #ffe8ec;--danger-ink: #b3243a;--pink: #ff6fa5;--sky: #4cc3ff;--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--shadow: 0 6px 18px rgba(75, 58, 143, .1);--nav-h: 68px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:radial-gradient(circle at 0% 0%,#ffe6f0 0,transparent 38%),radial-gradient(circle at 100% 12%,#e4f5ff 0,transparent 34%),var(--bg);color:var(--text);font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button,a{touch-action:manipulation}:focus-visible{outline:3px solid var(--sky);outline-offset:2px}@media (min-width: 768px){body{font-size:19px}}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:560px;margin:0 auto}@media (min-width: 768px){.app-shell{max-width:720px}}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(env(safe-area-inset-top) + 8px) 14px 8px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--border)}.app-header__brand{display:flex;align-items:center;gap:8px;min-width:0;color:inherit;text-decoration:none}.app-header__avatar{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--border);background:var(--surface)}.app-header__text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.app-header__title{font-size:18px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__subtitle{font-size:12px;color:var(--text-muted)}@media (max-width: 400px){.app-header__subtitle{display:none}.app-header__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:15px;line-height:1.15;white-space:normal;overflow-wrap:anywhere}}.hud{display:flex;align-items:center;gap:6px}.hud__chip{display:inline-flex;align-items:center;gap:4px;min-height:38px;padding:0 10px;border-radius:999px;font-size:15px;font-weight:800;text-decoration:none;font-variant-numeric:tabular-nums}.hud__chip--stars{background:var(--sun-soft);color:#8a5a00}.hud__chip--streak{background:var(--oops-soft);color:var(--oops-ink)}.sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:38px;min-height:38px;padding:0;border:0;border-radius:999px;background:var(--surface-muted);font-size:18px;cursor:pointer}.sound-toggle--labeled{padding:0 18px;min-height:52px;border:2px solid var(--border);font-size:17px;font-weight:800;color:var(--text)}.app-main{flex:1;padding:18px 16px 28px}.page{display:flex;flex-direction:column;gap:14px}.page__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.page__title{margin:0;font-size:26px;font-weight:800;line-height:1.25}.page__lead{margin:0;font-size:15px;color:var(--text-muted)}.placeholder-note{margin:0;padding:14px 16px;border-radius:var(--r-md);background:var(--surface-muted);color:var(--text-muted);font-size:15px}.bottom-nav{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px 6px calc(env(safe-area-inset-bottom) + 6px);background:var(--surface);border-top:2px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -6px 18px #4b3a8f14}.bottom-nav__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:var(--nav-h);padding:4px 2px;border-radius:var(--r-md);color:var(--text-muted);text-decoration:none}.bottom-nav__icon{font-size:26px;line-height:1.1;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.bottom-nav__item--active{background:var(--brand-soft);color:var(--brand-ink)}.bottom-nav__item--active .bottom-nav__icon{transform:scale(1.18) translateY(-1px)}.bottom-nav__label{font-size:14px;font-weight:800}.bottom-nav__hint{font-size:10px;letter-spacing:.02em}.bottom-nav__dot{position:absolute;top:6px;right:calc(50% - 26px);width:12px;height:12px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--surface)}.card{padding:18px;border-radius:var(--r-lg);background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow)}.card__title{margin:0 0 12px;font-size:18px;font-weight:800}.card__muted{margin:0;font-size:15px;color:var(--text-muted)}.card__error{margin:0;padding:12px 14px;border-radius:var(--r-sm);background:var(--danger-soft);color:var(--danger-ink);font-size:15px}.card__success{margin:0;padding:12px 14px;border-radius:var(--r-sm);background:var(--ok-soft);color:var(--ok-ink);font-size:16px;font-weight:700}.fact-list{margin:0 0 14px;display:grid;gap:8px}.fact{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--r-sm);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:15px;font-weight:700;color:var(--text-muted)}.field__input{width:100%;min-height:56px;padding:10px 16px;border:2px solid var(--edge);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:18px}.field__input:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.form{display:grid;gap:18px}.field--group{margin:0;padding:0;border:0}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{display:flex;align-items:center;justify-content:center;gap:6px;min-height:56px;padding:8px;border:2px solid var(--edge);border-radius:var(--r-md);background:var(--surface);color:var(--text-muted);font-size:16px;font-weight:700;cursor:pointer}.choice--active{border-color:var(--brand);color:var(--brand-ink);background:var(--brand-soft)}.choice input{accent-color:var(--brand)}.primary-button{min-height:58px;padding:12px 24px;border:0;border-radius:var(--r-md);background:var(--brand);color:#fff;font-size:18px;font-weight:800;box-shadow:0 5px 0 var(--brand-deep);cursor:pointer;transition:transform .08s,box-shadow .08s;-webkit-user-select:none;user-select:none}.primary-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--brand-deep)}.primary-button:disabled{background:#cdc6e6;box-shadow:0 5px #b3aad6;cursor:default}.secondary-button{min-height:52px;padding:10px 18px;border:2px solid var(--brand);border-radius:var(--r-md);background:var(--surface);color:var(--brand-ink);font-size:16px;font-weight:800;box-shadow:0 4px 0 var(--edge);cursor:pointer}.secondary-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}.secondary-button:disabled{opacity:.55;cursor:default}.link-button{min-height:44px;padding:8px 6px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--brand-ink);font-size:16px;font-weight:800;cursor:pointer}.link-button--small{min-height:36px;margin-left:6px;font-size:14px}.link-button:disabled{opacity:.6;cursor:default}.tutor-badge{display:inline-block;margin-left:8px;padding:1px 10px;border-radius:999px;background:var(--sun-soft);color:#8a5a00;font-size:12px;font-weight:800;vertical-align:middle}.empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 0;text-align:center}.meter{display:block;height:14px;border-radius:999px;background:#e9e2ff;overflow:hidden;box-shadow:inset 0 2px 3px #4b3a8f1f}.meter__fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sun),var(--pink));transition:width .6s cubic-bezier(.3,1.2,.5,1)}.meter--day .meter__fill{background:linear-gradient(90deg,var(--ok),#7be8b9)}.account-page{display:flex;flex-direction:column;gap:18px;max-width:560px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:calc(env(safe-area-inset-top) + 24px) 16px calc(env(safe-area-inset-bottom) + 28px)}@media (min-width: 768px){.account-page{max-width:640px}}.account-page--center{align-items:center;justify-content:center;text-align:center}.account-syncing{margin:0;font-size:18px;font-weight:800;color:var(--text-muted)}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border:2px solid var(--border);border-radius:var(--r-lg);background:var(--surface-muted)}.account-tab{min-height:52px;padding:8px 10px;border:0;border-radius:var(--r-md);background:transparent;color:var(--text-muted);font-size:17px;font-weight:800;cursor:pointer}.account-tab--active{background:var(--surface);color:var(--brand-ink);box-shadow:0 3px 0 var(--edge)}.account-notice{margin:0;padding:12px 14px;border-radius:var(--r-sm);background:var(--sun-soft);color:#8a5a00;font-size:16px;font-weight:700}.account-claim{display:grid;gap:12px}.account-claim__text{margin:0;font-size:17px;font-weight:700;line-height:1.6}.account-claim__actions{display:grid;gap:12px}.account-claim__actions .primary-button,.account-claim__actions .secondary-button{width:100%}.account-card__name{margin:0 0 6px;font-size:17px}.account-card__status{margin:0;font-size:15px;color:var(--text-muted)}.account-card__status--synced{color:var(--ok-ink)}.account-card__status--offline{color:var(--oops-ink)}.account-card__status--error{color:var(--danger-ink)}.account-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}.account-card__form{margin-top:16px}.account-card__confirm{margin-top:16px;padding:14px 16px;border-radius:var(--r-md);background:var(--oops-soft);color:var(--oops-ink);font-size:16px;font-weight:700}.account-card__confirm p{margin:0}.sync-notice{position:fixed;top:calc(env(safe-area-inset-top) + 10px);left:50%;z-index:60;max-width:calc(100vw - 32px);padding:10px 18px;border-radius:999px;background:var(--brand-deep);color:#fff;font-size:15px;font-weight:800;text-align:center;box-shadow:var(--shadow);transform:translate(-50%);animation:fade-in .25s ease-out}.avatar-editor{display:flex;align-items:center;gap:16px}.avatar-editor__preview{flex:none;display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;overflow:hidden;border:3px solid var(--border);background:var(--surface)}.avatar-editor__image{width:100%;height:100%;object-fit:cover}.avatar-editor__body{display:flex;flex-direction:column;gap:8px;min-width:0}.avatar-editor__actions{display:flex;flex-wrap:wrap;gap:8px}.avatar-editor__file{display:none}.push-status{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid var(--border);border-left:4px solid var(--text-muted);border-radius:12px;background:var(--surface-muted)}.push-status__header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px}.push-status__badge{padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700}.push-status__badge--on{background:var(--ok-soft);color:var(--ok-ink)}.push-status__badge--busy{background:var(--brand-soft);color:var(--brand-ink)}.push-status__badge--off{background:var(--surface-muted);color:var(--text-muted)}.push-status__checks{display:grid;gap:6px;margin:0}.push-status__checks>div{display:flex;justify-content:space-between;gap:12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.push-status__checks dt{color:var(--text-muted);font-size:13px}.push-status__checks dd,.push-status__message{margin:0;font-size:13px;font-weight:700}.push-status__message--ok{color:var(--ok-ink)}.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:var(--danger-ink)}.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:var(--ok-soft);color:var(--ok-ink)}.status-badge--failed{background:var(--danger-soft);color:var(--danger-ink)}.status-badge--analyzing,.status-badge--extracting,.status-badge--ready_for_analysis{background:var(--brand-soft);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}.material-import__confirm{display:grid;gap:10px;padding:12px;border-radius:12px;background:var(--surface-muted)}.material-import__previews{display:flex;flex-wrap:wrap;gap:8px}.material-import__preview{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.material-import__book-failures{display:grid;gap:8px;padding:12px;border-radius:12px;background:var(--surface-muted)}.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}.hero{display:flex;align-items:flex-end;gap:14px}.hero__mascot{flex:none;animation:float 3.2s ease-in-out infinite}.hero__bubble{position:relative;flex:1;min-width:0;padding:12px 16px;border:2px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.hero__bubble:before{content:"";position:absolute;left:-9px;bottom:24px;width:16px;height:16px;border-left:2px solid var(--border);border-bottom:2px solid var(--border);background:var(--surface);transform:rotate(45deg)}.hero__line{margin:2px 0 0;font-size:16px;font-weight:600;color:var(--text-muted)}.plan-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-header .card__title{margin-bottom:0}.plan-budget{padding:2px 12px;border-radius:999px;background:var(--brand-soft);font-size:14px;font-weight:800;color:var(--brand-ink)}.meter--day{margin:12px 0 14px}.task-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px}.task-card{display:flex;align-items:center;gap:12px;min-height:72px;padding:10px 14px;border:2px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 4px 0 var(--edge)}.task-card--next{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 4px 0 var(--brand)}.task-card--done{border-color:#b7eed6;background:var(--ok-soft);box-shadow:0 4px #b7eed6}.task-card__icon{display:grid;flex:none;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--surface-muted);font-size:28px;line-height:1}.task-card--next .task-card__icon{background:var(--surface);animation:bounce-soft 1.6s ease-in-out infinite}.task-card__label{font-size:17px;font-weight:800;line-height:1.35}.task-card__hint{font-size:13px;color:var(--text-muted)}.task-card__minutes{flex:none;margin-left:auto;font-size:13px;font-weight:800;color:var(--brand-ink);white-space:nowrap}.plan-details{margin-top:12px;padding:12px 14px;border-radius:var(--r-md);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:800}.plan-detail-meta{margin:0;font-size:12px;color:var(--text-muted)}.reward-teaser{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.reward-teaser__emoji{display:grid;flex:none;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--sun-soft);font-size:32px}.reward-teaser__body{display:grid;flex:1;gap:6px;min-width:0}.reward-teaser__title{font-size:16px;font-weight:800}.reward-teaser__hint{font-size:13px;color:var(--text-muted)}.reward-teaser__go{font-size:28px;color:var(--brand-ink)}.task-card__hint--review{color:var(--ok-ink);font-weight:700}.practice-progress{padding:4px 12px;border-radius:999px;background:var(--brand-soft);font-size:14px;font-weight:800;color:var(--brand-ink);white-space:nowrap}.progress-track{height:14px;border-radius:999px;background:#e9e2ff;overflow:hidden;box-shadow:inset 0 2px 3px #4b3a8f1f}.progress-track__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ok),#7be8b9);transition:width .45s cubic-bezier(.3,1.3,.5,1)}.practice-chips{display:flex;gap:8px;margin:0}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;border-radius:999px;font-size:14px;font-weight:800}.chip--star{background:var(--sun-soft);color:#8a5a00}.chip--combo{background:var(--oops-soft);color:var(--oops-ink);animation:pop .4s ease}.practice-source{margin:0;color:var(--text-muted);font-size:14px}.status-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:800;background:var(--surface-muted);color:var(--text-muted)}.practice-passage{margin:12px 0 0;padding:14px 16px;border-radius:var(--r-md);background:var(--surface-muted);color:var(--text);font-size:18px;line-height:1.75}.practice-passage__label{display:block;margin-bottom:4px;color:var(--text-muted);font-size:14px}.practice-prompt{margin:14px 0 0;font-size:22px;font-weight:800;line-height:1.4}.practice-options{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:option}.practice-options>li{counter-increment:option}.practice-option{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 16px;border:2px solid var(--edge);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:19px;font-weight:700;text-align:left;box-shadow:0 4px 0 var(--edge);cursor:pointer;transition:transform .08s,box-shadow .08s,background .15s}.practice-option:before{content:counter(option,upper-alpha);display:grid;flex:none;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--surface-muted);color:var(--brand-ink);font-size:16px;font-weight:800}.practice-options--lettered .practice-option:before{display:none}.practice-option:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}.practice-option:disabled{cursor:default}.practice-option--selected{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink);box-shadow:0 4px 0 var(--brand);animation:pop .25s ease}.practice-option--selected:before{background:var(--brand);color:#fff}.practice-option--correct{border-color:var(--ok);background:var(--ok-soft);color:var(--ok-ink);box-shadow:0 4px 0 var(--ok-deep);animation:pop .4s ease}.practice-option--correct:before{content:"✓";background:var(--ok);color:#fff}.practice-option--wrong{border-color:var(--oops);background:var(--oops-soft);color:var(--oops-ink);box-shadow:0 4px 0 var(--oops-deep);animation:wobble .45s ease}.practice-option--wrong:before{background:var(--oops);color:#fff}.practice-option__letter{display:inline-block;min-width:1.6em;margin-right:6px;font-weight:800;color:var(--text-muted)}.practice-options--image .practice-option:before{display:none}.practice-hint{margin:10px 0 0;font-size:16px;color:var(--text-muted)}.practice-feedback{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:20px;animation:slide-up .35s ease}.practice-feedback--correct{border:2px solid var(--ok);background:var(--ok-soft)}.practice-feedback--wrong{border:2px solid var(--oops);background:var(--oops-soft)}.practice-feedback__mascot{flex:none}.practice-feedback__body{flex:1;min-width:0}.practice-feedback__title{margin:0;font-size:19px;font-weight:800;color:var(--text)}.practice-feedback--correct .practice-feedback__title{color:var(--ok-ink)}.practice-feedback--wrong .practice-feedback__title{color:var(--oops-ink)}.practice-feedback__detail{margin:4px 0 0;font-size:16px;color:var(--text)}.star-pop{position:absolute;top:-16px;right:14px;padding:4px 14px;border-radius:999px;background:var(--sun);color:#6b4200;font-size:16px;font-weight:800;box-shadow:0 3px 0 var(--sun-deep);animation:star-pop 1.2s ease-out forwards;pointer-events:none}.practice-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.practice-actions .primary-button{min-width:140px}.practice-actions--sticky{position:sticky;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 20px);z-index:10;margin:0;padding:10px 0 4px;background:linear-gradient(to top,var(--bg) 60%,transparent)}.practice-actions--sticky .primary-button{flex:1;min-height:60px;font-size:20px}.practice-text-input{display:block;width:100%;min-height:60px;padding:10px 16px;border:2px solid var(--edge);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:22px;font-weight:700;letter-spacing:.02em}.practice-text-input:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.complete{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.complete__mascot{animation:bounce-soft 1.4s ease-in-out infinite}.complete__rating{display:flex;gap:6px;font-size:52px;line-height:1}.complete__star{filter:grayscale(1);opacity:.28}.complete__star--on{filter:none;opacity:0;animation:star-in .5s cubic-bezier(.3,1.6,.5,1) forwards}.complete__gain{margin:0;padding:6px 18px;border-radius:999px;background:var(--sun-soft);color:#8a5a00;font-size:18px;font-weight:800}.complete__level{display:grid;gap:8px;width:100%;text-align:left}.complete__level-title{margin:0;font-size:17px;font-weight:800}.practice-actions--full{justify-content:stretch}.practice-actions--full .primary-button,.practice-actions--full .link-button{flex:1}.practice-feedback{scroll-margin-bottom:calc(var(--nav-h) + 120px)}.practice-options--letters-only{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-options--letters-only .practice-option{justify-content:center;min-height:76px;font-size:30px;font-weight:800}.practice-options--letters-only .practice-option:before{display:none}.review-dots{display:flex;flex-wrap:wrap;gap:8px}.review-dot{min-width:44px;min-height:44px;padding:0 8px;border:2px solid var(--edge);border-radius:14px;background:var(--surface);color:var(--text);font-size:16px;font-weight:800;cursor:pointer}.review-dot--ok{border-color:var(--ok);background:var(--ok-soft);color:var(--ok-ink)}.review-dot--no{border-color:var(--oops);background:var(--oops-soft);color:var(--oops-ink)}.review-dot--current{box-shadow:0 0 0 3px var(--brand)}.review-tag{margin-left:auto;padding:2px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-size:13px;font-weight:800;white-space:nowrap}.review-answer{display:grid;gap:8px}.review-answer__line{margin:0;font-size:19px}.review-answer__mine--ok{color:var(--ok-ink)}.review-answer__mine--no{color:var(--oops-ink)}.practice-actions--sticky .secondary-button{min-width:120px}.practice-option:disabled{color:var(--text)}.practice-option--correct:disabled{color:var(--ok-ink)}.practice-option--wrong:disabled{color:var(--oops-ink)}.practice-review-link{margin:-6px 0}.complete__review{margin-top:4px}.tutor-assistant{margin-top:12px;display:flex;flex-direction:column;gap:10px}.tutor-card{border-left:4px solid var(--primary)}.onboarding-guide{border-left:4px solid var(--primary);background:var(--surface-muted, #eef2f7)}.guide-steps{margin:8px 0 4px;padding-left:20px;display:flex;flex-direction:column;gap:8px;list-style:none;counter-reset:guide}.guide-steps li{counter-increment:guide;position:relative;padding-left:4px;font-size:15px;color:var(--text, #0f172a);line-height:1.5}.guide-steps li:before{content:counter(guide);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:var(--primary);color:#fff;font-size:13px;font-weight:700}.seed-hint{font-size:12px;text-align:center}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.stat-card{display:flex;flex-direction:column;align-items:center;padding:14px 8px}.stat-card__value{font-size:26px;font-weight:700;color:var(--text)}.stat-card__label{font-size:12px;color:var(--text-muted);margin-top:2px}.history-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.history-mark{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.history-mark--ok{background:var(--ok)}.history-mark--no{background:var(--danger)}.history-item__body{display:flex;flex-direction:column;gap:2px}.history-item__prompt{margin:0;font-size:14px;color:var(--text);line-height:1.4}.history-item__meta{font-size:12px;color:var(--text-muted)}.question-image{display:block;margin:10px 0 0;border-radius:12px;border:1px solid var(--border);max-width:100%}.question-image--prompt{width:100%;max-height:320px;object-fit:contain;background:var(--surface-muted)}.question-image--option{width:100%;max-height:160px;object-fit:cover;margin:0 0 8px}.question-image--missing{padding:10px 12px;font-size:13px;color:var(--text-muted);background:var(--surface-muted)}.question-image--placeholder{margin:10px 0 0;height:120px;border-radius:12px;background:var(--surface-muted)}.practice-options--image{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.practice-options--image .practice-option{display:flex;flex-direction:column;align-items:stretch}@media (max-width: 480px){.practice-options--image{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.history-list{list-style:none;margin:0;padding:0}.book-card{display:flex;flex-direction:column;gap:10px}.book-card--cta{border:1px solid var(--primary)}.book-fallback{margin:8px 0 0;text-align:center}.book-fallback__link{font-size:12px;font-weight:400;color:var(--text-muted);text-decoration:underline}.book-card__current{margin:0;font-size:16px}.book-progress{height:8px;border-radius:999px;background:var(--surface-muted);overflow:hidden}.book-progress__bar{height:100%;border-radius:999px;background:var(--primary)}.book-units{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.book-unit{width:100%;min-height:44px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:15px;text-align:left}.book-unit--active{border-color:var(--primary);background:var(--brand-soft)}.book-unit__title{flex:1 1 60%;min-width:0}.book-unit__state{flex:none;font-size:13px;color:var(--text-muted)}.book-unit__state--completed,.book-unit__state--done,.book-unit__state--skipped{color:var(--ok-ink)}.book-unit__state--failed{color:var(--danger-ink)}.book-unit--active .book-unit__state{color:var(--primary);font-weight:700}.book-unit .material-card__error{flex-basis:100%}.file-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;cursor:pointer}.book-import__alt{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px}.book-card__count{flex:none;white-space:nowrap}.book-excerpt{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}.book-excerpt__crop{display:flex;justify-content:center;width:100%;padding:6px;border:2px solid var(--edge);border-radius:var(--r-md);background:#fff;cursor:zoom-in}.book-stack{display:flex;flex-direction:column;gap:6px;width:100%}.book-crop{position:relative;display:block;width:100%;overflow:hidden;border-radius:10px}.book-excerpt__loading{padding:24px 0;color:var(--text-muted);font-size:15px}.book-excerpt__open{min-height:44px;padding:6px 18px;border:0;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-size:16px;font-weight:800;cursor:pointer}.book-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;flex-direction:column;background:#2b2350}.book-viewer__bar,.book-viewer__nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:var(--surface)}.book-viewer__bar{padding-top:calc(env(safe-area-inset-top) + 10px)}.book-viewer__nav{padding-bottom:calc(env(safe-area-inset-bottom) + 10px)}.book-viewer__nav .secondary-button{flex:1}.book-viewer__close{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--brand);color:#fff;font-size:16px;font-weight:800;cursor:pointer}.book-viewer__count{font-size:15px;font-weight:800;color:var(--text-muted)}.book-viewer__zoom{display:flex;gap:6px}.book-viewer__zoom-button{min-width:44px;min-height:44px;border:2px solid var(--edge);border-radius:12px;background:var(--surface);color:var(--text);font-size:15px;font-weight:800;cursor:pointer}.book-viewer__zoom-button--on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}.book-viewer__scroller{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}.book-viewer__page{position:relative;margin:0 auto}.book-viewer__page img{display:block;width:100%;height:auto}.book-viewer__box{position:absolute;border:3px solid var(--pink);border-radius:8px;box-shadow:0 0 0 9999px #2b23501f;pointer-events:none}.book-viewer__status{margin:40px 20px;color:#fff;text-align:center}.practice-split__book{position:sticky;top:calc(env(safe-area-inset-top) + 70px);z-index:8;margin-bottom:12px}.book-pane{padding:6px 8px 8px;border:2px solid var(--edge);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow)}.book-pane__bar{display:flex;align-items:center;justify-content:space-between;padding:0 2px 4px}.book-pane__title{font-size:14px;font-weight:800;color:var(--text-muted)}.book-pane__more{min-height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-size:14px;font-weight:800;cursor:pointer}.book-pane__scroll{max-height:36vh;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:10px}.book-mark{position:absolute;border:2px solid var(--sun-deep);border-radius:6px;background:#ffc93c52;pointer-events:none}@media (min-width: 768px){.practice-split__book{top:var(--stick-top);margin-bottom:16px}.book-pane__scroll{max-height:calc(42vh - 58px)}.practice-split__main{display:flex;flex-direction:column;gap:18px;min-width:0}}@media (min-width: 1024px){.practice-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:24px}.practice-split__book{margin-bottom:0}.book-pane__scroll{max-height:calc(100dvh - var(--stick-top) - 24px - 58px)}}@media (max-width: 767px){.practice-split__main{display:flex;flex-direction:column;gap:14px}}.book-pane__actions{display:flex;gap:6px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.writing-situation{margin:12px 0 0;font-size:17px;line-height:1.6}.writing-points-label{margin:12px 0 4px;font-size:14px;font-weight:700;color:var(--text-muted)}.writing-points{margin:0;padding-left:22px;font-size:17px;line-height:1.7}.writing-panels{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.writing-panel{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:12px;background:var(--surface-muted);text-align:center}.writing-panel__emoji{font-size:44px;line-height:1.1}.writing-panel__caption{font-size:14px;line-height:1.45}@media (max-width: 420px){.writing-panels{grid-template-columns:1fr}.writing-panel{flex-direction:row;text-align:left;padding:10px 12px}.writing-panel__emoji{font-size:36px}}.writing-input{display:block;width:100%;min-height:12em;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:17px;line-height:1.6;font-family:inherit;resize:vertical}.writing-input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.writing-count{margin:8px 0 0;font-size:14px;color:var(--text-muted)}.writing-hint{margin:4px 0 0;font-size:14px;font-weight:700;color:var(--brand)}.writing-text{margin:8px 0 0;font-size:17px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.writing-scores{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.writing-score{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:10px;background:var(--surface-muted);font-size:15px}.writing-score strong{font-size:18px}.writing-score--total{background:var(--brand-soft);color:var(--brand)}.writing-note{margin:8px 0 0;font-size:12px;color:var(--text-muted)}.writing-block{margin-top:14px}.writing-block__title{margin:0 0 6px;font-size:15px}.writing-list,.writing-check-list,.writing-fixes{margin:0;padding-left:20px;font-size:15px;line-height:1.6}.writing-check-list{list-style:none;padding-left:0}.writing-fixes{list-style:none;padding-left:0;display:grid;gap:10px}.writing-fix{padding:10px 12px;border-radius:10px;background:var(--surface-muted)}.writing-fix__line{margin:0;font-size:15px}.writing-fix__old{color:var(--danger-ink);text-decoration:line-through}.writing-fix__new{color:var(--ok-ink)}.writing-fix__why{margin:4px 0 0;font-size:14px;color:var(--text-muted)}.writing-encourage{margin:14px 0 0;font-size:16px;font-weight:700;color:var(--ok-ink)}.writing-model{margin-top:12px}.writing-model summary{min-height:44px;display:flex;align-items:center;color:var(--brand);font-size:15px;font-weight:700;cursor:pointer}.writing-model__text{margin:4px 0 0;padding:12px 14px;border-radius:10px;background:var(--surface-muted);font-size:16px;line-height:1.7}.practice-hint{margin:10px 0 0;font-size:15px;color:var(--text-muted)}.listening-player{margin:12px 0 0}.listening-player__controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.listening-player__button{min-width:148px;min-height:52px;font-size:18px}.listening-player__count{font-size:15px;font-weight:700;color:var(--brand)}.listening-player__hint{font-size:14px;color:var(--text-muted)}.listening-player__notice{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--text-muted)}.listening-player__fallback-note{margin:8px 0 0;font-size:14px;color:var(--text-muted)}.listening-script{margin-top:8px}.listening-script summary{min-height:44px;display:flex;align-items:center;color:var(--brand);font-size:15px;font-weight:700;cursor:pointer}.listening-script__lines{list-style:none;margin:4px 0 0;padding:12px 14px;border-radius:10px;background:var(--surface-muted);font-size:16px;line-height:1.7}.listening-script__lines li+li{margin-top:6px}.practice-text-input{display:block;width:100%;min-height:52px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:18px;font-family:inherit}.practice-text-input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.practice-option__letter{display:inline-block;min-width:1.6em;margin-right:6px;font-weight:700;color:var(--text-muted)}.exam-countdown{margin:0;padding:8px 14px;border-radius:999px;align-self:flex-start;background:var(--sun-soft);font-size:15px;font-weight:800;color:#8a5a00}.exam-countdown--sprint{background:var(--brand-soft);font-size:14px;font-weight:700;color:var(--brand-ink)}.practice-passage--multiline{white-space:pre-line}.practice-test-bar{display:flex;align-items:center;gap:10px;margin:0}.practice-test-badge{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--sun-soft);color:#92400e;font-size:13px;font-weight:700}.practice-timer{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-muted)}.scorecard-list{display:flex;flex-direction:column;gap:10px;margin:12px 0;padding:0;list-style:none}.scorecard-item{padding:12px 14px}.scorecard-item__prompt{margin:0 0 6px;font-size:15px;font-weight:700}.scorecard-item__line{margin:2px 0;font-size:14px;color:var(--text-muted)}.scorecard-item__more{margin-top:6px;font-size:14px}.scorecard-item__more summary{cursor:pointer;color:var(--brand)}.scorecard-item__more p{margin:6px 0 0}.scorecard-mark{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:999px;background:var(--surface-muted);color:var(--text-muted);font-size:12px;font-weight:700}.scorecard-mark--ok{background:var(--ok-soft);color:var(--ok-ink)}.readiness-card{margin-bottom:12px}.readiness-card__status{margin:0 0 4px;font-size:16px;font-weight:700}.readiness-group{margin-top:16px}.readiness-group__title{margin:0 0 6px;font-size:14px;font-weight:700}.readiness-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.readiness-row__head{display:flex;justify-content:space-between;gap:8px;font-size:13px}.readiness-row__meta{color:var(--text-muted);white-space:nowrap}.readiness-bar{position:relative;height:10px;margin-top:4px;border-radius:999px;background:var(--surface-muted);overflow:visible}.readiness-bar__fill{height:100%;border-radius:999px;background:var(--ok)}.readiness-bar__fill--low{background:var(--sun-deep)}.readiness-bar__ref{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--text)}.readiness-group__summary{margin:8px 0 0;font-size:13px;color:var(--text-muted)}.readiness-note{margin:16px 0 0;font-size:12px;color:var(--text-muted)}.readiness-disclaimer{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.mistakes-review{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;border-color:var(--sun);background:var(--sun-soft)}.mistakes-review__text{margin:0;font-size:18px;font-weight:800;color:#8a5a00}.mistake-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mistake-tab{min-height:56px;padding:8px 12px;border:2px solid var(--edge);border-radius:var(--r-md);background:var(--surface);color:var(--text-muted);font-size:17px;font-weight:800;box-shadow:0 4px 0 var(--edge);cursor:pointer}.mistake-tab:active{transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}.mistake-tab--on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink);box-shadow:0 4px 0 var(--brand)}.mistake-group{display:grid;gap:10px}.mistake-group__title{margin:4px 0 0;font-size:16px;font-weight:800;color:var(--text-muted)}.mistake-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.mistake-card{display:flex;align-items:center;gap:12px;min-height:84px;padding:12px 14px;border:2px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 4px 0 var(--edge);color:inherit;text-decoration:none}.mistake-card:active{transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}.mistake-card--corrected{border-color:#b7eed6;background:var(--ok-soft);box-shadow:0 4px #b7eed6}.mistake-card__icon{display:grid;flex:none;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--oops-soft);font-size:26px;line-height:1}.mistake-card--corrected .mistake-card__icon{background:var(--surface)}.mistake-card__body{display:grid;flex:1;gap:2px;min-width:0}.mistake-card__prompt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:17px;font-weight:800;line-height:1.4;overflow-wrap:anywhere}.mistake-card__meta{font-size:13px;color:var(--text-muted)}.mistake-card__answers{font-size:14px;color:var(--text);overflow-wrap:anywhere}.mistake-card__go{flex:none;font-size:28px;color:var(--brand-ink)}.mistake-badge{display:inline-block;margin-left:8px;padding:1px 10px;border-radius:999px;font-size:12px;font-weight:800;vertical-align:middle}.mistake-badge--ok{background:var(--ok-soft);color:var(--ok-ink)}.mistake-card--corrected .mistake-badge--ok{background:var(--surface)}.mistake-history{margin:0;font-size:17px;font-weight:800;letter-spacing:.06em}.mistake-hint{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-size:13px;font-weight:800;vertical-align:middle}@media (min-width: 768px){.mistake-tab{min-height:64px;font-size:19px}.mistake-card{min-height:96px;padding:14px 20px}.mistake-card__icon{width:56px;height:56px;font-size:32px}.mistake-card__prompt{font-size:19px}.mistake-card__meta{font-size:14px}.mistake-card__answers{font-size:16px}.mistake-group__title{font-size:18px}}.reward-hero{display:flex;align-items:center;gap:14px}.reward-hero__body{display:grid;flex:1;gap:8px;min-width:0}.reward-hero__level{margin:0;font-size:20px;font-weight:800}.reward-hero__zh{margin-left:8px;font-size:14px;color:var(--text-muted)}.reward-hero__hint{margin:0;font-size:14px;color:var(--text-muted)}.stat-grid--three{grid-template-columns:repeat(3,1fr);margin:0}.stat-grid--three .stat-card__value{font-size:20px}.reward-next{margin:0;padding:12px 16px;border-radius:var(--r-md);background:var(--sun-soft);color:#7a5200;font-size:16px;font-weight:700;text-align:center}.sticker-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sticker{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;aspect-ratio:1;min-width:0;padding:4px;border:2px solid var(--border);border-radius:20px;text-align:center}.sticker__emoji{font-size:34px;line-height:1.1}.sticker__name{font-size:11px;font-weight:800;color:var(--text-muted)}.sticker--unlocked{border-color:var(--sun);background:linear-gradient(160deg,#fff,var(--sun-soft))}.sticker--unlocked .sticker__name{color:#7a5200}.sticker--locked{background:var(--surface-muted)}.sticker--locked .sticker__emoji{filter:brightness(0);opacity:.16}.reward-rules{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:16px}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#2b23509e;animation:fade-in .2s ease}.celebration__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:340px;padding:24px 20px 20px;border-radius:28px;background:var(--surface);text-align:center;isolation:isolate;animation:pop-in .5s cubic-bezier(.3,1.5,.5,1)}.celebration__kicker{margin:0;font-size:20px;font-weight:800;color:var(--brand-ink)}.celebration__badge{position:relative;margin:10px 0;font-size:92px;line-height:1.1;animation:bounce-soft 1.4s ease-in-out infinite}.celebration__badge:before{content:"";position:absolute;top:-34px;right:-34px;bottom:-34px;left:-34px;z-index:-1;border-radius:50%;background:repeating-conic-gradient(#ffe89a66 0 10deg,transparent 10deg 20deg);-webkit-mask-image:radial-gradient(circle,#000 35%,transparent 70%);mask-image:radial-gradient(circle,#000 35%,transparent 70%);animation:spin 14s linear infinite}.celebration__title{margin:0;font-size:24px;font-weight:800}.celebration__title span{display:block;font-size:16px;color:var(--text-muted)}.celebration__hint{margin:0 0 8px;font-size:15px;color:var(--text-muted)}.celebration__button{width:100%}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;overflow:hidden;pointer-events:none}.confetti__piece{position:absolute;top:-16px;width:10px;height:14px;opacity:0;animation:confetti-fall linear forwards}.confetti__piece--round{width:12px;height:12px;border-radius:50%}.mascot__ear{transform-box:view-box}.mascot--cheer .mascot__ear--left{animation:ear-left .6s ease-in-out 3}.mascot--cheer .mascot__ear--right{animation:ear-right .6s ease-in-out 3}.mascot__zzz{animation:float 2s ease-in-out infinite}.checkin-card{position:relative;display:grid;gap:8px;overflow:hidden;text-align:center;color:inherit;text-decoration:none}.checkin-card--ready,.checkin-card--stamping{border-color:var(--sun);background:linear-gradient(160deg,#ffffff,var(--sun-soft));box-shadow:0 5px 0 var(--sun-deep)}.checkin-card--done{border-color:#b7eed6;background:var(--ok-soft);box-shadow:0 5px #b7eed6}.checkin-card__title{margin:0;font-size:22px;font-weight:800;line-height:1.3}.checkin-card__hint{margin:0;font-size:16px;color:var(--text-muted)}.checkin-card__meta{font-size:17px;font-weight:800;color:var(--ok-ink)}.checkin-card__button{position:relative;width:100%;min-height:68px;margin-top:4px;font-size:26px;letter-spacing:.3em;text-indent:.3em}.checkin-card__button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-md);box-shadow:0 0 #7c5cff80;pointer-events:none;animation:checkin-ring 1.8s ease-out infinite}@keyframes checkin-ring{0%{box-shadow:0 0 #7c5cff80}70%,to{box-shadow:0 0 0 14px #7c5cff00}}.checkin-hint{margin:0;padding:8px 14px;border-radius:999px;background:var(--sun-soft);color:#7a5200;font-size:14px;font-weight:700;text-align:center}.checkin-card--stamping{overflow:visible}.checkin-stamp-slot{position:relative;height:72px;margin-top:4px}.checkin-stamp{position:absolute;top:0;right:0;bottom:0;left:0;width:128px;height:128px;margin:auto;display:grid;place-items:center;border:6px double var(--danger);border-radius:50%;background:#ffffffb8;color:var(--danger);font-size:28px;font-weight:900;letter-spacing:.12em;text-indent:.12em;transform:rotate(-14deg);animation:stamp-drop .7s cubic-bezier(.25,1.5,.4,1) both;pointer-events:none}@keyframes stamp-drop{0%{opacity:0;transform:translateY(-110px) rotate(-40deg) scale(2.4)}60%{opacity:1;transform:translateY(0) rotate(-14deg) scale(.9)}to{opacity:1;transform:translateY(0) rotate(-14deg) scale(1)}}.week-strip{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.week-strip__day{display:grid;justify-items:center;gap:2px;padding:4px 0;border-radius:14px}.week-strip__day--today{background:#ffffffbf;box-shadow:inset 0 0 0 2px var(--brand)}.week-strip__name{font-size:12px;font-weight:800;color:var(--text-muted)}.stamp-mark{display:grid;place-items:center;width:32px;height:32px;border:2px dashed var(--edge);border-radius:50%;color:var(--text-muted);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.stamp-mark--on{border:3px solid var(--danger);background:#fff;color:var(--danger);font-size:18px;transform:rotate(-8deg)}.month-cal__title{margin:0 0 8px;font-size:18px;font-weight:800;text-align:center}.month-cal__weekdays,.month-cal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.month-cal__weekdays{text-align:center;font-size:13px;font-weight:800;color:var(--text-muted)}.month-cal__grid{list-style:none;margin:4px 0 0;padding:0;gap:6px}.month-cal__cell{display:grid;place-items:center;aspect-ratio:1;min-width:0;border-radius:14px}.month-cal__cell--today{background:var(--brand-soft);box-shadow:inset 0 0 0 2px var(--brand)}.month-cal__cell--future{opacity:.45}.checkin-goal{margin:0 0 10px;font-size:19px;font-weight:800;color:var(--brand-ink)}.checkin-goal__meta{margin-top:10px}.reward-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:5px;border-radius:var(--r-lg);background:var(--surface-muted)}.reward-tab{min-height:48px;padding:6px 2px;border:0;border-radius:var(--r-md);background:transparent;color:var(--text-muted);font-size:15px;font-weight:800;white-space:nowrap;cursor:pointer}.reward-tab--active{background:var(--surface);color:var(--brand-ink);box-shadow:inset 0 0 0 2px var(--brand),0 3px 0 var(--edge)}.reward-panel{display:flex;flex-direction:column;gap:14px}.mascot__outfit{pointer-events:none;-webkit-user-select:none;user-select:none}.wardrobe-preview{display:grid;justify-items:center;gap:8px;text-align:center;background:linear-gradient(180deg,#ffffff,var(--surface-muted))}.item-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.item-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:96px;padding:8px 4px;border:2px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);cursor:pointer}.item-tile--on{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 3px 0 var(--brand)}.item-tile__emoji{font-size:38px;line-height:1.1}.item-tile__name{font-size:13px;font-weight:800;line-height:1.2;text-align:center;overflow-wrap:anywhere}.item-grid--collection{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.item-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:108px;padding:6px 2px;border:2px solid var(--border);border-radius:20px;text-align:center}.item-cell__emoji{font-size:34px;line-height:1.1}.item-cell__name{font-size:11px;font-weight:800;line-height:1.15;color:#7a5200;overflow-wrap:anywhere}.item-cell--owned{border-color:var(--sun);background:linear-gradient(160deg,#ffffff,var(--sun-soft))}.item-cell--owned.item-cell--rare{border-color:var(--sky);background:linear-gradient(160deg,#fff,#dff3ff)}.item-cell--owned.item-cell--legendary{border-color:var(--pink);background:linear-gradient(160deg,#fff7d6,#ffd9ea)}.item-cell--locked{background:var(--surface-muted)}.item-cell--locked .item-cell__emoji{filter:brightness(0);opacity:.16}.item-cell--locked .item-cell__name{color:var(--text-muted)}.rarity-tag{display:inline-block;margin:0;padding:1px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.rarity-tag--common{background:var(--surface-muted);color:var(--text-muted)}.rarity-tag--rare{background:#dff3ff;color:#0f6a99}.rarity-tag--legendary{background:linear-gradient(90deg,#ffe089,#ffb6d8);color:#7a3b00}.chest-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;background:#2b2350ad;animation:fade-in .2s ease}.chest-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:340px;margin:auto;padding:22px 20px 20px;border-radius:28px;background:var(--surface);text-align:center;isolation:isolate;animation:pop-in .5s cubic-bezier(.3,1.5,.5,1)}.chest-card--big{border:4px solid var(--sun);box-shadow:0 0 0 6px #ffc93c59}.chest-card__kicker{margin:0;font-size:20px;font-weight:800;color:var(--brand-ink)}.chest-card__hint{margin:0;font-size:15px;color:var(--text-muted)}.chest-card__title{margin:0;font-size:26px;font-weight:800;line-height:1.25}.chest-card__title span{display:block;font-size:17px;color:var(--text-muted)}.chest-box{display:grid;place-items:center;width:176px;height:176px;margin:6px 0;padding:0;border:0;border-radius:50%;background:radial-gradient(circle,#fff6d6 0,#ffe89a 58%,transparent 72%);cursor:pointer;animation:chest-shake 1.2s ease-in-out infinite}.chest-box__emoji{font-size:108px;line-height:1}@keyframes chest-shake{0%,60%,to{transform:rotate(0) scale(1)}10%{transform:rotate(-9deg) scale(1.05)}20%{transform:rotate(9deg) scale(1.05)}30%{transform:rotate(-6deg) scale(1.03)}40%{transform:rotate(6deg) scale(1.03)}50%{transform:rotate(0) scale(1)}}.chest-item{position:relative;margin:4px 0;font-size:108px;line-height:1.1;animation:chest-reveal .7s cubic-bezier(.3,1.6,.5,1) both}.chest-item:before{content:"";position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;z-index:-1;border-radius:50%;background:repeating-conic-gradient(#ffe89a66 0 10deg,transparent 10deg 20deg);-webkit-mask-image:radial-gradient(circle,#000 35%,transparent 70%);mask-image:radial-gradient(circle,#000 35%,transparent 70%);animation:spin 14s linear infinite}.chest-item--rare:before{background:repeating-conic-gradient(#8bd8ff88 0 10deg,transparent 10deg 20deg)}.chest-item--legendary:before{background:repeating-conic-gradient(#ff9ccb88 0,#ff9ccb88 10deg,#ffe08a88 10deg,#ffe08a88 20deg)}@keyframes chest-reveal{0%{opacity:0;transform:translateY(24px) scale(.3) rotate(-20deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.chest-coins{margin:0;padding:6px 20px;border-radius:999px;background:var(--sun-soft);color:#8a5a00;font-size:20px;font-weight:800}.chest-actions{display:grid;gap:10px;width:100%;margin-top:6px}.chest-actions .primary-button,.chest-actions .secondary-button{width:100%}.coin-card{display:flex;align-items:center;gap:14px;background:linear-gradient(160deg,#ffffff,var(--sun-soft))}.coin-card__icon{font-size:46px;line-height:1}.coin-card__label{margin:0;font-size:15px;color:var(--text-muted)}.coin-card__value{margin:0;font-size:36px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.wish-list,.waiting-list,.parent-wish-list,.redeem-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.wish-card{display:grid;gap:8px;padding:12px 14px;border:2px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 4px 0 var(--edge)}.wish-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.wish-card__title{min-width:0;font-size:18px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.wish-card__cost{flex:none;font-size:16px;font-weight:800;color:#8a5a00;white-space:nowrap}.wish-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.wish-card__button{flex:none;min-width:104px;min-height:52px;padding:8px 20px}.waiting-list__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);background:var(--surface-muted);font-size:16px;font-weight:700}.waiting-list__title{flex:1;min-width:0;overflow-wrap:anywhere}.waiting-list__cost{flex:none;color:#8a5a00;white-space:nowrap}.exchange-confirm__text{margin:4px 0 10px;font-size:20px;font-weight:800;line-height:1.4;overflow-wrap:anywhere}.parent-gate{display:grid;gap:10px}.parent-gate__title{margin:0;font-size:17px;font-weight:800}.parent-gate__question{margin:0;font-size:30px;font-weight:800;letter-spacing:.06em;text-align:center}.parent-gate__input{text-align:center;font-size:24px}.parent-rewards{display:grid;gap:22px}.parent-rewards__section{display:grid;gap:10px}.parent-rewards__title{margin:0;font-size:17px;font-weight:800}.parent-rewards__actions{display:flex;flex-wrap:wrap;gap:10px}.parent-wish-form{display:grid;gap:12px}.parent-wish{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px;padding:10px;border-radius:var(--r-md);background:var(--surface-muted)}.parent-wish__actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px}.parent-wish__error{grid-column:1 / -1}.redeem-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px;padding:10px 12px;border-radius:var(--r-md);background:var(--surface-muted)}.redeem-item__main{display:grid;min-width:0}.redeem-item__title{font-size:16px;font-weight:800;overflow-wrap:anywhere}.redeem-item__meta{font-size:13px;color:var(--text-muted)}.redeem-item__status{padding:2px 12px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}.redeem-item__status--pending{background:var(--sun-soft);color:#7a5200}.redeem-item__status--fulfilled{background:var(--ok-soft);color:var(--ok-ink)}.redeem-item__status--cancelled{background:var(--surface);color:var(--text-muted)}.redeem-item__actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px}@media (min-width: 768px){.checkin-card__title{font-size:26px}.reward-tab{min-height:56px;font-size:18px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px}.item-grid--collection{grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}.item-tile__emoji{font-size:46px}.item-cell__emoji{font-size:42px}.item-cell__name{font-size:13px}.month-cal__grid,.month-cal__weekdays{max-width:520px;margin-inline:auto}.chest-card{max-width:420px;padding:30px 28px 26px}.wish-list{grid-template-columns:repeat(2,minmax(0,1fr))}.parent-wish{grid-template-columns:minmax(0,1fr) 140px auto;align-items:center}.parent-wish__actions{grid-column:auto}.reward-panel{gap:18px}}@media (min-width: 1000px){.page--today>.checkin-hint{grid-column:1 / -1}}@media (min-width: 768px){:root{--nav-h: 0px;--rail-w: 80px;--rail-gap: 20px;--shell-max: 1400px;--shell-gutter: 16px;--stick-top: calc(env(safe-area-inset-top) + 72px) }.app-shell{display:grid;grid-template-columns:minmax(var(--shell-gutter),1fr) var(--rail-w) var(--rail-gap) minmax(0,calc(var(--shell-max) - var(--rail-w) - var(--rail-gap))) minmax(var(--shell-gutter),1fr);grid-template-rows:auto 1fr;align-content:start;max-width:none}.app-header{grid-column:1 / -1;padding-inline:max(var(--shell-gutter),calc((100% - var(--shell-max)) / 2))}.app-header__subtitle{display:block}.app-main{grid-column:4;grid-row:2;padding:28px 0 48px}.app-shell--no-nav .app-main{grid-column:2 / 5}.bottom-nav{grid-column:2;grid-row:2;position:sticky;top:var(--stick-top);align-self:start;grid-template-columns:1fr;gap:4px;max-height:calc(100dvh - var(--stick-top) - 16px);margin-top:28px;padding:8px 6px;overflow-x:hidden;overflow-y:auto;border:2px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);scrollbar-width:none}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav__item{gap:2px;min-height:68px;padding:8px 2px 6px}.bottom-nav__icon{font-size:28px;line-height:1.1}.bottom-nav__label{font-size:13px;line-height:1.2;text-align:center}.bottom-nav__hint{display:none}.bottom-nav__dot{top:6px;right:calc(50% - 26px)}.page{width:100%;max-width:900px;margin-inline:auto;gap:18px}.page--wide{max-width:none}.page__title{font-size:32px}.page__lead{font-size:17px}.card{padding:22px}.card__title{font-size:20px}.hero__mascot{width:128px;height:128px}.hero__line{font-size:18px}.task-card{min-height:84px;padding:12px 18px}.task-card__label{font-size:19px}.task-card__icon{width:56px;height:56px;font-size:34px}.practice-prompt{font-size:26px}.practice-passage{font-size:20px}.practice-option{min-height:76px;padding:14px 20px;font-size:22px}.practice-option:before{width:40px;height:40px;font-size:18px}.practice-options--image .practice-option{padding:12px}.question-image--option{max-height:220px}.practice-actions--sticky{bottom:calc(env(safe-area-inset-bottom) + 12px)}.practice-actions--sticky .primary-button{max-width:420px;margin-left:auto}.primary-button{font-size:20px}.practice-feedback{scroll-margin-bottom:140px}.celebration__card{max-width:420px;padding:32px 28px 26px}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:14px}.sticker__emoji{font-size:42px}.sticker__name{font-size:13px}.stat-grid{grid-template-columns:repeat(4,1fr)}.stat-grid--three{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){:root{--shell-gutter: 24px}}@media (min-width: 1000px){.page--today{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-auto-flow:dense;align-items:start;column-gap:22px;row-gap:18px}.page--today>.hero,.page--today>.exam-countdown,.page--today>.page__lead,.page--today>[role=status]{grid-column:1 / -1}.page--today>.plan-card{grid-column:1;grid-row:span 3}.page--today>.card:not(.plan-card),.page--today>.onboarding-guide{grid-column:2}}@keyframes pop{0%{transform:scale(.94)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes wobble{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes star-pop{0%{opacity:0;transform:translateY(8px) scale(.6)}20%{opacity:1;transform:translateY(-4px) scale(1.1)}70%{opacity:1;transform:translateY(-16px) scale(1)}to{opacity:0;transform:translateY(-28px) scale(1)}}@keyframes star-in{0%{opacity:0;transform:scale(.2) rotate(-40deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ear-left{0%,to{transform:rotate(0)}50%{transform:rotate(-9deg)}}@keyframes ear-right{0%,to{transform:rotate(0)}50%{transform:rotate(9deg)}}@keyframes confetti-fall{0%{opacity:1;transform:translate3d(0,-10px,0) rotate(0)}85%{opacity:1}to{opacity:0;transform:translate3d(var(--drift),105vh,0) rotate(var(--spin))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.confetti{display:none}}