.home-page{gap:var(--space-8);display:grid}.home-header{padding-top:var(--space-4)}.home-header__eyebrow{margin:0 0 var(--space-2);color:var(--accent);letter-spacing:.14em;font-size:.75rem;font-weight:700}.home-header h1{letter-spacing:.04em;margin:0;font-family:Songti SC,SimSun,serif;font-size:clamp(2.25rem,12vw,3.75rem);font-weight:700;line-height:1.08}.home-header__subtitle{margin:var(--space-3) 0 var(--space-6);color:var(--muted);font-size:1rem}.home-header time{color:var(--text);font-size:.9375rem}.home-today,.home-completion,.home-zero,.home-progress{border-top:1px solid var(--border);padding-top:var(--space-6)}.home-today h2,.home-completion h2,.home-zero h2,.home-progress h2{margin:0;font-size:1.25rem}.home-section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.home-section-heading p,.home-today__pending,.home-zero p{color:var(--muted);margin:0;font-size:.875rem}.home-today__counts,.home-completion__summary,.home-progress__metrics{gap:var(--space-3);margin:var(--space-6) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home-today__counts p,.home-completion__summary p,.home-progress__metrics p{margin:0;line-height:1.5}.home-today__counts p:last-child,.home-completion__summary p:last-child,.home-progress__metrics p:last-child{text-align:right}.home-study-link{border-radius:var(--radius-md);background:var(--accent);min-height:48px;color:var(--surface);justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:flex}.home-completion,.home-zero{border-left:3px solid var(--accent);padding-left:var(--space-4)}.home-zero p{margin-top:var(--space-3)}@media (width<=380px){.home-today__counts,.home-completion__summary,.home-progress__metrics{gap:var(--space-2);font-size:.875rem}}.library-page,.idiom-detail{padding-bottom:var(--space-8)}.library-page__header h1,.idiom-detail__header h1{margin:var(--space-2) 0;color:var(--text);font-family:Songti SC,SimSun,serif}.library-page__header p,.idiom-detail__header p{color:var(--muted);line-height:1.7}.eyebrow{color:var(--accent);letter-spacing:.12em;margin:0;font-size:.8125rem;font-weight:700}.library-search{gap:var(--space-2);margin-top:var(--space-6);font-weight:700;display:grid}.library-search input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:48px;color:var(--text);padding:0 var(--space-4);font:inherit}.library-categories{gap:var(--space-2);margin:var(--space-4) calc(var(--space-4) * -1) 0;padding:0 var(--space-4) var(--space-2);scrollbar-width:thin;display:flex;overflow-x:auto}.library-categories button{border-color:var(--border);min-width:max-content;color:var(--muted);background:0 0}.library-categories button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--surface)}.library-count{margin:var(--space-4) 0 var(--space-2);color:var(--muted);font-size:.875rem}.library-results{margin:0;padding:0;list-style:none}.library-results li{border-top:1px solid var(--border)}.library-results a{align-content:center;gap:var(--space-2);min-height:72px;color:var(--text);padding:var(--space-4) 0;text-decoration:none;display:grid}.library-results strong{font-family:Songti SC,SimSun,serif;font-size:1.25rem}.library-results span{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.library-message{border-top:1px solid var(--border);margin-top:var(--space-4);color:var(--muted);padding-top:var(--space-5)}.library-message--error{color:var(--danger)}.idiom-detail>.text-link{margin-top:0}.idiom-detail__header{padding:var(--space-6) 0}.idiom-detail__header h1{letter-spacing:.08em;font-size:clamp(2.25rem,12vw,3.5rem)}.idiom-detail__section{border-top:1px solid var(--border);padding:var(--space-5) 0}.idiom-detail__section h2{margin:0 0 var(--space-3);color:var(--accent);font-size:1rem}.idiom-detail__section p{margin:0;line-height:1.75}.idiom-detail__section p+p{margin-top:var(--space-3)}.idiom-detail__facts,.idiom-detail__definitions{gap:var(--space-4);margin:0;display:grid}.idiom-detail__facts div,.idiom-detail__definitions div{gap:var(--space-1);display:grid}.idiom-detail__facts dt,.idiom-detail__definitions dt{color:var(--muted);font-size:.875rem}.idiom-detail__facts dd,.idiom-detail__definitions dd{margin:0;line-height:1.7}.idiom-detail__group,.idiom-detail__sources{gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.idiom-detail__group a{align-items:center;min-height:44px;display:inline-flex}.idiom-detail--empty{padding-top:var(--space-8)}.settings-page{gap:var(--space-8);display:grid}.settings-page__header h1{margin:0;font-family:Songti SC,SimSun,serif;font-size:2.4rem}.settings-page__header>p:last-child,.settings-section>p{color:var(--muted);line-height:1.65}.settings-section{gap:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-6);display:grid}.settings-section h2{margin:0;font-size:1.25rem}.settings-number{gap:var(--space-2);font-weight:700;display:grid}.settings-number__controls{gap:var(--space-2);grid-template-columns:48px minmax(0,1fr) 48px;display:grid}.settings-number input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:0 var(--space-3);text-align:center}.settings-section fieldset{gap:var(--space-2);border:0;margin:0;padding:0;display:grid}.settings-section legend{margin-bottom:var(--space-2);font-weight:700}.settings-section fieldset label{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border);min-height:44px;display:flex}.settings-section input[type=radio]{min-height:auto;accent-color:var(--accent)}.settings-actions{gap:var(--space-3);display:grid}.button-secondary,.file-button{border:1px solid var(--accent);color:var(--accent);background:0 0}.file-button{border-radius:var(--radius-sm);cursor:pointer;min-height:44px;padding:var(--space-2) var(--space-4);justify-content:center;align-items:center;display:flex}.file-button input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.file-button:focus-within{outline:3px solid var(--accent);outline-offset:3px}.button-danger{border-color:var(--danger);background:var(--danger);color:var(--surface)}.confirm-dialog{z-index:30;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(100% - 2rem,420px);color:var(--text);box-shadow:var(--shadow-md);padding:var(--space-6);margin:0 auto;position:fixed;top:50%;transform:translateY(-50%)}.confirm-dialog::backdrop{background:#28211d73}.confirm-dialog h2{margin:0}.confirm-dialog p{color:var(--muted);line-height:1.65}.confirm-dialog__actions{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stats-page{gap:var(--space-8);display:grid}.stats-page__header h1{margin:0;font-family:Songti SC,SimSun,serif;font-size:2.4rem}.stats-page__header>p:last-child{margin:var(--space-3) 0 0;color:var(--muted)}.eyebrow{margin:0 0 var(--space-2);color:var(--accent);letter-spacing:.14em;font-size:.75rem;font-weight:700}.stats-metrics{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.stats-metrics div{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.stats-metrics div:nth-child(2n){padding-left:var(--space-4);border-left:1px solid var(--border)}.stats-metrics dt{color:var(--muted);font-size:.8125rem}.stats-metrics dd{margin:var(--space-1) 0 0;font-family:Songti SC,SimSun,serif;font-size:1.75rem;font-weight:700}.stats-week{border-top:1px solid var(--border);padding-top:var(--space-6)}.stats-week h2{margin:0 0 var(--space-6);font-size:1.25rem}.stats-week ol{align-items:end;gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));height:180px;margin:0;padding:0;list-style:none;display:grid}.stats-week li{align-items:end;gap:var(--space-2);text-align:center;grid-template-rows:minmax(0,1fr) auto auto;height:100%;display:grid}.stats-week__bar{width:min(100%,28px);height:var(--bar-height);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--accent);margin:0 auto}.stats-week strong{font-size:.75rem}.stats-week time{color:var(--muted);font-size:.6875rem}.study-page{width:min(100%,560px);min-height:100dvh;padding:calc(var(--safe-area-top) + var(--space-4)) calc(var(--safe-area-right) + var(--space-6)) calc(var(--safe-area-bottom) + var(--space-4)) calc(var(--safe-area-left) + var(--space-6));flex-direction:column;margin:0 auto;display:flex}.study-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.study-header .text-link{margin-top:0}.study-header p{color:var(--muted);margin:0;font-size:.875rem}.study-card-stage{padding:var(--space-8) 0;flex:1;transition:opacity .18s,transform .18s}.study-card-stage--leaving{opacity:0;pointer-events:none;transform:translateY(8px)}.study-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:100%;box-shadow:var(--shadow-sm)}.study-card--prompt,.study-card__collapse{place-content:center;gap:var(--space-4);min-height:250px;color:var(--text);text-align:center;display:grid}.study-card--prompt{cursor:pointer;padding:var(--space-8)}.study-card--revealed{padding:var(--space-6)}.study-card__collapse{border:0;border-bottom:1px solid var(--border);width:100%;min-height:44px;color:var(--text);cursor:pointer;padding:0 0 var(--space-4);background:0 0;border-radius:0}.study-card__idiom{letter-spacing:.08em;font-family:Songti SC,SimSun,serif;font-size:clamp(2.5rem,16vw,4.5rem);font-weight:700;line-height:1.15}.study-card__hint{color:var(--muted);font-size:.9375rem}.study-card__definition{margin:var(--space-6) 0;font-size:1.125rem;line-height:1.8}.study-card__detail{border-top:1px solid var(--border);padding:var(--space-4) 0}.study-card__detail h2{margin:0 0 var(--space-2);color:var(--accent);font-size:.9375rem}.study-card__detail p,.study-card__detail li{margin:0;line-height:1.7}.study-card__detail p+p{margin-top:var(--space-2)}.study-card__links,.study-card__sources{gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.study-card__links a{align-items:center;min-height:44px;display:inline-flex}.study-error{margin:0 0 var(--space-3);color:var(--danger);line-height:1.6}.study-controls{bottom:calc(var(--safe-area-bottom) * -1);gap:var(--space-3);border-top:1px solid var(--border);background:var(--bg);padding:var(--space-4) 0 calc(var(--safe-area-bottom) + var(--space-4));grid-template-columns:1fr 1fr;display:grid;position:sticky}.study-controls button{min-height:52px;font-weight:700}.study-controls__forget{border-color:var(--danger);color:var(--danger);background:0 0}.study-status{border-top:1px solid var(--border);padding:var(--space-6) 0;margin:auto 0}.study-status h1,.study-status p{margin:0}.study-status h1{font-size:1.5rem}.study-status p{margin-top:var(--space-3);color:var(--muted);line-height:1.6}@media (width<=380px){.study-page{padding-right:calc(var(--safe-area-right) + var(--space-4));padding-left:calc(var(--safe-area-left) + var(--space-4))}}@media (prefers-reduced-motion:reduce){.study-card-stage{transition:none}}:root{--bg:#f7f1e8;--surface:#fffdf9;--text:#28211d;--muted:#706863;--border:#ded3c6;--accent:#3e5b4d;--danger:#a64032;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--shadow-sm:0 1px 2px #28211d14;--shadow-md:0 8px 24px #28211d1f}*{box-sizing:border-box}:root{color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body{background:var(--bg);min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}#root{min-height:100dvh}a{color:var(--accent)}button,input,select,textarea{min-height:44px;font:inherit}button{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:var(--surface);cursor:pointer;padding:var(--space-2) var(--space-4)}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.app-shell{min-height:100dvh}.app-main,.study-placeholder,.startup-page{width:min(100%,560px);min-height:100dvh;padding-top:calc(var(--safe-area-top) + var(--space-6));padding-right:calc(var(--safe-area-right) + var(--space-6));padding-left:calc(var(--safe-area-left) + var(--space-6));margin:0 auto}.app-main{padding-bottom:calc(var(--safe-area-bottom) + 6.5rem)}.study-placeholder,.startup-page{padding-bottom:calc(var(--safe-area-bottom) + var(--space-8))}.startup-page{place-items:center;display:grid}.inline-status{border-top:1px solid var(--border);width:100%;padding:var(--space-6) 0}.inline-status h1,.inline-status h2{margin:0 0 var(--space-3);font-size:1.35rem}.inline-status p{color:var(--muted);margin:0;line-height:1.65}.inline-status button{margin-top:var(--space-4)}.inline-status--error{border-top-color:var(--danger)}.inline-status--error h1,.inline-status--error h2{color:var(--danger)}.placeholder-page{padding:var(--space-8) 0}.placeholder-page h1{margin:0 0 var(--space-3);font-size:1.75rem}.placeholder-page p{color:var(--muted);line-height:1.65}.text-link{min-height:44px;margin-top:var(--space-2);align-items:center;display:inline-flex}.bottom-nav{z-index:10;border-top:1px solid var(--border);background:var(--surface);padding-right:var(--safe-area-right);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);position:fixed;bottom:0;left:0;right:0}.bottom-nav__inner{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,560px);margin:0 auto;display:grid}.bottom-nav__link{min-height:60px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;text-decoration:none;display:flex}.bottom-nav__link svg{fill:currentColor;width:20px;height:20px}.bottom-nav__link--active{color:var(--accent);font-weight:700}@media (width<=380px){.app-main,.study-placeholder,.startup-page{padding-right:calc(var(--safe-area-right) + var(--space-4));padding-left:calc(var(--safe-area-left) + var(--space-4))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (display-mode:standalone){body{overscroll-behavior-y:none}}