:root{font-family:ui-rounded,SF Pro Rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#17324a;background:#fbf8f1;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17324a;--muted: #65798a;--surface: #fffdf8;--surface-soft: #f6f4ed;--blue-pale: #e2f0f3;--blue: #76aebe;--blue-deep: #2d7288;--orange: #eaa55f;--orange-pale: #fff0dd;--red: #a94343;--line: rgba(23, 50, 74, .12);--shadow: 0 18px 45px rgba(39, 73, 89, .1)}:root[data-theme=dark]{color:#e8f0f3;background:#101c24;--ink: #e8f0f3;--muted: #9db0bb;--surface: #172630;--surface-soft: #1b2d37;--blue-pale: #234956;--blue: #76aebe;--blue-deep: #82bfd0;--orange-pale: #4b3826;--line: rgba(232, 240, 243, .13);--shadow: 0 20px 50px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--surface-soft)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 100% 0%,var(--blue-pale) 0,transparent 30rem),#fbf8f1;color:var(--ink)}:root[data-theme=dark] body{background:radial-gradient(circle at 100% 0%,#173945 0,transparent 30rem),#101c24}button,input,textarea,select{font:inherit;color:inherit}button{min-height:44px;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 55%,transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}p,h1,h2,h3{overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-frame{min-height:100vh;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.topbar{position:sticky;z-index:20;top:0;display:flex;justify-content:space-between;align-items:center;padding:calc(11px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 11px max(18px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-button{display:flex;gap:10px;align-items:center;padding:0;border:0;text-align:left;background:transparent}.brand-button small,.brand-button strong{display:block}.brand-button small{color:var(--muted);font-size:.68rem;letter-spacing:.06em}.brand-button strong{margin-top:2px;font:700 1.05rem Georgia,Songti SC,serif}.brand-mark{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;border-radius:15px;color:#fff;background:#2d7288;box-shadow:0 8px 22px #2d728838;font:700 1.2rem Georgia,serif}.quick-add{display:flex;align-items:center;gap:6px;padding:0 14px;border:0;border-radius:14px;background:var(--blue-pale);color:var(--blue-deep);font-weight:750}.main-content{width:min(100% - 32px,760px);margin:0 auto;padding:30px 0 24px}.home-brand{margin-bottom:22px}.home-brand-art{position:relative;isolation:isolate;min-height:clamp(255px,78vw,360px);overflow:hidden;border:1px solid color-mix(in srgb,var(--blue) 28%,transparent);border-radius:30px;background:radial-gradient(circle at 48% 44%,#edf7fb 0,#f8f8f2 46%,transparent 68%),#fff9ef;box-shadow:var(--shadow)}.home-raven,.home-lettering{position:absolute;display:block;height:auto;object-fit:contain}.home-raven{z-index:2;bottom:0;left:3%;width:clamp(210px,68%,320px)}.home-lettering{z-index:1;top:1%;right:3%;width:clamp(160px,48%,245px)}.home-brand-copy{margin-top:16px}.home-brand-copy h2{margin:5px 0 0;font:700 clamp(1.7rem,7vw,2.35rem) / 1.15 Georgia,"Songti SC",serif;letter-spacing:-.03em}.page-header{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:24px}.page-header>div{flex:1}.page-header .icon-button{order:2}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:.73rem;letter-spacing:.075em;text-transform:uppercase}.page-header h1{margin:0;font:700 clamp(1.7rem,7vw,2.35rem)/1.15 Georgia,"Songti SC",serif;letter-spacing:-.03em}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 64px 1fr 1fr;align-items:end;padding:7px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-button{display:grid;place-items:center;gap:2px;min-height:52px;padding:4px;border:0;border-radius:14px;background:transparent;color:var(--muted)}.nav-button svg{width:20px}.nav-button span{font-size:.68rem}.nav-button.active{color:var(--blue-deep);background:var(--blue-pale)}.nav-add{align-self:start;width:56px;height:56px;min-height:56px;display:grid;place-items:center;margin:-24px auto 0;border:5px solid var(--surface);border-radius:50%;color:#fff;background:#2d7288;box-shadow:0 9px 24px #2d728847}.nav-add svg{width:24px}.welcome-card{display:grid;gap:22px;padding:27px;border:1px solid color-mix(in srgb,var(--blue) 22%,transparent);border-radius:28px;background:linear-gradient(140deg,color-mix(in srgb,var(--surface) 95%,white),color-mix(in srgb,var(--blue-pale) 88%,var(--surface)));box-shadow:var(--shadow)}.soft-label{display:inline-flex;align-items:center;gap:7px;color:var(--blue-deep);font-size:.82rem;font-weight:750}.welcome-card h2{margin:14px 0 8px;font:700 clamp(1.55rem,6vw,2.25rem)/1.2 Georgia,"Songti SC",serif}.welcome-card p,.empty-card p,.section-note{color:var(--muted);line-height:1.7}.primary-button,.secondary-button,.danger-button,.text-button,.reveal-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:15px;padding:0 18px;font-weight:750}.primary-button{color:#fff;background:#2d7288}.secondary-button{color:var(--ink);background:var(--blue-pale)}.danger-button{color:#fff;background:var(--red)}.text-button{color:var(--blue-deep);background:transparent}.wide{width:100%}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 26px}.stat-grid article{padding:17px 12px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 84%,transparent)}.stat-grid strong,.stat-grid span{display:block}.stat-grid strong{font-size:1.5rem}.stat-grid span{margin-top:4px;color:var(--muted);font-size:.74rem}.empty-card{padding:34px 24px;text-align:center;border:1px dashed color-mix(in srgb,var(--blue) 50%,transparent);border-radius:24px;background:color-mix(in srgb,var(--surface) 82%,transparent)}.orange-dot{width:11px;height:11px;display:inline-block;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px var(--orange-pale)}.empty-card>.orange-dot{width:18px;height:18px;margin-bottom:16px}.empty-illustration{display:block;width:min(118px,42vw);height:auto;margin:-13px auto 7px;object-fit:contain;filter:drop-shadow(0 9px 13px rgba(39,73,89,.12))}.empty-card h2{margin:0;font-size:1.14rem}.empty-card p{max-width:420px;margin:9px auto 18px}.home-section{margin-top:28px}.home-section h2{display:flex;align-items:center;gap:9px;margin:0 0 11px;font-size:1rem}.mini-card-list{display:grid;gap:9px}.mini-card{display:flex;align-items:center;justify-content:space-between;width:100%;gap:14px;padding:15px 17px;border:1px solid var(--line);border-radius:18px;text-align:left;background:var(--surface)}.mini-card span{min-width:0}.mini-card strong,.mini-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-card strong{font-size:1rem}.mini-card small{margin-top:5px;color:var(--muted)}.backup-reminder{width:100%;margin-bottom:20px;padding:12px 15px;border:1px solid color-mix(in srgb,var(--orange) 38%,transparent);border-radius:15px;text-align:left;color:var(--ink);background:var(--orange-pale);font-size:.83rem;line-height:1.5}.filter-panel,.form-card,.settings-card,.detail-card,.review-card{padding:20px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:0 8px 28px #2749590e}.search-field{display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}.search-field input{width:100%;min-height:46px;border:0;outline:0;background:transparent}.filter-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.filter-row label,.field{display:grid;gap:7px}.filter-row label>span,.field>span{color:var(--muted);font-size:.78rem;font-weight:700}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}input,select{min-height:46px;padding:0 12px}textarea{padding:12px;resize:vertical;line-height:1.6}.chip-row,.tag-row,.speech-actions{display:flex;flex-wrap:wrap;gap:8px}.chip-row{margin-top:14px}.toggle-chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:transparent}.toggle-chip.active{border-color:var(--blue);background:var(--blue-pale);color:var(--blue-deep)}.card-list{display:grid;gap:10px;margin-top:16px}.study-card-row{display:flex;width:100%;justify-content:space-between;align-items:flex-start;gap:13px;padding:17px;border:1px solid var(--line);border-radius:19px;text-align:left;background:var(--surface)}.card-row-main{display:grid;grid-template-columns:10px 1fr;gap:11px;min-width:0}.card-row-main strong{font-size:1.03rem;line-height:1.45}.card-row-main p{margin:5px 0 8px;color:var(--muted);font-size:.87rem}.mastery-dot{width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--blue)}.mastery-忘记{background:#c36b61!important}.mastery-困难{background:var(--orange)!important}.mastery-新词{background:var(--blue)!important}.mastery-记得{background:#74a78c!important}.mastery-熟悉{background:#507c91!important}.tag-row span{padding:3px 8px;border-radius:999px;color:var(--blue-deep);background:var(--blue-pale);font-size:.7rem}.card-row-meta{display:grid;place-items:end;gap:7px;color:var(--muted)}.card-row-meta small{white-space:nowrap}.editor-form{padding-bottom:20px}.form-card+.form-card,.settings-card+.settings-card{margin-top:14px}.form-card h2,.settings-card h2{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:1rem}.alphabet-intro{margin-bottom:16px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.alphabet-intro>p{line-height:1.65}.alphabet-speed{grid-template-columns:repeat(2,1fr)}.voice-refresh{min-height:44px}.alphabet-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.alphabet-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.alphabet-card header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.alphabet-card h2{margin:0;font:700 1.8rem Georgia,serif}.alphabet-card header span{color:var(--blue-deep);font-weight:750}.alphabet-card p{line-height:1.6;overflow-wrap:anywhere}.alphabet-card small{display:block;margin-top:6px;color:var(--muted);line-height:1.5}.alphabet-regional{color:var(--muted)}.alphabet-example{padding:10px 12px;border-radius:12px;background:var(--blue-pale)}.alphabet-example span{font:700 1.1rem Georgia,serif}.alphabet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.alphabet-actions button{min-height:44px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}.combinations{margin-top:16px}.combinations article+article{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.combinations article p{margin:5px 0;line-height:1.55}@media(min-width:640px){.alphabet-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.field+.field{margin-top:14px}.field>span b{color:var(--red)}.field-error{color:var(--red);font-weight:700}[aria-invalid=true]{border-color:var(--red)}.special-toolbar{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin:8px 0 14px}.special-toolbar button{min-width:0;min-height:42px;padding:0;border:1px solid var(--line);border-radius:10px;color:var(--blue-deep);background:var(--blue-pale);font-weight:750}.section-note{margin:-7px 0 14px;font-size:.82rem}.check-row{display:flex;align-items:center;gap:9px;min-height:44px;margin-top:13px;font-size:.87rem}.check-row input{width:20px;min-height:20px;height:20px;accent-color:var(--blue-deep)}.sticky-form-actions{position:sticky;z-index:10;bottom:calc(76px + env(safe-area-inset-bottom));display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding:10px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.inline-notice{padding:11px 14px;border-radius:13px;color:var(--blue-deep);background:var(--blue-pale)}.icon-button{width:44px;min-height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:14px;color:var(--blue-deep);background:var(--blue-pale)}.icon-button svg{width:20px}.icon-button.small{width:36px;min-height:36px}.detail-card{padding:23px}.detail-field+.detail-field{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.detail-field>header{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.78rem;font-weight:750}.detail-value p{margin:9px 0 0;line-height:1.7}.detail-value small{display:block;margin-top:6px;color:var(--muted);line-height:1.6}.detail-spanish{font:700 clamp(1.55rem,7vw,2.35rem)/1.35 Georgia,serif}.hidden-placeholder{width:100%;margin-top:8px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);background:var(--surface-soft)}.speech-actions{margin-top:22px}.chunked-text{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 0}.chunked-text span{padding:5px 8px;border-radius:8px;background:var(--surface-soft)}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.action-grid button,.settings-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:70px;padding:8px;border:1px solid var(--line);border-radius:15px;background:var(--surface);font-size:.75rem}.action-grid svg,.settings-actions svg{width:18px}.danger-text{color:var(--red)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin-bottom:15px;border-radius:16px;background:var(--surface-soft)}.segmented button{min-width:0;min-height:42px;padding:4px 7px;border:0;border-radius:12px;background:transparent;font-size:.76rem}.segmented button.active{color:var(--blue-deep);background:var(--surface);box-shadow:0 3px 12px #27495914;font-weight:750}.review-card{min-height:390px;display:flex;flex-direction:column}.review-topline{display:flex;justify-content:space-between;align-items:center}.mastery-pill{padding:5px 10px;border-radius:999px;color:var(--ink);background:var(--blue-pale);font-size:.72rem}.review-prompt{margin:42px 0;text-align:center;font:700 clamp(1.8rem,8vw,3rem)/1.35 Georgia,serif}.review-prompt.chinese{font-family:inherit;font-size:clamp(1.45rem,7vw,2.3rem)}.reveal-button{width:100%;margin-top:auto;color:var(--blue-deep);background:var(--blue-pale)}.answer-reveal{margin:4px 0 18px;padding:18px;border-radius:17px;background:var(--blue-pale)}.answer-reveal>span,.standard-answer>span{display:block;color:var(--muted);font-size:.72rem;font-weight:750}.answer-reveal p{margin:8px 0;font-size:1.1rem;line-height:1.65}.answer-reveal small{display:block;margin-top:5px;color:var(--muted)}.full-spanish{font-family:Georgia,serif;font-weight:700}.review-full-fields{display:grid;gap:10px;margin:8px 0 18px}.review-full-field{padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:var(--blue-pale)}.review-full-field>header{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.74rem;font-weight:750}.review-full-value p{margin:7px 0 0;line-height:1.55}.rating-panel{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.rating-panel>p{margin:0 0 10px;color:var(--muted);font-size:.82rem}.rating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rating-grid button{min-width:0;padding:0 3px;border:0;border-radius:12px;font-size:.78rem;font-weight:700}.rating-忘记{background:#f5dfdc;color:#873a34}.rating-困难{background:var(--orange-pale);color:#865019}.rating-记得{background:#e3f1e9;color:#346b50}.rating-熟悉{background:var(--blue-pale);color:var(--blue-deep)}.dictation-result{margin:14px 0;padding:16px;border-radius:17px}.dictation-result.correct{background:#e3f1e9;color:#295c43}.dictation-result.needs-work{background:var(--orange-pale)}.dictation-result h3{display:flex;gap:7px;align-items:center;margin:0 0 12px;font-size:.95rem}.dictation-result h3 svg{width:18px}.standard-answer{padding:12px;border-radius:12px;background:color-mix(in srgb,var(--surface) 70%,transparent)}.standard-answer strong{display:block;margin-top:5px;font-family:Georgia,serif}.dictation-result ul{margin:11px 0 0;padding:0;list-style:none}.dictation-result li{display:grid;grid-template-columns:90px 1fr;gap:8px;padding:7px 0;font-size:.8rem}.accent-hint{font-size:.8rem;font-weight:700}.settings-card h2{color:var(--ink)}.settings-segment button{display:flex;justify-content:center;align-items:center;gap:5px}.settings-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.settings-actions button{font-size:.8rem}.muted-line{display:block;margin-top:10px;color:var(--muted)}.app-info p{color:var(--muted);font-size:.85rem}.modal-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:end center;padding:18px 14px calc(18px + env(safe-area-inset-bottom));background:#08141c8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(100%,560px);max-height:min(82vh,720px);overflow-y:auto;padding:20px;border:1px solid var(--line);border-radius:25px;background:var(--surface);box-shadow:0 30px 90px #00000047}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal>header h2{margin:0;font:700 1.3rem Georgia,Songti SC,serif}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:18px}.preview-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preview-stats div{padding:11px;border-radius:13px;background:var(--surface-soft)}.preview-stats dt{color:var(--muted);font-size:.72rem}.preview-stats dd{margin:5px 0 0;font-weight:750}.example-preview{display:grid;gap:7px}.example-preview article{display:grid;gap:3px;padding:10px;border-radius:12px;background:var(--surface-soft)}.example-preview span{color:var(--muted);font-size:.8rem}.prose{color:var(--muted);line-height:1.7}.prose code{padding:2px 5px;border-radius:5px;background:var(--surface-soft)}.offline-banner{margin:0 0 16px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--orange) 40%,transparent);border-radius:14px;background:var(--orange-pale);font-size:.8rem}.toast{position:fixed;z-index:100;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100% - 36px);padding:11px 16px;border-radius:13px;color:#fff;background:#17324a;box-shadow:0 12px 30px #0003;font-size:.83rem}.update-banner{position:fixed;z-index:90;left:14px;right:14px;bottom:calc(88px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;width:min(calc(100% - 28px),600px);margin:auto;padding:11px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.update-banner span{flex:1;font-size:.8rem}.update-banner button{min-height:36px;border:0;border-radius:10px;background:var(--blue-pale);font-size:.75rem}.loading-state,.fatal-state{min-height:100vh;display:grid;place-content:center;justify-items:center;padding:24px;text-align:center}.fatal-state p{color:var(--muted)}@media(min-width:640px){.home-brand{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(230px,.78fr);align-items:center;gap:28px}.home-brand-copy{margin-top:0}.welcome-card{grid-template-columns:1fr auto;align-items:end}.bottom-nav{left:50%;right:auto;width:min(720px,calc(100% - 24px));transform:translate(-50%);bottom:12px;border:1px solid var(--line);border-radius:24px;padding-bottom:7px;box-shadow:var(--shadow)}.app-frame{padding-bottom:110px}.modal-backdrop{place-items:center}.filter-row{grid-template-columns:repeat(4,1fr)}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color:#e8f0f3;background:#101c24;--ink: #e8f0f3;--muted: #9db0bb;--surface: #172630;--surface-soft: #1b2d37;--blue-pale: #234956;--blue: #76aebe;--blue-deep: #82bfd0;--orange-pale: #4b3826;--line: rgba(232, 240, 243, .13);--shadow: 0 20px 50px rgba(0, 0, 0, .24)}:root:not([data-theme=light]) body{background:radial-gradient(circle at 100% 0%,#173945 0,transparent 30rem),#101c24}:root:not([data-theme=light]) .rating-忘记{background:#56332f;color:#f3c3bd}:root:not([data-theme=light]) .rating-记得,:root:not([data-theme=light]) .dictation-result.correct{background:#253f33;color:#bce1cc}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}