:root{color-scheme:light;font-family:Avenir Next,Nunito Sans,Trebuchet MS,PingFang TC,Noto Sans TC,sans-serif;line-height:1.5;color:#102033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #102033;--muted: #637083;--line: #d8e0ec;--paper: #ffffff;--blue: #2563eb;--sky: #0ea5e9;--green: #16a34a;--amber: #d97706;--red: #dc2626;--code: #122033;--mint: #dff8ed;--yellow: #fff6c9;--shadow: 0 16px 36px rgba(16, 32, 51, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(14,165,233,.18),transparent 32rem),linear-gradient(180deg,#eef6ff,#f8fafc 38%,#f5f7fb)}button,input,select{font:inherit}button,select{cursor:pointer}.app-shell{width:min(100%,1040px);margin:0 auto;padding:14px 14px 92px}.hero{border:1px solid rgba(16,32,51,.1);border-radius:8px;padding:22px;color:#fff;background:linear-gradient(135deg,#102033f5,#133348fa),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 28px);box-shadow:var(--shadow)}.hero__eyebrow,.badge,.section-title,.filter-row label{display:inline-flex;align-items:center;gap:8px}.hero__eyebrow{min-height:28px;color:#a7f3d0;font-size:.88rem;font-weight:700;letter-spacing:0}.hero h1{margin:12px 0 8px;max-width:760px;font-size:clamp(2.15rem,10vw,4.8rem);line-height:.96;letter-spacing:0}.hero p{max-width:650px;margin:0;color:#dbeafe;font-size:1rem}.hero__actions,.pronounce-actions,.quiz-actions,.filter-row{display:flex;gap:10px;flex-wrap:wrap}.hero__actions{margin-top:22px}.button{min-height:44px;border:1px solid transparent;border-radius:8px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.button--primary{background:var(--green);color:#fff;box-shadow:0 10px 20px #16a34a38}.button--primary:hover,.button--primary:focus-visible{background:#12813c}.button--ghost{background:#fff;color:var(--ink);border-color:var(--line)}.button--ghost:hover,.button--ghost:focus-visible{border-color:var(--blue);color:var(--blue)}.button--light{background:#dff8ed;color:#0f5c35}.tabbar{position:sticky;top:10px;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;padding:8px;border:1px solid rgba(16,32,51,.1);border-radius:8px;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 24px #10203314}.tabbar__item{min-height:52px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;gap:2px;font-size:.78rem;font-weight:800}.tabbar__item--active{background:var(--ink);color:#fff}.page-grid{display:grid;gap:14px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric,.panel,.search-panel,.flashcard,.info-block,.library-card{border:1px solid rgba(16,32,51,.1);border-radius:8px;background:#fffffff0;box-shadow:0 10px 26px #10203314}.metric{min-height:92px;padding:15px;display:grid;align-content:center}.metric__value{color:var(--ink);font-size:2rem;font-weight:900}.metric__label,.library-card small,.term-row small{color:var(--muted);font-size:.86rem}.panel,.search-panel{padding:16px}.panel--ink{color:#fff;background:linear-gradient(135deg,#102033,#1c3a52),repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 20px)}.panel--ink p{color:#d7e7f7}.section-title{width:100%;margin-bottom:12px}.section-title h2{margin:0;font-size:1.1rem}.daily-list,.library-list,.detail-stack,.answer-grid,.category-strip{display:grid;gap:10px}.term-row{min-height:64px;width:100%;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:10px 12px;display:grid;grid-template-columns:24px 1fr 18px;align-items:center;gap:12px;text-align:left}.term-row span,.library-card__main span{display:grid;gap:2px}.category-strip{grid-template-columns:1fr}.category-chip{min-height:50px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 14px;font-weight:800}.flashcard{padding:18px;background:linear-gradient(180deg,#fffffff5,#eff6fff2),repeating-linear-gradient(90deg,rgba(37,99,235,.05) 0 1px,transparent 1px 34px)}.flashcard__top{display:flex;justify-content:space-between;gap:12px;align-items:center}.badge{min-height:32px;border-radius:999px;padding:0 10px;background:#e7f3ff;color:#1d4ed8;font-size:.82rem;font-weight:900}.icon-button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#fff;display:inline-grid;place-items:center}.icon-button--active{color:#a16207;border-color:#fde68a;background:var(--yellow)}.flashcard h2,.quiz-card h2{margin:18px 0 6px;font-size:clamp(2.3rem,12vw,5.8rem);line-height:.94;letter-spacing:0}.pronunciation{margin:0;color:#1d4ed8;font-family:SFMono-Regular,Cascadia Code,Menlo,monospace;font-weight:800}.zh-term{margin:10px 0 18px;color:var(--ink);font-size:1.25rem;font-weight:900}.voice-panel{margin-bottom:14px;padding:12px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff}.voice-panel label{display:grid;gap:7px;color:#1e3a8a;font-size:.86rem;font-weight:900}.voice-panel select{width:100%;min-height:44px;border:1px solid #93c5fd;border-radius:8px;padding:0 10px;color:var(--ink);background:#fff;font-weight:800}.voice-panel p,.helper-copy,.pronunciation-note{margin:8px 0 0;color:var(--muted);font-size:.88rem}.helper-copy{margin-top:10px}.notice{color:var(--red);font-weight:800}.info-block{padding:14px}.info-block h3{margin:0 0 8px;color:var(--muted);font-size:.85rem}.info-block p{margin:0;font-size:1rem}.info-block--warning{background:#fff7ed;border-color:#fed7aa}.code-line{border-radius:8px;padding:12px;color:#dbeafe;background:var(--code);font-family:SFMono-Regular,Cascadia Code,Menlo,monospace;overflow-wrap:anywhere}.familiarity-grid,.segmented{display:grid;gap:8px}.familiarity-grid{grid-template-columns:repeat(4,1fr)}.level-button,.segment,.answer-button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:var(--ink);font-weight:900}.level-button--active,.segment--active{background:var(--ink);color:#fff;border-color:var(--ink)}.segmented{grid-template-columns:repeat(3,1fr);margin-bottom:14px}.quiz-card{min-height:190px;padding:18px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#1c3a52,#132033)}.quiz-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.quiz-card .button--light{min-height:42px;background:#dff8ed}.quiz-scenario{margin:18px 0 12px;font-size:1.15rem;font-family:SFMono-Regular,Cascadia Code,Menlo,monospace;color:#dbeafe}.pronunciation-note{color:#cfe7ff}.answer-grid{margin-top:12px}.answer-button{min-height:56px;padding:10px 12px;text-align:left;display:flex;align-items:center;gap:10px}.answer-button--correct{color:#14532d;background:var(--mint);border-color:#86efac}.answer-button--wrong{color:#7f1d1d;background:#fee2e2;border-color:#fecaca}.quiz-feedback{margin-top:14px;padding:14px;border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4}.quiz-feedback p{margin:5px 0 12px}.quiz-actions{margin-top:10px}.search-box{min-height:50px;border:1px solid var(--line);border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:10px;background:#fff}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent}.filter-row{margin-top:10px}.filter-row label,.filter-row select{min-height:44px}.filter-row label,.filter-row select{flex:1;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;color:var(--ink);font-weight:800}.library-card{min-height:64px;display:grid;gap:8px;padding:10px}.library-card__main{min-height:48px;width:100%;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;color:var(--ink)}.library-card__status,.library-card__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.library-card__status{padding-left:33px}.status-pill{min-height:28px;border:1px solid var(--line);border-radius:999px;padding:4px 9px;color:var(--muted);background:#f8fafc;font-size:.78rem;font-weight:900}.status-pill--favorite{color:#854d0e;border-color:#fde68a;background:#fef3c7}.status-pill--known{color:#14532d;border-color:#86efac;background:#dcfce7}.status-pill--learning{color:#1e3a8a;border-color:#bfdbfe;background:#dbeafe}.mini-action{min-height:44px;border:1px solid var(--line);border-radius:8px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--ink);background:#fff;font-size:.86rem;font-weight:900}.mini-action--active{color:#fff;border-color:var(--ink);background:var(--ink)}.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}:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}@media(min-width:760px){.app-shell{padding:24px 24px 110px}.hero{padding:34px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.stats-grid,.category-strip{grid-template-columns:repeat(4,1fr)}.flashcard,.search-panel,.panel--ink{grid-column:span 2}.tabbar{width:min(720px,100%);margin-left:auto;margin-right:auto}}@media(min-width:1040px){.flashcard{grid-column:span 1;position:sticky;top:94px}.detail-stack{grid-column:span 1}.search-panel,.panel--ink{grid-column:span 2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}