:root{--paper: #fffdf7;--surface: #ffffff;--ink: #20221f;--muted: #5e625b;--line: #dfe2d9;--accent: #2856d6;--accent-dark: #1d3fa3;--accent-soft: #e8effc;--accent-line: #cddaf7;--cta: #ffa800;--cta-hover: #e69700;--wash: #f4f5ef;--wash-warm: #f7f7f2;--wash-cool: #fbfcff;--ink-inverse: #ffffff;--ink-on-dark: #e9ece3;--danger: #a60e0a;--success: #166534;--focus: #1b75bb;--field-line: #bfc4ba;--placeholder: #656b62;--color-paper: #fffdf7;--color-paper-muted: var(--wash-warm);--color-paper-card: var(--surface);--color-ink: #20221f;--color-ink-muted: var(--muted);--color-ink-subtle: #8a8d84;--color-border: var(--line);--color-accent: #2856d6;--color-accent-hover: var(--accent-dark);--color-cta: #ffa800;--color-cta-hover: var(--cta-hover);--color-success: #166534;--color-danger: #a60e0a;--color-focus: #1b75bb;--radius: 18px;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 10px;--radius-input: 9px;--radius-chip: 8px;--radius-pill: 9999px;--radius-full: 9999px;--shadow: 0 18px 50px rgba(44, 41, 34, .1);--shadow-price: 0 16px 34px rgba(29, 63, 163, .12);--shadow-btn-hover: 0 10px 18px rgba(29, 63, 163, .28);--shadow-btn-cta-hover: 0 10px 18px rgba(230, 151, 0, .32);--shadow-avatar: 0 2px 8px rgba(31, 35, 34, .12);--ring-selected: 0 0 0 2px rgba(40, 86, 214, .16);--border-hard: 3px solid var(--ink);--offset-shadow: 6px 6px 0 var(--ink);--ease: .2s ease;--font-display: "Plus Jakarta Sans", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Plus Jakarta Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-hanzi: "Plus Jakarta Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--tracking-display: -.035em;--tracking-tight: -.02em;--tracking-eyebrow: .095em;--target-min-size: 44px;--target-touch-mobile: 48px;--bottom-nav-height: 64px;--mobile-header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;font-family:var(--font-body);background-color:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.min-target{min-height:var(--target-min-size, 44px);min-width:var(--target-min-size, 44px)}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-weight:750;font-size:.95rem;padding:.75rem 1.35rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform var(--ease),background var(--ease),box-shadow var(--ease),border-color var(--ease);min-height:44px}.btn-base:hover:not(:disabled){transform:translateY(-2px)}.btn-base:active:not(:disabled){transform:translateY(0)}.btn-base:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-dark);box-shadow:var(--shadow-btn-hover)}.btn-secondary{background-color:#fff;color:var(--ink);border-color:var(--line)}.btn-secondary:hover:not(:disabled){background-color:var(--wash-warm);border-color:var(--accent-line);color:var(--accent-dark);box-shadow:0 4px 12px #2c292214}.btn-purchase{background-color:var(--cta);color:var(--ink);border-color:#f59e0b}.btn-purchase:hover:not(:disabled){background-color:var(--cta-hover);box-shadow:var(--shadow-btn-cta-hover)}.app-layout{display:flex;min-height:100vh;background-color:var(--paper)}.app-sidebar{width:260px;min-width:260px;background-color:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 1.15rem;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--ink);padding:.25rem .25rem 1.25rem;border-bottom:1px solid var(--line);margin-bottom:1.25rem}.sidebar-logo{width:40px;height:40px;border-radius:var(--radius-pill);background-color:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-hanzi);font-size:1.3rem;font-weight:800;box-shadow:0 4px 10px #2856d640}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-brand-title{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:var(--tracking-tight);line-height:1.2}.sidebar-brand-subtitle{font-size:.68rem;font-weight:800;color:var(--accent);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:.35rem;flex:1}.sidebar-nav-btn{display:flex;align-items:center;gap:.85rem;width:100%;padding:.65rem .95rem;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--muted);font-family:var(--font-display);font-weight:700;font-size:.92rem;text-align:left;cursor:pointer;min-height:44px;transition:background var(--ease),color var(--ease),transform var(--ease)}.sidebar-nav-btn:hover{background-color:var(--wash);color:var(--ink)}.sidebar-nav-btn.active{background-color:var(--accent-soft);color:var(--accent-dark);border-color:var(--accent-line)}.sidebar-nav-icon{font-size:1.15rem;display:flex;align-items:center;justify-content:center;width:24px}.sidebar-footer{display:flex;flex-direction:column;gap:.75rem;padding-top:1.25rem;border-top:1px solid var(--line)}.user-profile-card{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:var(--radius-md);background-color:var(--wash-warm);border:1px solid var(--line)}.user-avatar-badge{width:34px;height:34px;border-radius:var(--radius-pill);background-color:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.82rem}.user-info-text{display:flex;flex-direction:column;font-size:.8rem;line-height:1.25}.user-name{font-weight:800;color:var(--ink)}.user-meta{color:var(--muted);font-size:.725rem}.btn-logout{width:100%;padding:.5rem;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--line);color:var(--muted);font-weight:700;font-size:.825rem;cursor:pointer;transition:all var(--ease);min-height:38px}.btn-logout:hover{background-color:var(--wash);color:var(--ink);border-color:var(--ink)}.app-content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.app-topbar{background-color:#fff;border-bottom:1px solid var(--line);padding:1.1rem 2.25rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar-titles h2{font-family:var(--font-display);font-size:1.35rem;font-weight:800;letter-spacing:var(--tracking-display);color:var(--ink);line-height:1.2}.topbar-titles p{font-size:.85rem;color:var(--muted)}.topbar-user{display:flex;align-items:center;gap:.85rem}.topbar-user-badge{display:flex;flex-direction:column;text-align:right;font-size:.825rem}.topbar-user-name{font-weight:800;color:var(--ink)}.topbar-user-level{font-size:.725rem;color:var(--accent);font-weight:700}.topbar-user-avatar{width:38px;height:38px;border-radius:var(--radius-pill);background-color:var(--accent-soft);color:var(--accent);border:1.5px solid var(--accent-line);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;box-shadow:var(--shadow-avatar)}.app-main-body{flex:1;padding:2.25rem;max-width:1240px;width:100%;margin:0 auto}.card-neo{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;box-shadow:0 4px 20px #2c29220d;position:relative;transition:transform var(--ease),box-shadow var(--ease)}.card-tag{font-size:.75rem;font-weight:800;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;display:inline-block}.card-tag-accent{color:var(--accent)}.status-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem;padding:.75rem 1.25rem;background-color:#fff;border-radius:var(--radius-md);border:1px solid var(--line);box-shadow:0 2px 8px #2c29220a;font-size:.875rem}.status-badge{display:inline-flex;align-items:center;gap:.35rem;font-weight:700}.status-badge-accent{color:var(--accent)}.status-badge-success{color:var(--success)}.hanzi-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:1.15rem .75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 2px 6px #2c29220a;transition:all var(--ease);cursor:pointer;position:relative}.hanzi-card:hover{transform:translateY(-2px);border-color:var(--accent-line);box-shadow:0 8px 24px #2856d61f;background-color:#fff}.hanzi-glyph{font-family:var(--font-hanzi);font-size:2.6rem;font-weight:800;line-height:1.1;color:var(--ink)}.hanzi-pinyin{font-size:.875rem;font-weight:700;color:var(--accent);margin-top:.25rem}.hanzi-meaning{font-size:.75rem;color:var(--muted);margin-top:.15rem}.hanzi-strokes{position:absolute;top:6px;right:8px;font-size:.65rem;font-weight:700;color:var(--placeholder)}.characters-screen{display:grid;gap:1.5rem}.characters-header{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;padding:.5rem 0}.characters-header h2,.radicals-panel h3,.characters-empty h3{color:var(--ink);font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);letter-spacing:var(--tracking-display);line-height:1.15}.characters-header>div:first-child>p:last-child{max-width:62ch;margin-top:.35rem;color:var(--muted)}.characters-kicker,.hanzi-practice-kicker{margin-bottom:.35rem;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.characters-total{display:grid;min-width:145px;padding:.75rem 1rem;border:1px solid var(--accent-line);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-dark)}.characters-total strong{font-family:var(--font-display);font-size:1.45rem;letter-spacing:var(--tracking-tight);line-height:1}.characters-total span{margin-top:.2rem;font-size:.73rem;font-weight:700}.characters-tabs{display:flex;gap:.45rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}.characters-tab{min-height:42px;padding:.55rem .9rem;border:1px solid transparent;border-radius:var(--radius-chip);background:transparent;color:var(--muted);font-family:var(--font-display);font-size:.9rem;font-weight:750;white-space:nowrap;cursor:pointer;transition:background var(--ease),border-color var(--ease),color var(--ease),transform var(--ease)}.characters-tab span{margin-left:.2rem;color:inherit;font-size:.76rem}.characters-tab:hover,.characters-tab:focus-visible{border-color:var(--accent-line);background:var(--wash-cool);color:var(--accent-dark)}.characters-tab:active,.radical-chip:active,.character-audio-button:active{transform:translateY(1px)}.characters-tab.is-active{border-color:var(--accent);background:var(--accent);color:var(--ink-inverse)}.characters-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:.85rem 1.5rem;padding:1rem 1.15rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 2px 8px #2c29220a}.characters-toolbar>p{padding-bottom:.5rem;color:var(--muted);font-size:.88rem}.characters-toolbar>p strong{color:var(--ink)}.characters-search{display:grid;flex:1 1 320px;gap:.35rem;color:var(--ink);font-size:.82rem;font-weight:800}.characters-search input{width:100%;min-height:44px;padding:.65rem .8rem;border:1px solid var(--field-line);border-radius:var(--radius-input);background:var(--wash-cool);color:var(--ink);font:inherit;font-weight:500}.characters-search input::placeholder{color:var(--placeholder)}.characters-search input:focus{border-color:var(--accent);outline:none;box-shadow:var(--ring-selected)}.characters-filter{display:inline-flex;align-items:center;gap:.4rem;min-height:36px;padding:.35rem .5rem .35rem .7rem;border:1px solid var(--accent-line);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-dark);font-size:.78rem;font-weight:700}.characters-filter button{min-height:28px;padding:.2rem .5rem;border:0;border-radius:var(--radius-pill);background:var(--surface);color:var(--accent-dark);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:.75rem}.hanzi-card{min-height:116px;border:1px solid var(--line)}.hanzi-card:focus-visible{border-color:var(--accent)}.characters-empty{padding:2rem;text-align:center}.characters-empty p{margin-top:.45rem;color:var(--muted)}.radicals-panel,.hanzi-quiz-panel{display:grid;gap:1.25rem}.hanzi-quiz{display:grid;gap:1.25rem;max-width:760px}.hanzi-quiz-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.hanzi-quiz-kicker{margin-bottom:.25rem;color:var(--accent);font-size:.74rem;font-weight:850;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.hanzi-quiz-heading h3,.hanzi-quiz-result h3{font-family:var(--font-display);font-size:clamp(1.3rem,2vw,1.65rem);letter-spacing:var(--tracking-tight)}.hanzi-quiz-progress{flex:0 0 auto;padding:.38rem .6rem;border:1px solid var(--accent-line);border-radius:var(--radius-chip);background:var(--accent-soft);color:var(--accent-dark);font-size:.78rem;font-weight:800}.hanzi-quiz-question{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--wash-cool)}.hanzi-quiz-character{display:grid;place-items:center;width:72px;min-height:72px;border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-family:var(--font-hanzi);font-size:2.5rem;line-height:1}.hanzi-quiz-question p{color:var(--ink);font-family:var(--font-display);font-size:1.1rem;font-weight:750;line-height:1.35}.hanzi-quiz-options{min-width:0;border:0}.hanzi-quiz-options legend{margin-bottom:.7rem;color:var(--muted);font-size:.86rem;font-weight:750}.hanzi-quiz-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.hanzi-quiz-option{display:grid;grid-template-columns:1.15rem minmax(0,1fr);align-items:center;gap:.65rem;min-height:60px;padding:.75rem .85rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);cursor:pointer;font-size:.94rem;font-weight:700;line-height:1.35;transition:transform var(--ease),border-color var(--ease),background var(--ease),box-shadow var(--ease)}.hanzi-quiz-option input{width:1rem;height:1rem;margin:0;accent-color:var(--accent)}.hanzi-quiz-option:hover,.hanzi-quiz-option:focus-within{border-color:var(--accent-line);background:var(--wash-cool)}.hanzi-quiz-option:active{transform:translateY(1px)}.hanzi-quiz-option.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--ring-selected);color:var(--accent-dark)}.hanzi-quiz-options:disabled .hanzi-quiz-option{cursor:default;opacity:.72}.hanzi-quiz-action{display:flex;justify-content:flex-end}.hanzi-quiz-feedback{display:grid;gap:.45rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--wash-warm)}.hanzi-quiz-feedback.is-correct{border-color:#9dcfad;background:#edf8f0}.hanzi-quiz-feedback.is-incorrect{border-color:#e8c68d;background:#fff7e7}.hanzi-quiz-feedback strong{font-family:var(--font-display)}.hanzi-quiz-feedback p,.hanzi-quiz-result-score,.hanzi-quiz-empty{color:var(--muted)}.hanzi-quiz-feedback .btn-base,.hanzi-quiz-result .btn-base{justify-self:start;margin-top:.3rem}.hanzi-quiz-result{justify-items:start}.hanzi-quiz-result-score strong{color:var(--accent-dark);font-family:var(--font-display);font-size:2rem}.radicals-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.radicals-panel-heading>p{max-width:42ch;color:var(--muted);font-size:.9rem}.radicals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.65rem}.radical-chip{display:grid;place-items:center;gap:.15rem;min-height:72px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--wash-warm);color:var(--ink);font-family:var(--font-hanzi);font-size:1.55rem;cursor:pointer;transition:transform var(--ease),background var(--ease),border-color var(--ease),color var(--ease)}.radical-chip span{color:var(--muted);font-family:var(--font-body);font-size:.68rem;font-weight:800}.radical-chip:hover,.radical-chip:focus-visible{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-dark)}.character-dialog-overlay{position:fixed;z-index:20;inset:0;overflow:auto;padding:1rem;background:#20221f85}.character-dialog{width:min(100%,720px);margin:2.5rem auto;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.character-dialog-close{min-height:36px;padding:.35rem .55rem;border:1px solid var(--line);border-radius:var(--radius-chip);background:var(--surface);color:var(--muted);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.character-dialog-close:hover{border-color:var(--accent-line);color:var(--accent-dark)}.character-dialog-heading{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;margin:1rem 0 1.25rem}.character-dialog-glyph{display:grid;width:88px;height:88px;place-items:center;border:1px solid var(--accent-line);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-dark);font-family:var(--font-hanzi);font-size:3.4rem;font-weight:800;line-height:1}.character-dialog-heading h3{color:var(--ink);font-family:var(--font-display);font-size:1.45rem;letter-spacing:var(--tracking-tight)}.character-dialog-heading h3+p{margin-top:.25rem;color:var(--muted);font-size:.9rem}.character-detail-list{display:grid;gap:.85rem;margin-bottom:1rem}.character-detail-list>div{padding:.8rem .9rem;border-left:3px solid var(--accent-line);background:var(--wash-cool)}.character-detail-list dt{color:var(--muted);font-size:.72rem;font-weight:800}.character-detail-list dd{margin-top:.16rem;color:var(--ink);font-size:.88rem}.character-audio-button{min-height:42px;margin-bottom:1rem;padding:.55rem .75rem;border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-dark);font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}.character-audio-button:hover,.character-audio-button:focus-visible{border-color:var(--accent);background:var(--surface)}.hanzi-practice{display:grid;gap:1rem;padding:1.1rem;border:1px solid var(--accent-line);border-radius:var(--radius-md);background:var(--wash-cool)}.hanzi-practice-header,.hanzi-speed-copy,.hanzi-practice-actions,.hanzi-speed-scale{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hanzi-practice-header h4{color:var(--ink);font-family:var(--font-display);font-size:1rem;letter-spacing:var(--tracking-tight)}.hanzi-practice-ready{padding:.28rem .55rem;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-dark);font-size:.72rem;font-weight:800}.hanzi-practice-canvas{position:relative;display:grid;min-height:256px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.hanzi-practice-canvas:before,.hanzi-practice-canvas:after{position:absolute;content:"";pointer-events:none}.hanzi-practice-canvas:before{top:50%;right:1rem;left:1rem;border-top:1px dashed var(--line)}.hanzi-practice-canvas:after{top:1rem;bottom:1rem;left:50%;border-left:1px dashed var(--line)}.hanzi-practice-canvas>div{position:relative;z-index:1;width:236px;height:236px}.hanzi-practice-loading{position:absolute;z-index:2;bottom:.75rem;padding:.25rem .55rem;border-radius:var(--radius-pill);background:var(--wash);color:var(--muted);font-size:.72rem;font-weight:700}.hanzi-speed-control{display:grid;gap:.5rem}.hanzi-speed-copy label{color:var(--ink);font-size:.84rem;font-weight:800}.hanzi-speed-copy span{color:var(--accent-dark);font-size:.8rem;font-weight:800}.hanzi-speed-control input[type=range]{width:100%;accent-color:var(--accent)}.hanzi-speed-scale{color:var(--muted);font-size:.7rem;font-weight:700}.hanzi-practice-actions{align-items:stretch;flex-wrap:wrap}.hanzi-practice-actions .btn-base{flex:1 1 220px}.hanzi-practice-prompt,.hanzi-practice-error{padding:.65rem .75rem;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-dark);font-size:.86rem;font-weight:750}.hanzi-practice-error{background:#fff0ee;color:var(--danger)}.module-tile{width:58px;height:58px;border-radius:var(--radius-md);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;cursor:pointer;transition:all var(--ease);box-shadow:0 2px 4px #2c29220a}.module-tile:hover{transform:translateY(-1px);border-color:var(--accent-line)}.module-tile.completed{background-color:#f0fdf4;border-color:#bbf7d0;color:var(--success)}.module-tile.active{background-color:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.module-tile.locked{background-color:var(--wash);border-color:var(--line);color:var(--placeholder);box-shadow:none;cursor:not-allowed}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.responsive-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem;align-items:start}.responsive-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.responsive-split{display:grid;grid-template-columns:1fr 360px;gap:1.75rem;align-items:start}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:1rem}.nav-tabs-scroll{display:flex;gap:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem}.nav-tabs-scroll::-webkit-scrollbar{display:none}.curriculum-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem}.mobile-header{display:none;position:sticky;top:0;z-index:40;background-color:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:.75rem 1.15rem;align-items:center;justify-content:space-between}.mobile-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}.mobile-logo{width:32px;height:32px;border-radius:var(--radius-pill);background-color:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-hanzi);font-size:1.05rem;font-weight:800;box-shadow:0 2px 6px #2856d640}.mobile-brand-title{font-family:var(--font-display);font-weight:800;font-size:.95rem;letter-spacing:var(--tracking-tight);color:var(--ink)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background-color:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom,10px));box-shadow:0 -4px 16px #2c29220f;justify-content:space-around;align-items:center}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.4rem .6rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--muted);cursor:pointer;min-height:var(--target-touch-mobile, 48px);min-width:48px;font-family:var(--font-display);font-size:.7rem;font-weight:750;transition:all var(--ease);position:relative}.mobile-nav-btn:hover{color:var(--ink)}.mobile-nav-btn.active{color:var(--accent);background-color:var(--wash)}.mobile-nav-icon{display:flex;align-items:center;justify-content:center;height:20px}@media(max-width:1024px){.app-sidebar{width:220px;min-width:220px;padding:1.25rem .85rem}.sidebar-brand-title{font-size:.95rem}.app-topbar{padding:1rem 1.5rem}.app-main-body{padding:1.75rem 1.5rem}.responsive-split{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:768px){.app-layout{flex-direction:column}.app-sidebar{display:none}.mobile-header,.mobile-bottom-nav{display:flex}.app-topbar{display:none}.app-main-body{padding:1.15rem 1rem calc(var(--bottom-nav-height, 64px) + env(safe-area-inset-bottom,12px) + 1.25rem);width:100%}.responsive-grid-2{grid-template-columns:1fr;gap:1.25rem}.responsive-grid-3{grid-template-columns:repeat(3,1fr);gap:.6rem}.card-neo{padding:1.25rem 1rem}.characters-header,.radicals-panel-heading{align-items:flex-start;flex-direction:column}.characters-total{width:100%}.character-dialog{margin:.5rem auto}.hanzi-quiz-heading{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.curriculum-card{flex-direction:column;align-items:stretch;padding:1.15rem 1rem}.curriculum-card-action{width:100%;margin-top:.75rem}.curriculum-card-action button{width:100%}.status-bar{padding:.65rem .85rem;gap:.6rem;font-size:.8rem}.responsive-grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:.6rem}.characters-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.hanzi-card{min-height:102px;padding:.9rem .45rem}.hanzi-glyph{font-size:2.2rem}.character-dialog-heading{grid-template-columns:1fr}.hanzi-practice-canvas{min-height:240px}.hanzi-practice-canvas>div{width:220px;height:220px}.hanzi-quiz-options-grid{grid-template-columns:1fr}}@media(max-width:480px){.app-main-body{padding:.85rem .75rem calc(var(--bottom-nav-height, 64px) + env(safe-area-inset-bottom,12px) + 1rem)}.btn-base{padding:.65rem 1rem;font-size:.9rem}.mobile-nav-btn{padding:.35rem .4rem;font-size:.65rem}}