:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,Microsoft YaHei,sans-serif;color:#182033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #182033;--muted: #6d7585;--line: #e4e8f0;--panel: #ffffff;--primary: #5667d8;--primary-dark: #4455c1;--primary-soft: #eef0ff;--green: #1f9d70;--green-soft: #eaf8f2;--red: #e15d65;--red-soft: #fff0f1;--shadow: 0 20px 60px rgba(44, 52, 90, .09)}*{box-sizing:border-box}html{min-width:320px;background:#f5f7fb}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% 0%,rgba(86,103,216,.09),transparent 30rem),#f5f7fb}button{font:inherit}button:focus-visible{outline:3px solid rgba(86,103,216,.28);outline-offset:3px}svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.app-shell{width:min(1180px,calc(100% - 48px));min-height:100vh;margin:0 auto;display:flex;flex-direction:column}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;padding:0;border:0;color:var(--ink);background:transparent;font-size:20px;font-weight:700;cursor:pointer}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--primary);box-shadow:0 8px 20px #5667d840}.brand-mark svg{width:22px;height:22px}.main-nav{display:flex;align-items:center;gap:8px}.book-bar{min-height:76px;padding:10px 12px 10px 18px;border:1px solid rgba(228,232,240,.92);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffffb8;box-shadow:0 8px 28px #2c345a0b}.book-bar-copy span,.book-bar-copy strong{display:block}.book-bar-copy span{color:var(--muted);font-size:11px}.book-bar-copy strong{margin-top:3px;font-size:14px}.book-tabs{padding:4px;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#edf0f6}.book-tab{min-width:112px;min-height:48px;padding:5px 16px;border:0;border-radius:11px;color:var(--muted);background:transparent;cursor:pointer;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.book-tab span,.book-tab small{display:block}.book-tab span{font-weight:700}.book-tab small{margin-top:1px;color:inherit;font-size:10px}.book-tab.is-active{color:var(--primary-dark);background:#fff;box-shadow:0 4px 12px #2c345a17}.nav-link{position:relative;min-height:42px;padding:0 15px;border:0;border-radius:12px;color:var(--muted);background:transparent;font-weight:600;cursor:pointer;transition:.16s ease}.nav-link:hover,.nav-link.is-active{color:var(--ink);background:#ffffffc7}.nav-count{min-width:20px;height:20px;margin-left:5px;padding:0 6px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--red);font-size:11px}main{flex:1}.home-hero{min-height:420px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:56px;align-items:center;padding:44px 0 58px}.eyebrow{display:block;margin-bottom:13px;color:var(--primary);font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.hero-copy h1{max-width:650px;margin:0;font-size:clamp(46px,6vw,78px);line-height:1.1;letter-spacing:-.055em}.hero-copy>p{margin:22px 0 0;color:var(--muted);font-size:18px}.hero-actions,.complete-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--primary);box-shadow:0 10px 26px #5667d83b}.button-primary:hover{background:var(--primary-dark);box-shadow:0 14px 30px #5667d84d}.button-secondary{color:var(--ink);border-color:var(--line);background:#ffffffd1}.button-secondary:hover{background:#fff;box-shadow:0 10px 24px #2c345a14}.button-large{min-height:58px;padding:0 24px}.hero-orbit{position:relative;aspect-ratio:1;max-width:365px;width:100%;margin-left:auto;border:1px solid rgba(86,103,216,.13);border-radius:50%;display:grid;place-content:center;text-align:center}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%}.hero-orbit:before{inset:12%;border:1px dashed rgba(86,103,216,.2)}.hero-orbit:after{width:11px;height:11px;top:13%;right:18%;background:var(--primary);box-shadow:-250px 210px 0 3px #aeb7f6}.orbit-word{position:relative;font-size:58px;font-weight:700;letter-spacing:-.04em}.orbit-phonetic{position:relative;margin-top:3px;color:var(--muted);font-size:18px}.orbit-meaning{position:relative;width:fit-content;margin:23px auto 0;padding:8px 14px;border-radius:10px;color:var(--primary-dark);background:var(--primary-soft);font-weight:600}.home-overview{padding:44px 0 28px;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(500px,1.22fr);align-items:stretch;gap:28px}.home-intro{padding:34px 18px 34px 4px;display:flex;flex-direction:column;justify-content:center}.home-intro h1{max-width:480px;margin:0;font-size:clamp(42px,5vw,64px);line-height:1.08;letter-spacing:-.055em}.home-intro>p{max-width:430px;margin:20px 0 0;color:var(--muted);font-size:16px;line-height:1.65}.home-intro-actions{margin-top:28px;display:grid;gap:9px}.review-mode-button{width:100%;min-height:64px;padding:11px 15px;justify-content:flex-start;text-align:left}.review-mode-button>svg{flex:0 0 auto}.review-mode-copy{min-width:0;display:grid;gap:3px}.review-mode-copy strong,.review-mode-copy small{display:block}.review-mode-copy small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.35}.home-overview .daily-task-panel{margin-bottom:0}.daily-task-panel{margin-bottom:18px;padding:38px 42px;border:1px solid rgba(86,103,216,.16);border-radius:28px;background:#ffffffeb;box-shadow:var(--shadow)}.task-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.task-panel-heading h2{margin:0;font-size:clamp(25px,3.5vw,36px);line-height:1.22;letter-spacing:-.035em}.task-badge{flex:0 0 auto;padding:9px 13px;border-radius:11px;color:var(--primary-dark);background:var(--primary-soft);font-size:13px;font-weight:700}.task-badge.is-complete{color:#138158;background:var(--green-soft)}.task-intro,.goal-editor>p{margin:16px 0 0;color:var(--muted);line-height:1.65}.task-notice{margin:18px 0 0;padding:12px 14px;border:1px solid #dfe2fa;border-radius:12px;color:var(--primary-dark);background:var(--primary-soft);font-size:14px;font-weight:600}.goal-form{margin-top:24px}.goal-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.goal-options button{min-height:50px;border:1px solid #dfe2fa;border-radius:13px;color:var(--primary-dark);background:var(--primary-soft);font-weight:700;cursor:pointer}.goal-options button:hover{border-color:#bdc4f7;background:#e4e7ff}.goal-options button.is-selected{border-color:var(--primary);color:#fff;background:var(--primary);box-shadow:0 8px 20px #5667d833}.custom-goal-label{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:18px;color:var(--muted);font-size:14px;font-weight:600}.custom-goal-label input,.spelling-input-row input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff;font:inherit}.custom-goal-label input:focus,.spelling-input-row input:focus{border-color:#aeb7f6;outline:3px solid rgba(86,103,216,.14)}.default-goal-check{width:fit-content;margin-top:15px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;cursor:pointer}.default-goal-check input{width:18px;height:18px;accent-color:var(--primary)}.goal-form-actions,.task-panel-actions{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.text-button{min-height:44px;padding:0 12px;border:0;color:var(--muted);background:transparent;font-weight:600;cursor:pointer}.task-metrics{margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.task-metrics>div{min-width:0;padding:15px 16px;border-radius:14px;background:#f8f9fc}.task-metrics span,.task-metrics strong{display:block}.task-metrics span{color:var(--muted);font-size:12px}.task-metrics strong{margin-top:5px;font-size:18px}.task-progress-track{height:8px;margin-top:15px;border-radius:99px;overflow:hidden;background:#e7eaf2}.task-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7280e4,var(--primary));transition:width .25s ease}.goal-editor{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#f8f9fc}.goal-editor h3{margin:0;font-size:20px}.goal-modal{position:fixed;z-index:1000;inset:0;padding:24px;display:grid;place-items:center;overflow-y:auto;background:#18203380;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.goal-modal-card{position:relative;width:min(560px,100%);max-height:calc(100vh - 48px);padding:36px;border:1px solid rgba(86,103,216,.18);border-radius:26px;overflow-y:auto;background:#fff;box-shadow:0 28px 90px #18203340}.goal-modal-card h2{margin:0;padding-right:40px;font-size:30px;line-height:1.2;letter-spacing:-.035em}.goal-modal-card>p{margin:14px 0 0;color:var(--muted);line-height:1.65}.modal-close{position:absolute;top:20px;right:20px;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;color:var(--muted);background:#f8f9fc;cursor:pointer}.modal-close:hover{color:var(--ink);background:#fff}.summary-grid{width:100%;margin-top:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;text-align:left}.summary-grid .stat-card{min-height:112px;padding:18px}.dashboard{padding:54px;border:1px solid rgba(228,232,240,.9);border-radius:28px;background:#ffffffe0;box-shadow:var(--shadow)}.section-heading,.page-heading,.study-toolbar,.progress-copy{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading h2,.page-heading h1{margin:0;font-size:30px;letter-spacing:-.03em}.date-label,.wrong-total{padding:9px 13px;border:1px solid var(--line);border-radius:11px;color:var(--muted);background:#fafbfc;font-size:13px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.stat-card{min-height:128px;padding:22px;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;justify-content:space-between;background:#fff}.stat-card span{color:var(--muted);font-size:14px}.stat-card strong{font-size:28px;letter-spacing:-.03em}.stat-primary{border-color:transparent;color:#fff;background:var(--primary)}.stat-primary span{color:#ffffffbf}.stat-known strong{color:var(--green)}.stat-unknown strong{color:var(--red)}.progress-panel{margin-top:16px;padding:23px 25px;border-radius:18px;background:#f8f9fc}.progress-copy>div{display:flex;align-items:baseline;gap:11px}.progress-copy span{color:var(--muted);font-size:14px}.progress-copy strong{font-size:18px}.progress-percent{color:var(--primary)!important;font-weight:700}.progress-track{height:8px;margin-top:15px;border-radius:99px;overflow:hidden;background:#e7eaf2}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7280e4,var(--primary));transition:width .25s ease}.study-page,.wrong-page{width:min(820px,100%);margin:0 auto;padding:38px 0 80px}.back-button{min-height:42px;padding:0 12px 0 8px;border:0;border-radius:11px;display:inline-flex;align-items:center;gap:5px;color:var(--muted);background:transparent;font-weight:600;cursor:pointer}.back-button:hover{color:var(--ink);background:#fff}.study-mode{text-align:right}.study-mode span,.study-mode strong{display:block}.study-mode span{color:var(--muted);font-size:12px}.study-mode strong{margin-top:2px;font-size:15px}.word-card{min-height:540px;margin-top:22px;padding:62px 72px 50px;border:1px solid rgba(228,232,240,.9);border-radius:30px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fffffff0;box-shadow:var(--shadow)}.word-card.is-consolidation{border-color:#5667d838}.card-kicker{color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.06em}.word-text{min-width:0;max-width:100%;margin:48px 0 0;font-size:clamp(48px,9vw,82px);line-height:1.05;overflow-wrap:anywhere;letter-spacing:-.045em}.word-heading{width:100%;max-width:100%;margin-top:48px;display:flex;align-items:center;justify-content:center;gap:15px}.word-heading .word-text{margin:0}.speak-button{flex:0 0 auto;min-width:74px;height:42px;padding:0 12px;border:1px solid #dfe2fa;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--primary-dark);background:var(--primary-soft);font-size:14px;font-weight:700;line-height:1;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.speak-button:hover{transform:translateY(-2px);background:#e4e7ff;box-shadow:0 8px 18px #5667d826}.speak-button-large{min-width:104px;height:50px;border-radius:15px;font-size:16px}.speak-button span:first-child{font-size:18px}.pronunciation-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.word-card>.pronunciation-buttons{margin-top:20px}.speak-button.is-speaking{color:#fff;background:var(--primary);animation:speak-pulse .9s ease-in-out infinite alternate}.speak-button.is-loading{border-color:#bfc6f8;background:#e4e7ff;animation:speak-loading .7s ease-in-out infinite alternate}.speak-button.is-loading span:first-child{animation:speak-spin .9s linear infinite alternate}.speech-feedback{min-height:20px;margin:9px 0 0;color:var(--muted);font-size:13px;font-weight:600;text-align:center}.speech-feedback:empty{display:none}.speech-feedback.is-success{color:var(--green)}.speech-feedback.is-error{padding:9px 12px;border:1px solid #ffd7da;border-radius:10px;color:#bc3f49;background:var(--red-soft)}.phonetic-text{min-height:29px;margin:15px 0 0;color:var(--muted);font-size:clamp(17px,2.8vw,21px)}.meaning-area{width:100%;min-height:116px;margin-top:48px;padding:24px;border:1px dashed var(--line);border-radius:17px;display:grid;place-content:center;gap:17px;color:#9aa0ac;background:#fafbfc}.meaning-area.is-visible{border-style:solid;border-color:#dfe2fa;color:var(--ink);background:var(--primary-soft);animation:reveal .18s ease-out}.definition-block>span{color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.definition-block p{margin:8px 0 0;font-size:21px;font-weight:600}.definition-english{max-width:640px;padding-top:16px;border-top:1px solid rgba(86,103,216,.16)}.definition-english p{color:#3f485c;font-size:16px;font-weight:500;line-height:1.65}.meaning-placeholder{font-size:14px}.study-actions{width:100%;min-height:56px;margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.reveal-button{grid-column:1 / -1;width:100%}.answer-button{min-height:56px;border:1px solid;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.answer-button:hover{transform:translateY(-2px)}.answer-no{border-color:#f4cdd0;color:#c9424b;background:var(--red-soft)}.answer-yes{border-color:#c6eadc;color:#138158;background:var(--green-soft)}.study-tip{margin:18px 0 0;color:var(--muted);text-align:center;font-size:13px}.listening-recall,.reading-recall{width:100%;margin-top:42px}.listening-recall h1{margin:18px 0 0;font-size:clamp(30px,5vw,42px);letter-spacing:-.035em}.listening-recall p{margin:12px 0 0;color:var(--muted)}.recall-icon{width:72px;height:72px;margin:0 auto;border-radius:22px;display:grid;place-items:center;background:var(--primary-soft);font-size:32px}.reading-recall{padding:26px;border-radius:20px;background:#f8f9fc}.recall-label{color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.08em}.recall-meaning{margin:18px 0 0;font-size:clamp(25px,4vw,34px);font-weight:700;line-height:1.35}.recall-definition{max-width:610px;margin:12px auto 0;color:var(--muted);line-height:1.65}.spelling-form{margin-top:24px;text-align:left}.spelling-form>label{display:block;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:600}.spelling-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.spelling-feedback{width:100%;min-height:0;margin:12px 0 0;padding:14px;border:1px solid transparent;border-radius:14px;display:flex;align-items:flex-start;gap:11px;font-size:14px;line-height:1.5;text-align:left}.spelling-feedback:empty{display:none}.word-card>.spelling-feedback{margin-top:28px}.spelling-feedback.is-correct{border-color:#bfe4d5;color:#116e4d;background:var(--green-soft)}.spelling-feedback.is-error{border-color:#f2c8cc;color:#a93740;background:var(--red-soft)}.spelling-feedback.is-empty{border-color:#f0d9a8;color:#805d17;background:#fff8e8}.feedback-icon{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;line-height:1}.spelling-feedback.is-correct .feedback-icon{background:var(--green)}.spelling-feedback.is-error .feedback-icon{background:var(--red)}.spelling-feedback.is-empty .feedback-icon{background:#a77a22}.spelling-feedback strong,.feedback-answer{display:block}.spelling-feedback>div{min-width:0}.spelling-feedback strong{font-size:16px}.feedback-answer,.feedback-answer-details{margin-top:4px}.feedback-answer-details{display:grid;gap:2px}.feedback-answer b,.feedback-answer-details b{color:var(--ink);overflow-wrap:anywhere}.undo-toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translate(-50%);min-width:270px;padding:12px 14px 12px 17px;border:1px solid rgba(255,255,255,.16);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;background:#262d3d;box-shadow:0 18px 40px #1820333d}.undo-toast button{min-height:36px;padding:0 11px;border:0;border-radius:9px;color:#dfe2ff;background:#ffffff1a;font-weight:700;cursor:pointer}.complete-page{width:min(760px,100%)}.complete-card,.empty-state{margin-top:28px;padding:70px 54px;border:1px solid var(--line);border-radius:28px;text-align:center;background:#fff;box-shadow:var(--shadow)}.complete-icon,.empty-icon{width:68px;height:68px;margin:0 auto 24px;border-radius:50%;display:grid;place-items:center;color:var(--green);background:var(--green-soft)}.complete-icon svg,.empty-icon svg{width:30px;height:30px;stroke-width:2.2}.complete-card h1{margin:0;font-size:clamp(32px,5vw,48px);line-height:1.15;letter-spacing:-.04em}.complete-card p{max-width:530px;margin:18px auto 0;color:var(--muted);line-height:1.7}.complete-actions{justify-content:center}.page-heading{align-items:flex-end;margin:20px 0 30px}.page-heading h1{font-size:clamp(38px,6vw,54px)}.page-heading p{margin:11px 0 0;color:var(--muted)}.wrong-list{display:grid;gap:13px}.wrong-card{padding:25px 28px;border:1px solid var(--line);border-radius:19px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ffffffeb;transition:transform .16s ease,box-shadow .16s ease}.wrong-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #2c345a12}.wrong-card h2{margin:0;font-size:28px;letter-spacing:-.025em}.wrong-card-content{min-width:0}.wrong-word-heading{display:flex;align-items:center;gap:11px}.wrong-phonetic{margin:4px 0 0;color:var(--muted)}.wrong-card .pronunciation-buttons{justify-content:flex-start;margin-top:13px}.wrong-card .speech-feedback{text-align:left}.wrong-part{width:fit-content;margin:14px 0 0;padding:4px 9px;border-radius:8px;color:var(--primary-dark);background:var(--primary-soft);font-size:12px;font-weight:700}.wrong-meaning{margin:13px 0 0;font-weight:600}.wrong-definition{max-width:570px;margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.wrong-card-actions{flex:0 0 260px;width:260px;margin-top:0}.empty-state h2{margin:0;font-size:30px}.empty-state p{margin:12px 0 25px;color:var(--muted)}.random-empty-state .empty-icon{color:var(--primary);background:var(--primary-soft)}.empty-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.site-footer{min-height:96px;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.site-footer button{padding:6px 0;border:0;color:var(--muted);background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.site-footer button:hover{color:var(--red)}.site-footer a{color:var(--muted);text-underline-offset:3px}.site-footer a:hover{color:var(--primary)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes speak-pulse{to{box-shadow:0 0 0 7px #5667d81f}}@keyframes speak-loading{0%{opacity:.68}to{opacity:1}}@keyframes speak-spin{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(5px)}}.auth-shell{min-height:100vh;padding:28px 18px;display:grid;place-items:center;background:radial-gradient(circle at 85% 0%,rgba(86,103,216,.13),transparent 30rem),#f5f7fb}.auth-card{width:min(100%,440px);padding:44px;border:1px solid var(--line);border-radius:26px;background:#fffffff5;box-shadow:var(--shadow)}.auth-brand{margin-bottom:34px;display:inline-flex;align-items:center;gap:11px;font-size:20px}.auth-card h1{margin:0;font-size:34px;letter-spacing:-.04em}.entry-card{padding-block:48px}.entry-card h1{font-size:clamp(36px,8vw,48px);line-height:1.06}.entry-subtitle{margin:14px 0 0;color:var(--muted);font-size:18px;line-height:1.6}.entry-actions{margin-top:32px;display:grid;gap:12px}.entry-actions .button{width:100%;min-height:54px}.entry-primary-button{font-size:16px}.entry-email-button{border-color:var(--line)}.entry-storage-note{margin:24px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.auth-intro,.auth-loading-card p{margin:14px 0 0;color:var(--muted);line-height:1.65}.auth-form{margin-top:28px;display:grid;gap:12px}.auth-form label{color:var(--ink);font-size:13px;font-weight:700}.auth-form input{width:100%;height:52px;padding:0 15px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:#fff;font:inherit;outline:none}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5667d824}.auth-form input:disabled,.auth-form button:disabled,.logout-button:disabled{cursor:wait;opacity:.66}.auth-message{margin:20px 0 0;padding:12px 14px;border-radius:11px;font-size:13px;line-height:1.55}.auth-message.is-error{color:#a6323b;background:var(--red-soft)}.auth-message.is-success{color:#137252;background:var(--green-soft)}.auth-message.is-info{color:var(--primary-dark);background:var(--primary-soft)}.auth-back-button{min-height:40px;border:0;color:var(--primary-dark);background:transparent;cursor:pointer}.auth-security-note{margin:28px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.auth-loading-card{text-align:center}.auth-loading-card .auth-brand{justify-content:center}.auth-spinner{width:34px;height:34px;margin:0 auto 24px;border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.account-label{max-width:180px;padding:6px 10px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.logout-button{color:var(--primary-dark)}@media(max-width:820px){.app-shell{width:min(100% - 32px,680px)}.home-hero{grid-template-columns:1fr;min-height:auto;padding:58px 0 62px}.home-overview{grid-template-columns:1fr;padding:38px 0 28px;gap:22px}.home-intro{padding:12px 4px}.hero-orbit{display:none}.stats-grid{grid-template-columns:1fr 1fr}.dashboard,.daily-task-panel{padding:34px}.task-metrics,.summary-grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.app-shell{width:min(100% - 24px,480px)}.site-header{height:60px}.brand-mark{width:34px;height:34px}.nav-link{min-height:38px;padding:0 10px}.main-nav{gap:2px}.account-label{display:none}.logout-button{padding:0 7px;font-size:12px}.auth-card{padding:34px 24px;border-radius:22px}.book-bar{min-height:0;padding:7px;align-items:stretch;flex-direction:column;gap:0}.book-bar-copy{display:none}.book-tab{min-width:0;min-height:44px;width:100%}.home-hero{padding:22px 0 20px}.home-overview{padding:20px 0 18px;gap:14px}.home-intro{padding:4px 2px 2px}.home-intro .eyebrow{margin-bottom:7px;font-size:11px}.home-intro h1{max-width:360px;font-size:clamp(31px,9vw,38px);line-height:1.08;letter-spacing:-.045em}.home-intro>p{margin-top:10px;font-size:14px;line-height:1.5}.home-intro-actions{margin-top:13px}.home-intro-actions .button{min-height:60px}.review-mode-button{padding:10px 13px}.review-mode-copy small{font-size:10px}.home-hero .eyebrow{margin-bottom:7px;font-size:11px}.hero-copy h1{max-width:360px;font-size:clamp(32px,9.5vw,39px);line-height:1.08;letter-spacing:-.045em}.hero-copy>p{margin-top:10px;font-size:14px;line-height:1.5}.hero-actions{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.complete-actions,.empty-state-actions{display:grid;grid-template-columns:1fr}.empty-state-actions .button{width:100%}.hero-actions .button-large{min-height:54px;padding:0 10px}.button-large,.complete-actions .button{width:100%}.dashboard{padding:25px 18px;border-radius:22px}.daily-task-panel{padding:22px 18px;border-radius:22px}.goal-modal{padding:12px;align-items:end}.goal-modal-card{width:100%;max-height:calc(100vh - 24px);padding:28px 18px 20px;border-radius:24px}.goal-modal-card h2{padding-right:38px;font-size:25px}.goal-modal-card>p{margin-top:10px;font-size:14px}.modal-close{top:14px;right:14px}.task-panel-heading{align-items:flex-start;flex-direction:column;gap:10px}.task-panel-heading h2{font-size:23px}.goal-options{grid-template-columns:1fr 1fr}.custom-goal-label{grid-template-columns:1fr;gap:8px}.custom-goal-label input,.spelling-input-row input{min-height:48px;padding-right:16px;padding-left:16px;font-size:16px;line-height:1.25}.goal-form-actions,.task-panel-actions{display:grid;grid-template-columns:1fr}.goal-form-actions .button,.task-panel-actions .button{width:100%}.task-metrics,.summary-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-end}.section-heading h2{font-size:25px}.date-label{padding:7px 9px;font-size:11px}.stats-grid{gap:10px;margin-top:24px}.stat-card{min-height:108px;padding:17px}.stat-card strong{font-size:23px}.progress-copy>div{display:block}.progress-copy strong{display:block;margin-top:3px}.study-page,.wrong-page{padding-top:22px}.word-card{min-height:490px;margin-top:14px;padding:42px 20px 30px;border-radius:23px}.word-text{margin-top:0}.word-heading{margin-top:42px;gap:10px}.speak-button-large{min-width:96px;height:46px}.meaning-area{min-height:108px;margin-top:40px;padding:18px}.definition-block p{font-size:18px}.definition-english p{font-size:15px}.study-actions{grid-template-columns:1fr}.reveal-button{grid-column:auto}.answer-button{min-height:52px}.reading-recall{margin-top:28px;padding:20px 15px}.spelling-input-row{grid-template-columns:1fr}.spelling-input-row .button{width:100%}.word-card>.spelling-feedback{margin-top:22px}.undo-toast{right:12px;bottom:14px;left:12px;min-width:0;transform:none}.complete-card,.empty-state{padding:52px 22px}.page-heading{align-items:flex-start}.wrong-card{padding:22px;align-items:stretch;flex-direction:column}.wrong-card-actions{flex-basis:auto;width:100%;grid-template-columns:1fr 1fr}.site-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:7px}}@media(max-width:360px){.app-shell{width:min(100% - 20px,340px)}.hero-copy h1{font-size:30px}.hero-copy>p{font-size:13px}.hero-actions .button-large{min-height:52px;font-size:14px}.daily-task-panel{padding:20px 15px}.task-metrics>div{padding:13px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}