.promo-form{flex-wrap:wrap;gap:10px;display:flex}.promo-form input{min-width:0;color:var(--text);background:var(--surface);border:1px solid var(--line);font:inherit;border-radius:12px;flex:180px;padding:12px}:root{--page:#f6f7fb;--surface:#fff;--surface-soft:#f8f9fc;--ink:#1d2333;--muted:#7c8497;--line:#e8eaf0;--accent:#5b6cf6;--accent-dark:#4454d8;--accent-soft:#eef0ff;--accent-wash:#f5f6ff;--success:#25a77c;--success-soft:#eaf9f3;--danger:#d95f6a;--danger-soft:#fff0f2;--radius-card:24px;--radius-button:14px;--shadow-card:0 12px 32px #232a4b0f}*{box-sizing:border-box}html{background:var(--page);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif}button,textarea,input{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:2px}.app-shell{--accent:#5b6cf6;--accent-dark:#4454d8;--accent-soft:#eef0ff;--accent-wash:#f5f6ff;background:radial-gradient(circle at 15% -10%, #5b6cf614, transparent 28rem), var(--page);min-height:100vh}.app-shell[data-accent=purple]{--accent:#8b6cf6;--accent-dark:#6b4bd3;--accent-soft:#f1edff;--accent-wash:#f8f5ff}.app-shell[data-accent=pink]{--accent:#e9699a;--accent-dark:#c74e7e;--accent-soft:#fff0f6;--accent-wash:#fff7fa}.app-shell[data-accent=green]{--accent:#2daf84;--accent-dark:#218363;--accent-soft:#eaf9f2;--accent-wash:#f3fcf8}.app-shell[data-accent=orange]{--accent:#e88745;--accent-dark:#c66a2e;--accent-soft:#fff3e9;--accent-wash:#fff9f4}.app-shell[data-accent=red]{--accent:#df5b61;--accent-dark:#b8424a;--accent-soft:#fff0f1;--accent-wash:#fff8f8}.app-shell[data-accent=cyan]{--accent:#29a8bd;--accent-dark:#1d8191;--accent-soft:#e9f9fb;--accent-wash:#f3fcfd}.app-shell[data-accent=neutral]{--accent:#647084;--accent-dark:#4e596a;--accent-soft:#eef1f4;--accent-wash:#f6f8fa}.app-frame{width:min(100%,720px);min-height:100vh;margin:0 auto;padding:22px 18px 108px}.screen-stack{flex-direction:column;gap:26px;display:flex}.loading-state{min-height:100vh;color:var(--muted);text-align:center;place-content:center;gap:12px;display:grid}.loading-state p{margin:0;font-size:14px}.loading-mark{color:#fff;background:var(--accent);letter-spacing:.08em;width:54px;height:54px;box-shadow:0 12px 28px color-mix(in srgb, var(--accent) 32%, transparent);border-radius:18px;place-items:center;margin:0 auto;font-size:14px;font-weight:800;display:grid}.app-header,.quiz-header{justify-content:space-between;align-items:center;min-height:38px;display:flex}.app-header--with-title{margin-bottom:2px}.app-header__center{position:absolute;left:50%;transform:translate(-50%)}.header-spacer{width:40px}.brand-mark{align-items:center;gap:9px;display:inline-flex}.brand-mark__icon{width:34px;height:34px;filter:drop-shadow(0 5px 10px color-mix(in srgb, var(--accent) 28%, transparent));flex:none;display:block}.brand-mark__text{gap:1px;min-width:0;display:grid}.brand-mark__tagline{color:var(--muted);letter-spacing:0;font-size:11px;font-weight:600;line-height:1.2}.brand-mark__name{letter-spacing:-.04em;font-size:17px;font-weight:800}.brand-mark--compact{gap:7px}.brand-mark--compact .brand-mark__icon{filter:none;width:28px;height:28px}.brand-mark--compact .brand-mark__name{font-size:15px}.icon-button{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;padding:0;transition:all .16s;display:grid}.icon-button:hover{color:var(--accent);background:var(--accent-soft)}.hero-card{color:#fff;background:linear-gradient(138deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 72%, #2b3d9d) 100%);min-height:282px;box-shadow:0 20px 44px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:30px;position:relative;overflow:hidden}.hero-card__content{z-index:1;max-width:390px;padding:30px 27px;position:relative}.hero-card h1{color:#fff;letter-spacing:-.06em;margin:13px 0 12px;font-size:clamp(28px,7vw,39px);font-weight:800;line-height:1.15}.hero-card p{color:#ffffffc2;max-width:260px;margin:0 0 23px;font-size:14px;line-height:1.7}.hero-card__glow{border:1px solid #ffffff1f;border-radius:50%;width:230px;height:230px;position:absolute}.hero-card__glow:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:140px;height:140px;position:absolute}.hero-card__glow--one{top:-105px;right:-58px}.hero-card__glow--one:after{top:44px;left:44px}.hero-card__glow--two{opacity:.55;bottom:-122px;right:-92px}.hero-card__badge{color:#ffffffe6;background:#ffffff21;border:1px solid #fff3;border-radius:24px;place-content:center;gap:2px;width:76px;height:76px;display:grid;position:absolute;bottom:28px;right:28px;transform:rotate(7deg)}.hero-card__badge span{letter-spacing:-.08em;font-size:19px;font-weight:900}.button{color:#fff;background:var(--accent);border-radius:var(--radius-button);min-height:46px;box-shadow:0 9px 19px color-mix(in srgb, var(--accent) 20%, transparent);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:14px;font-weight:750;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{background:var(--accent-dark);box-shadow:0 11px 23px color-mix(in srgb, var(--accent) 28%, transparent);transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button--light{color:var(--accent-dark);background:#fff;box-shadow:0 8px 20px #141c4b1f}.button--light:hover{color:var(--accent-dark);background:#fff}.button--secondary{color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);box-shadow:none}.button--secondary:hover,.button--ghost:hover{color:var(--accent-dark);background:var(--accent-soft);box-shadow:none}.button--ghost{color:var(--muted);border:1px solid var(--line);box-shadow:none;background:0 0}.button--full{width:100%}.button--large{border-radius:16px;min-height:54px;font-size:15px}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.4;display:block}.eyebrow--light{color:#ffffffad}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-card{background:var(--surface);min-height:108px;box-shadow:var(--shadow-card);border:1px solid #e6e8efd9;border-radius:17px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:13px;display:flex}.stat-card__icon{border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.stat-card__icon--accent{color:var(--accent);background:var(--accent-soft)}.stat-card__icon--mint{color:#22a67a;background:#eaf9f3}.stat-card__icon--peach{color:#dc7f43;background:#fff2e9}.stat-card strong{letter-spacing:-.04em;margin-top:3px;font-size:20px}.stat-card>span:last-child{color:var(--muted);font-size:11px}.section-block,.settings-section,.setup-section{flex-direction:column;gap:13px;display:flex}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.section-heading h2,.settings-section h2,.setup-section h2{letter-spacing:-.04em;margin:4px 0 0;font-size:19px}.section-heading--small h2{font-size:17px}.text-button{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:6px 0;font-size:12px;font-weight:750;display:inline-flex}.set-list{flex-direction:column;gap:14px;display:flex}.set-card{text-align:left}.set-card--compact{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:16px;align-items:center;gap:12px;width:100%;padding:13px;transition:all .16s;display:flex}.set-card--compact:hover,.set-card--compact.is-selected{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));box-shadow:var(--shadow-card);transform:translateY(-1px)}.set-card__number{border-radius:13px;flex:none;place-items:center;width:41px;height:41px;font-size:12px;font-weight:850;display:grid}.set-card__number--accent{color:var(--accent);background:var(--accent-soft)}.set-card__number--mint{color:#249c77;background:#eaf8f1}.set-card__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.set-card__body strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.set-card__body span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.set-card--compact>svg{color:#b3b8c6}.set-card--large{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px}.set-card--large.is-selected{border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}.set-card__topline{justify-content:space-between;align-items:center;display:flex}.status-pill{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:750}.set-card--large h2{letter-spacing:-.04em;margin:17px 0 6px;font-size:20px}.set-card--large>p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.set-card__meta,.set-card__breakdown{color:var(--muted);flex-wrap:wrap;gap:10px 16px;margin-top:17px;font-size:11px;display:flex}.set-card__meta span,.set-card__breakdown span{align-items:center;gap:5px;display:inline-flex}.set-card__breakdown{border-top:1px solid var(--line);margin-top:12px;padding-top:13px}.dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dot--accent{background:var(--accent)}.dot--purple{background:#9a7bf7}.dot--peach{background:#eaa06a}.set-card--large .button{margin-top:18px}.tip-card,.info-banner,.local-note{align-items:center;gap:12px;display:flex}.tip-card{background:var(--accent-wash);border:1px solid color-mix(in srgb, var(--accent) 13%, var(--line));border-radius:17px;padding:16px}.tip-card__icon{width:32px;height:32px;color:var(--accent);background:var(--accent-soft);border-radius:10px;flex:none;place-items:center;display:grid}.tip-card strong{margin-bottom:3px;font-size:12px;display:block}.tip-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.page-intro{padding:8px 2px 0}.page-intro--tight{padding-top:0}.page-intro h1{letter-spacing:-.06em;margin:5px 0 6px;font-size:31px}.page-intro p{max-width:450px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.info-banner{color:var(--muted);background:var(--surface-soft);border:1px dashed #d8dce6;border-radius:14px;align-items:flex-start;padding:13px 14px;font-size:12px;line-height:1.55}.info-banner svg{color:var(--accent);flex:none}.selected-set-banner{background:var(--accent-wash);border:1px solid color-mix(in srgb, var(--accent) 14%, var(--line));border-radius:17px;align-items:center;gap:11px;padding:14px;display:flex}.selected-set-banner__icon{width:35px;height:35px;color:var(--accent);background:var(--accent-soft);border-radius:11px;flex:none;place-items:center;display:grid}.selected-set-banner>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.selected-set-banner small{color:var(--muted);font-size:10px}.selected-set-banner strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.selected-set-banner__count{color:var(--accent);white-space:nowrap;font-size:12px;font-weight:800}.settings-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:18px;overflow:hidden}.setting-row,.mini-setting{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:15px 16px;display:flex}.setting-row:last-child,.mini-setting:last-child{border-bottom:0}.setting-row:hover,.mini-setting:hover{background:var(--surface-soft)}.setting-row__copy{flex-direction:column;gap:4px;display:flex}.setting-row strong,.mini-setting span{font-size:13px;font-weight:700}.setting-row small{color:var(--muted);font-size:11px}.toggle{background:#dfe2e9;border-radius:99px;flex:none;align-items:center;width:43px;height:25px;padding:3px;transition:background .16s;display:flex}.toggle span{background:#fff;border-radius:50%;width:19px;height:19px;transition:transform .16s;display:block;box-shadow:0 2px 5px #21284021}.toggle.is-on{background:var(--accent)}.toggle.is-on span{transform:translate(18px)}.toggle--small{width:36px;height:21px;padding:2px}.toggle--small span{width:17px;height:17px}.toggle--small.is-on span{transform:translate(15px)}.muted-label{color:var(--muted);font-size:11px}.direction-picker{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.direction-picker button{min-height:78px;color:var(--muted);background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:14px;transition:all .16s;display:flex}.direction-picker button:hover,.direction-picker button.is-selected{color:var(--accent-dark);background:var(--accent-wash);border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.direction-picker__top{align-items:center;gap:5px;font-size:13px;font-weight:850;display:flex}.direction-picker__top svg{color:var(--accent)}.direction-picker small{font-size:11px}.setup-footer{flex-direction:column;gap:10px;padding-top:2px;display:flex}.setup-footer p{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin:0;font-size:11px;display:flex}.setup-footer p svg{color:var(--accent)}.palette-card{padding:16px}.palette-grid{grid-template-columns:repeat(4,1fr);gap:13px 8px;display:grid}.palette-option{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:11px;display:flex}.palette-dot{color:#fff;border:3px solid #0000;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.palette-dot svg{opacity:0}.palette-option.is-selected{color:var(--ink);font-weight:750}.palette-option.is-selected .palette-dot{border-color:var(--surface);outline:2px solid}.palette-option.is-selected .palette-dot svg{opacity:1}.palette-note{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:7px;margin-top:17px;padding-top:13px;font-size:11px;display:flex}.palette-note__preview{background:var(--accent);border-radius:50%;width:10px;height:10px}.settings-card--compact .mini-setting--static{cursor:default}.mini-setting--static:hover{background:0 0}.mini-setting--static strong{color:var(--muted);font-size:12px;font-weight:600}.import-section{padding-top:3px}.import-section>.section-heading>svg{color:var(--accent)}.import-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:18px;padding:16px}.import-card>p{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.6}.backup-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.backup-actions .button{min-height:42px;padding:0 9px;font-size:12px}.backup-actions input:focus-visible+label{outline:3px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:2px}.backup-actions label[aria-disabled=true]{cursor:not-allowed;opacity:.5}.backup-save-link{width:100%;margin-top:9px;font-size:12px;display:flex}.backup-confirmation{background:var(--surface-soft);border:1px solid var(--line);border-radius:13px;margin-top:14px;padding:14px}.backup-confirmation h3{margin:0 0 12px;font-size:14px}.backup-confirmation dl{margin:0}.backup-confirmation dl>div{justify-content:space-between;gap:12px;padding:5px 0;font-size:12px;display:flex}.backup-confirmation dt{color:var(--muted)}.backup-confirmation dd{text-align:right;margin:0;font-weight:700}.backup-confirmation p{color:var(--danger);margin:12px 0;font-size:12px;line-height:1.5}.import-card textarea{resize:vertical;width:100%;min-height:160px;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);border-radius:13px;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.55;display:block}.import-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.import-actions .button{min-height:42px;padding:0 10px;font-size:12px}.import-actions .button--full{grid-column:1/-1}.import-notice{border-radius:11px;align-items:flex-start;gap:7px;margin-top:12px;padding:10px 11px;font-size:11px;line-height:1.5;display:flex}.import-notice--success{color:#238c69;background:var(--success-soft)}.import-notice--error{color:var(--danger);background:var(--danger-soft)}.schema-hint{color:var(--muted);margin:-4px 2px 0;font-size:11px;line-height:1.6}.schema-hint code{color:var(--accent-dark);background:var(--accent-soft);border-radius:4px;padding:2px 4px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.local-note{color:#a2a7b5;justify-content:center;padding-top:4px;font-size:11px}.local-note svg{color:var(--accent)}.changelog-list{gap:12px;display:grid}.changelog-entry{padding:18px}.changelog-entry__heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.changelog-entry h2{margin:0;font-size:17px}.changelog-entry time{color:var(--muted);font-size:12px}.changelog-entry p{color:var(--muted);margin:8px 0 0;font-size:13px}.changelog-entry ul,.whats-new-dialog ul{margin:12px 0 0;padding-left:1.3em;line-height:1.65}.changelog-entry li,.whats-new-dialog li{overflow-wrap:break-word;padding-left:2px}.changelog-entry li{font-size:13px}.whats-new-overlay{z-index:100;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#13192c94;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.whats-new-dialog{width:min(100%,440px);max-height:100%;color:var(--ink);background:var(--surface);border-radius:22px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #0c12274d}.whats-new-scroll{overscroll-behavior:contain;min-height:0;padding:24px 24px 14px;overflow-y:auto}.whats-new-dialog h2{overflow-wrap:break-word;margin:7px 0 0;font-size:clamp(20px,6vw,25px);line-height:1.3}.whats-new-dialog p{color:var(--muted);margin:13px 0 0;font-size:14px;line-height:1.5}.whats-new-dialog li{margin-bottom:7px;font-size:14px}.whats-new-actions{padding:14px 24px max(20px, env(safe-area-inset-bottom));border-top:1px solid var(--line)}.whats-new-actions p{color:var(--danger);margin:0 0 10px;font-size:12px}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bottom-nav{z-index:10;background:color-mix(in srgb, var(--surface) 93%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #e4e7efe6;border-radius:19px;grid-template-columns:repeat(4,1fr);width:min(100% - 36px,684px);margin:0 auto;padding:7px;display:grid;position:fixed;bottom:18px;left:18px;right:18px;box-shadow:0 14px 36px #2028481f}.bottom-nav__item{color:#9aa1b1;cursor:pointer;background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:49px;font-size:10px;font-weight:650;transition:all .16s;display:flex}.bottom-nav__item.is-active{color:var(--accent);background:var(--accent-soft)}.bottom-nav__item:hover{color:var(--accent)}.vocabulary-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.vocabulary-summary>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;justify-content:center;gap:4px;min-height:75px;padding:11px;display:flex}.vocabulary-summary strong{font-size:20px}.vocabulary-summary span{color:var(--muted);font-size:11px}.vocabulary-filters{scrollbar-width:thin;gap:7px;margin-top:-12px;padding:2px 1px 5px;display:flex;overflow-x:auto}.vocabulary-filters button{min-height:36px;color:var(--muted);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;flex:none;padding:0 12px;font-size:12px;font-weight:700}.vocabulary-filters button.is-active{color:#fff;background:var(--accent);border-color:var(--accent)}.vocabulary-list{flex-direction:column;gap:10px;margin-top:-15px;display:flex}.vocabulary-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:17px}.vocabulary-card__top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.vocabulary-card h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:19px}.vocabulary-card p{margin:7px 0 12px;font-size:13px;line-height:1.5}.vocabulary-card__meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:5px 12px;font-size:11px;display:flex}.vocabulary-status{color:var(--accent);background:var(--accent-soft);border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:750}.vocabulary-status--weak{color:var(--danger);background:var(--danger-soft)}.vocabulary-status--familiar{color:var(--success);background:var(--success-soft)}.vocabulary-empty{color:var(--muted);text-align:center;padding:28px 15px;font-size:13px}.quiz-shell{flex-direction:column;gap:14px;min-height:calc(100vh - 44px);display:flex}.quiz-header__count{color:var(--accent);font-size:13px;font-weight:850}.quiz-header__count span{color:var(--muted);font-weight:650}.quiz-progress{background:#e7e9f0;border-radius:99px;height:5px;overflow:hidden}.quiz-progress span{background:var(--accent);border-radius:inherit;height:100%;transition:width .28s;display:block}.quiz-content{flex-direction:column;flex:1;gap:17px;padding-top:12px;display:flex}.quiz-content__meta{justify-content:space-between;align-items:center;display:flex}.kind-pill,.part-of-speech,.exam-label{border-radius:999px;align-items:center;font-size:10px;font-weight:750;display:inline-flex}.kind-pill{padding:6px 9px}.kind-pill--main{color:var(--accent);background:var(--accent-soft)}.kind-pill--supplementary{color:#8065d6;background:#f1edff}.kind-pill--phrase{color:#c77337;background:#fff1e7}.question-card{background:var(--surface);border:1px solid var(--line);min-height:176px;box-shadow:var(--shadow-card);border-radius:25px;flex-direction:column;justify-content:center;padding:26px 22px;display:flex;position:relative;overflow:hidden}.question-card:after{border:1px solid color-mix(in srgb, var(--accent) 12%, transparent);content:"";border-radius:50%;width:150px;height:150px;position:absolute;bottom:-48px;right:-32px}.question-card__topline{justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:22px;right:20px}.part-of-speech{color:var(--accent);background:var(--accent-soft);padding:4px 7px}.exam-label{color:#a1a6b4;font-weight:600}.question-card h1{z-index:1;letter-spacing:-.065em;overflow-wrap:anywhere;margin:16px 0 0;font-size:clamp(29px,9vw,44px);line-height:1.18;position:relative}.question-card__hint{z-index:1;color:var(--muted);margin:9px 0 0;font-size:12px;position:relative}.answer-list{flex-direction:column;gap:9px;display:flex}.answer-option{min-height:59px;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:12px;padding:8px 13px 8px 9px;transition:border-color .16s,background .16s,transform .16s;display:flex}.answer-option:not(:disabled):hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-wash);transform:translate(2px)}.answer-option:disabled{cursor:default}.answer-option__letter{width:34px;height:34px;color:var(--muted);background:var(--surface-soft);border-radius:10px;flex:none;place-items:center;font-size:12px;font-weight:850;display:grid}.answer-option__value{flex:1;font-size:14px;line-height:1.35}.answer-option__state{place-items:center;width:24px;display:grid}.answer-option.is-correct{color:#1f8967;background:var(--success-soft);border-color:#9bd9c1}.answer-option.is-correct .answer-option__letter{color:#fff;background:var(--success)}.answer-option.is-wrong{color:var(--danger);background:var(--danger-soft);border-color:#edabb2}.answer-option.is-wrong .answer-option__letter{color:#fff;background:var(--danger)}.answer-feedback{border:1px solid;border-radius:18px;padding:15px}.answer-feedback--correct{color:#218968;background:var(--success-soft);border-color:#b8e5d3}.answer-feedback--wrong{color:var(--danger);background:var(--danger-soft);border-color:#f0c0c5}.answer-feedback--resumed{color:var(--accent-dark);background:var(--accent-soft);border-color:var(--line)}.answer-feedback__heading{align-items:center;gap:8px;font-size:13px;display:flex}.answer-feedback__icon{color:#fff;background:currentColor;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.answer-feedback__icon svg{color:#fff}.answer-feedback p{color:inherit;margin:10px 0 0;font-size:12px}.usage-note{border-top:1px solid color-mix(in srgb, currentColor 18%, transparent);flex-wrap:wrap;align-items:center;gap:6px;margin-top:11px;padding-top:10px;font-size:11px;display:flex}.usage-note>span{opacity:.7;letter-spacing:.08em;text-transform:uppercase;width:100%;font-size:10px;font-weight:800}.usage-note code,.usage-note p{color:inherit;background:color-mix(in srgb, currentColor 9%, transparent);border-radius:7px;margin:0;padding:5px 7px;font-family:inherit;font-size:11px}.answer-feedback .button{color:#fff;box-shadow:none;background:currentColor;margin-top:14px}.answer-feedback--correct .button{background:#23926d}.answer-feedback--wrong .button{background:var(--danger)}.answer-feedback--resumed .button{background:var(--accent)}.empty-state{min-height:80vh;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:10px;display:grid}.empty-state h1{color:var(--ink);margin:0;font-size:24px}.empty-state p{margin:0 0 8px;font-size:13px}.quiz-shell--complete{gap:0}.completion-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 110px);padding:30px 0 22px;display:flex}.completion-card__orb{width:72px;height:72px;color:var(--accent);background:var(--accent-soft);border-radius:24px;place-items:center;margin-bottom:19px;display:grid;transform:rotate(-8deg)}.completion-card h1{letter-spacing:-.06em;margin:8px 0 5px;font-size:28px}.completion-card>p{color:var(--muted);margin:0;font-size:12px}.score-ring{background:conic-gradient(var(--accent) var(--score), var(--accent-soft) var(--score));border-radius:50%;place-items:center;width:156px;height:156px;margin:25px auto 20px;display:grid}.score-ring:before{background:var(--page);content:"";border-radius:50%;width:129px;height:129px;position:absolute}.score-ring>div{flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.score-ring strong{color:var(--accent);letter-spacing:-.07em;font-size:38px}.score-ring strong small{margin-left:1px;font-size:16px}.score-ring span{color:var(--muted);font-size:11px}.completion-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);width:min(100%,320px);margin-bottom:26px;padding:15px 0;display:grid}.completion-stats div{border-right:1px solid var(--line);flex-direction:column;gap:4px;display:flex}.completion-stats div:last-child{border-right:0}.completion-stats strong{font-size:19px}.completion-stats span{color:var(--muted);font-size:10px}.completion-actions{flex-direction:column;gap:9px;width:min(100%,320px);display:flex}@media (min-width:680px){.app-frame{padding:34px 28px 110px}.screen-stack{gap:30px}.hero-card{min-height:300px}.hero-card__content{padding:37px 34px}.stat-grid{gap:14px}.stat-card{min-height:116px;padding:15px}.quiz-shell{min-height:calc(100vh - 68px)}}@media (prefers-color-scheme:dark){:root{--page:#141720;--surface:#1c202c;--surface-soft:#202533;--ink:#f2f4fb;--muted:#9aa3b8;--line:#2d3342;--shadow-card:0 12px 32px #00000024}.app-shell{background:radial-gradient(circle at 15% -10%, color-mix(in srgb, var(--accent) 17%, transparent), transparent 28rem), var(--page)}.hero-card{box-shadow:0 20px 44px #0003}.bottom-nav{border-color:#303746}.score-ring:before{background:var(--page)}}.account-sync-banner{color:#334155;background:#eef2ff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;max-width:740px;margin:12px auto;padding:12px 20px;font-size:14px;display:flex}.account-form{gap:10px;margin-top:16px;display:grid}.account-form input{width:100%;min-height:44px;font:inherit;border:1px solid #d9dfea;border-radius:12px;padding:10px 12px}.account-card>.button{margin:8px 8px 0 0}.account-user-id{overflow-wrap:anywhere;color:#64748b;font-size:12px}.button{text-decoration:none}.button--capture{color:var(--accent-dark);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:none;font-weight:700}.button--capture:hover{color:#fff;background:var(--accent-dark)}.button--danger{color:#fff;background:var(--danger);border:1px solid var(--danger);box-shadow:none}.button--danger:hover{filter:brightness(.94)}.set-card__delete{color:var(--danger);margin-top:8px}.set-card__delete:disabled{opacity:.5;cursor:not-allowed}.set-card__hint{color:var(--muted);text-align:center;margin-top:6px;font-size:12px;display:block}.set-delete-actions{gap:10px;display:flex}.set-delete-actions .button{flex:1 1 0;min-width:0}