@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--ink: #161616;--ink-soft: #7a746c;--paper: #f3efe7;--rail: #ebe6dc;--rail-deep: #e3ddd1;--line: rgba(22, 22, 22, .08);--white: #fffcf7;--rose: #efc4be;--sun: #e7d36a;--sky: #c9d5ea;--mint: #c6dcce;--lilac: #d9cde8;--sand: #ead9b8;--foam: #cfe0dc;--peach: #f0cfc0;--shadow: 0 16px 40px rgba(22, 22, 22, .06);--radius: 32px;--radius-sm: 22px;--font-ui: "Plus Jakarta Sans", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-glyph: "Noto Serif SC", "Songti SC", serif;color:var(--ink);background:var(--paper);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{border:0;background:var(--rail);border-radius:999px;padding:.55rem 1rem;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0) scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.primary-btn,a.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--ink);color:#fff;border-radius:999px;padding:.85rem 1.35rem;font-weight:600}.primary-btn:hover:not(:disabled),a.primary-btn:hover{background:#2a2a2a}.ghost-btn{background:var(--rail)}.wide{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.pastel-rose{background:var(--rose)}.pastel-sun{background:var(--sun)}.pastel-sky{background:var(--sky)}.pastel-mint{background:var(--mint)}.pastel-lilac{background:var(--lilac)}.pastel-sand{background:var(--sand)}.pastel-foam{background:var(--foam)}.pastel-peach{background:var(--peach)}.app-shell{min-height:100vh;min-height:100dvh}.nav-rail,.profile-rail{display:none}.app-canvas{min-width:0}.page{padding:1.35rem 1.25rem 7.5rem}.tab-dock{position:fixed;left:1rem;right:1rem;bottom:calc(.9rem + env(safe-area-inset-bottom));z-index:30;display:flex;justify-content:space-between;gap:.25rem;padding:.45rem;background:#ebe6dceb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;box-shadow:var(--shadow)}.dock-link{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .2rem;border-radius:20px;color:var(--ink-soft);font-size:.68rem;font-weight:600}.dock-link.is-active{background:var(--ink);color:#fff}.eyebrow{margin:0 0 .7rem;color:var(--ink-soft);letter-spacing:.08em;font-size:.78rem;font-weight:600}.display-title{margin:0;font-size:clamp(2.1rem,6vw,3.6rem);font-weight:800;letter-spacing:-.04em;line-height:1.08}.display-title.is-oneline{white-space:nowrap;font-size:clamp(1.45rem,5.2vw,2.4rem)}.lede{margin:.75rem 0 0;color:var(--ink-soft);line-height:1.7;max-width:36rem}.hero-copy{margin-bottom:1.25rem}.inline-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.inline-head h2,.panel h2,.rail-section-head h3{margin:0;font-size:1.05rem;font-weight:700}.inline-head a,.rail-section-head a,.panel-head a{color:var(--ink-soft);font-size:.88rem;font-weight:600}.inline-head a:hover,.rail-section-head a:hover{color:var(--ink)}.filter-pills{display:flex;gap:.5rem;overflow-x:auto;padding:.15rem 0 .35rem;margin-bottom:1.35rem;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;padding:.62rem 1rem;background:var(--rail);color:var(--ink);font-weight:600;font-size:.9rem}.filter-pill.is-active{background:var(--ink);color:#fff}.tile-grid{display:grid;grid-template-columns:1fr;gap:.9rem}.course-tile{position:relative;display:flex;flex-direction:column;min-height:220px;padding:1.15rem 1.2rem 1.1rem;border-radius:var(--radius);box-shadow:inset 0 1px #ffffff61;animation:rise .55s ease both;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.course-tile:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.course-tile-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-size:.82rem;font-weight:600}.course-kicker,.course-rate{display:inline-flex;align-items:center;gap:.3rem}.course-badge{position:absolute;top:3.1rem;left:1.2rem;display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .55rem;border-radius:999px;background:#ffffff73;font-size:.72rem;font-weight:700}.course-tile-title{margin:2.1rem 0 .35rem;font-size:1.55rem;font-weight:800;letter-spacing:-.03em;line-height:1.2}.course-tile-desc{margin:0;color:#1616169e;line-height:1.5;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-tile-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;font-size:.82rem;font-weight:600}.daily-tile-body{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;margin-top:1.8rem}.daily-tile-zi{font-family:var(--font-glyph);font-size:4.2rem;line-height:1}.daily-tile-body .course-tile-title{margin-top:0}.zi-row,.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.zi-card{position:relative;aspect-ratio:1;display:grid;place-content:center;gap:.12rem;border-radius:1.25rem;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.zi-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.zi-card .zi{font-family:var(--font-glyph);font-size:1.7rem;line-height:1}.zi-card .py{font-size:.68rem;color:#1616168c;font-weight:600}.zi-card.is-learned{box-shadow:inset 0 0 0 2px #1616162e}.zi-check{position:absolute;top:.4rem;right:.4rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--ink)}.avatar-stack{display:flex}.mini-avatar{width:1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;font-family:var(--font-glyph);font-size:.78rem;border:2px solid var(--rail);margin-left:-.45rem}.mini-avatar:first-child{margin-left:0}.panel{margin-bottom:.9rem;padding:1.15rem 1.2rem;border-radius:var(--radius-sm);background:#ffffff75}.panel p,.explain{margin:.5rem 0 0;line-height:1.75;color:var(--ink-soft);white-space:pre-line}.panel-head{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.muted{color:var(--ink-soft);font-size:.88rem}.chip-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}.chip-row span{padding:.35rem .75rem;border-radius:999px;background:var(--rail);font-size:.88rem;font-weight:600}.plain-list{margin:.55rem 0 0;padding-left:1.1rem;color:var(--ink-soft);line-height:1.75}.story-panel{background:linear-gradient(160deg,var(--rose),rgba(255,255,255,.4))}.search-pill{display:flex;align-items:center;gap:.65rem;padding:.15rem .25rem .15rem 1rem;margin-bottom:1rem;border-radius:999px;background:var(--rail);color:var(--ink-soft)}.search-pill input{flex:1;border:0;background:transparent;padding:.8rem 1rem .8rem 0;outline:none}.name-label{display:block;margin-bottom:.55rem;font-size:.82rem;font-weight:700;color:var(--ink-soft)}.name-row{display:flex;gap:.5rem;align-items:center}.name-row input{flex:1;min-width:0;border:0;border-radius:999px;background:var(--rail);padding:.85rem 1.1rem;font-size:1.05rem;font-weight:700;outline:none}.name-editor.is-form .name-row input,.name-editor.is-card .name-row input{background:var(--white)}.name-row .primary-btn{flex-shrink:0;padding:.8rem 1.15rem}.name-setup{margin:0 0 1.35rem;padding:1.2rem 1.25rem 1.25rem;border-radius:var(--radius);background:var(--sun)}.name-setup-kicker{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#1616169e}.name-setup h2{margin:.35rem 0 .9rem;font-size:1.35rem;font-weight:800;letter-spacing:-.03em}.name-inline{display:grid;justify-items:center;gap:.15rem;margin-top:.75rem;padding:0;background:transparent;border-radius:0}.name-inline .profile-name{margin:0}.name-inline-action{font-size:.75rem;font-weight:700;color:var(--ink-soft)}.name-editor.is-inline{margin-top:.75rem}.name-editor.is-inline .name-row{justify-content:center}.name-editor.is-inline input{width:7.5rem;text-align:center;background:var(--white);padding:.45rem .7rem}.name-editor.is-inline .primary-btn{padding:.45rem .8rem;font-size:.85rem}.field-hint{margin:.55rem 0 0;color:var(--ink-soft);font-size:.85rem}.age-switch{display:flex;gap:.3rem;padding:.2rem;border-radius:999px;background:var(--rail);width:fit-content}.age-switch button{padding:.35rem .75rem;background:transparent;font-weight:600}.age-switch button.active{background:var(--ink);color:#fff}.profile-list{list-style:none;padding:0;margin:.7rem 0 0}.profile-list li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.profile-list li:last-child{border-bottom:0}.empty-panel{display:grid;place-items:center;gap:.8rem;padding:3rem 1rem;text-align:center;color:var(--ink-soft)}.load-more{display:flex;justify-content:center;margin:1.25rem 0 .5rem}.courses-hint{margin:1.25rem 0 0;color:var(--ink-soft)}.courses-hint a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.course-stage{margin-bottom:1.75rem}.course-stage-kicker{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--ink-soft)}.course-stage h2{margin:.2rem 0 .35rem;font-size:1.15rem}.course-stage-blurb{margin:0 0 .85rem;color:var(--ink-soft);line-height:1.65;max-width:36rem}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1rem}.stat-card{padding:1rem .85rem;border-radius:1.4rem}.stat-card p{margin:0;font-size:.78rem;font-weight:600;color:#1616169e}.stat-card strong{display:block;margin-top:.35rem;font-size:1.55rem;letter-spacing:-.03em}.stat-card small{font-size:.85rem;font-weight:600}.heatmap{display:grid;grid-template-rows:repeat(7,11px);grid-auto-flow:column;gap:4px;margin-top:.9rem;justify-content:start;overflow-x:auto;max-width:100%;padding-bottom:.2rem}.heat{width:11px;height:11px;border-radius:3px;background:#16161614}.heat[data-level="1"]{background:#d7e6dc}.heat[data-level="2"]{background:#b7d4c2}.heat[data-level="3"]{background:#86b89a}.heat[data-level="4"]{background:#161616}.heat.is-future{opacity:.28}.badge-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.85rem}.badge-card{padding:.9rem;border-radius:1.2rem;background:var(--rail);opacity:.55}.badge-card.is-on{opacity:1;background:var(--sun)}.badge-card strong{display:block;font-size:.92rem}.badge-card span{display:block;margin-top:.25rem;color:#16161699;font-size:.78rem}.char-topbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.icon-btn{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;background:var(--rail);color:var(--ink);padding:0;position:relative;flex-shrink:0}.icon-btn.has-dot:after{content:"";position:absolute;top:.45rem;right:.5rem;width:.45rem;height:.45rem;border-radius:50%;background:#c45c4a}.character-page{display:flex;flex-direction:column;gap:.9rem;min-height:0}.studio-top{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.studio-id{display:flex;align-items:center;gap:.8rem;min-width:min(100%,15rem);flex:1 1 14rem}.studio-mark{width:3.5rem;height:3.5rem;border-radius:1.15rem;display:grid;place-items:center;font-family:var(--font-glyph);font-size:1.9rem;line-height:1;flex-shrink:0}.studio-copy{min-width:0}.studio-pinyin{margin:0;font-size:1.3rem;font-weight:800;letter-spacing:.04em;line-height:1.1}.studio-meaning{margin:.25rem 0 0;color:var(--ink-soft);line-height:1.45;font-size:.9rem}.studio-facts{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}.studio-facts li{display:grid;gap:.05rem;padding:.32rem .7rem;border-radius:999px;background:var(--rail)}.studio-facts span{font-size:.64rem;color:var(--ink-soft);font-weight:600}.studio-facts strong{font-size:.88rem;font-weight:700}.studio-top .studio-actions{display:none}.studio-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.45rem}.studio-actions.is-pop{animation:pop .45s ease}.next-btn{min-width:8.8rem}.next-zi{font-family:var(--font-glyph);font-size:1.15rem;line-height:1}.next-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border-radius:1.3rem;background:var(--ink);color:#fff;text-align:left}.next-card-kicker{font-size:.72rem;font-weight:700;letter-spacing:.08em;opacity:.7}.next-card-zi{font-family:var(--font-glyph);font-size:1.8rem;line-height:1}.next-card-meta{display:inline-flex;align-items:center;gap:.25rem;font-weight:700}.studio-body{display:grid;gap:.9rem;min-height:0}.studio-stage,.studio-knowledge{background:var(--rail);border-radius:var(--radius);min-width:0}.stroke-studio{display:flex;flex-direction:column;height:100%;min-height:380px;padding:.8rem .8rem .7rem;gap:.7rem}.studio-board{flex:1;min-height:260px;display:grid;place-items:center}.stroke-stage{position:relative;border-radius:1.6rem;background:linear-gradient(var(--white),var(--white)),linear-gradient(90deg,rgba(22,22,22,.07) 1px,transparent 1px),linear-gradient(rgba(22,22,22,.07) 1px,transparent 1px);background-size:auto,50% 50%,50% 50%;background-position:center;overflow:hidden;box-shadow:inset 0 0 0 1px #1616160a}.stroke-host{width:100%;height:100%}.stroke-error,.stroke-hint{position:absolute;margin:0;pointer-events:none}.stroke-error{inset:0;display:grid;place-items:center;background:#f3efe7eb;color:#c45c4a}.stroke-hint{left:50%;bottom:.85rem;transform:translate(-50%);padding:.28rem .7rem;border-radius:999px;background:var(--ink);color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap}.stroke-dock{display:grid;gap:.5rem}.stroke-progress{display:flex;align-items:center;gap:.75rem;padding:0 .15rem;color:var(--ink-soft);font-size:.82rem;font-weight:700}.stroke-ticks{display:flex;gap:.28rem;flex:1;min-width:0}.stroke-ticks i{flex:1;height:6px;max-width:2rem;border-radius:999px;background:#1616161f}.stroke-ticks i.is-on{background:var(--ink)}.stroke-transport{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.stroke-transport .icon-btn{width:2.4rem;height:2.4rem;background:#ffffff8c}.stroke-play{flex:1;min-width:8.2rem}.ghost-btn{display:inline-flex;align-items:center;gap:.35rem}.ghost-btn.is-on{background:var(--ink);color:#fff}.speed-btn{min-width:3.1rem;justify-content:center;font-variant-numeric:tabular-nums}.stroke-keys{display:none;margin:0;text-align:center;font-size:.72rem;color:var(--ink-soft)}.studio-knowledge{padding:1.15rem 1.2rem 1.25rem;display:flex;flex-direction:column;gap:1.2rem}.know-block h2{margin:0;font-size:1.02rem;font-weight:700}.know-block p{margin:.5rem 0 0;line-height:1.75;color:var(--ink-soft)}.decomp-line{margin:.45rem 0 .75rem!important;color:var(--ink)!important;font-weight:700;letter-spacing:.06em}.zi-row.is-compact{grid-template-columns:repeat(auto-fill,minmax(72px,88px));margin-top:.15rem}.know-block.is-story{padding:.9rem 1rem;border-radius:1.2rem;background:linear-gradient(160deg,var(--rose),rgba(255,255,255,.35))}.sticky-learn{position:sticky;bottom:5.4rem;padding-top:.15rem}.sticky-learn .studio-actions{display:flex}.sticky-learn .studio-actions .primary-btn,.sticky-learn .studio-actions .ghost-btn{flex:1}.sticky-learn .ghost-btn{background:var(--white)}.primary-btn.is-pop{animation:pop .45s ease}.profile-toolbar{display:flex;justify-content:flex-end;gap:.45rem}.profile-hero{text-align:center;padding:.4rem 0 1.1rem}.portrait{width:108px;height:108px;margin:0 auto;border-radius:50%;overflow:hidden;box-shadow:0 0 0 6px #ffffffb3}.portrait-svg{width:100%;height:100%;display:block}.profile-name{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.03em}.friends-row{display:flex;align-items:center;justify-content:center;gap:.55rem;width:fit-content;margin:.75rem auto 0;padding:.4rem .7rem .4rem .9rem;border-radius:999px;background:#ffffff73;font-size:.88rem}.activity-card{padding:1rem .2rem .4rem}.activity-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:0 .4rem}.activity-kicker{margin:0;color:var(--ink-soft);font-size:.8rem;font-weight:600}.activity-value{margin:.15rem 0 0;font-size:2rem;font-weight:800;letter-spacing:-.04em;line-height:1}.activity-value small{font-size:.95rem;font-weight:600}.mood-chip{padding:.35rem .7rem;border-radius:999px;background:var(--sun);font-size:.75rem;font-weight:700}.chart{display:flex;align-items:flex-end;justify-content:space-between;gap:.45rem;height:132px;margin-top:1rem;padding:0 .2rem 1.4rem}.chart-col{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}.chart-bar{width:100%;max-width:28px;border-radius:999px;overflow:hidden;display:flex;flex-direction:column-reverse;background:transparent}.chart-seg{display:block;min-height:8px}.chart-seg.is-empty{background:var(--rail-deep)}.chart-col.is-current .chart-bar{box-shadow:0 0 0 2px var(--ink);background:var(--white)}.chart-now{position:absolute;bottom:-1.15rem;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;font-size:.68rem;font-weight:700;padding:.12rem .4rem;border-radius:999px}.my-courses{margin-top:.6rem}.rail-section-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 .15rem .7rem}.my-course-list{display:grid;gap:.7rem}.my-course{display:flex;justify-content:space-between;align-items:flex-end;min-height:108px;padding:1rem 1.05rem;border-radius:1.6rem}.my-course-kicker{margin:0;font-size:.75rem;font-weight:700;opacity:.7}.my-course-name{margin:.2rem 0 0;font-size:1.15rem;font-weight:800;letter-spacing:-.03em}.my-course-meta{margin:.35rem 0 0;font-size:.8rem;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.mobile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:-.4rem 0 1.2rem}.mobile-stats article{padding:.85rem .75rem;border-radius:1.25rem;background:var(--rail)}.mobile-stats p{margin:0;font-size:.75rem;color:var(--ink-soft);font-weight:600}.mobile-stats strong{display:block;margin-top:.2rem;font-size:1.15rem}.friends-row .mini-avatar,.my-course .mini-avatar{border-color:#fffc}.home,.courses,.cards-page,.progress-page,.me-page,.character-page{animation:rise .45s ease both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:768px){.page{padding:1.6rem 1.75rem 7.5rem}.tile-grid{grid-template-columns:1fr 1fr}.tile-grid.is-single{grid-template-columns:1fr}.zi-row,.card-grid{grid-template-columns:repeat(6,1fr)}.badge-grid{grid-template-columns:repeat(3,1fr)}.heatmap{grid-template-rows:repeat(7,13px);gap:5px}.heat{width:13px;height:13px}}@media(min-width:1100px){.tab-dock{display:none}.app-shell{display:grid;grid-template-columns:108px minmax(0,1fr);gap:18px;padding:18px;height:100vh;height:100dvh}.app-shell:not(.is-focus){grid-template-columns:108px minmax(0,1fr) minmax(300px,340px)}.nav-rail{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:1rem .65rem 1.05rem;background:var(--rail);border-radius:40px}.brand-lockup{display:grid;justify-items:center;color:var(--ink)}.brand-mark{width:100%;height:52px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:var(--sun);color:var(--ink);font-family:var(--font-glyph);font-size:1.55rem;font-weight:700;line-height:1;letter-spacing:.06em;box-shadow:inset 0 0 0 1.5px #1616161f}.rail-links{display:grid;gap:.35rem}.rail-link{display:grid;justify-items:center;gap:.22rem;padding:.55rem .2rem .5rem;border-radius:18px;color:#8a847c;font-size:.75rem;font-weight:700;letter-spacing:.02em}.rail-link.is-active{background:var(--ink);color:#fff}.rail-link:hover:not(.is-active){background:#1616160f;color:var(--ink)}.rail-avatar{display:grid;justify-items:center;gap:.35rem;color:var(--ink)}.rail-avatar-face{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--rose);font-family:var(--font-glyph);font-weight:700}.rail-avatar-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:700}.profile-rail{display:flex;flex-direction:column;min-height:0;padding:1.1rem 1.15rem 1.2rem;background:var(--rail);border-radius:40px;overflow:auto}.app-canvas{min-height:0;overflow:auto}.page{padding:.6rem .85rem 1.4rem;max-width:1080px}.page-studio{display:flex;flex-direction:column;max-width:none;height:100%;padding:.35rem .4rem .6rem}.page-studio .character-page{flex:1;min-height:0}.app-shell.is-focus .app-canvas{overflow:hidden}.studio-top .studio-actions{display:flex;margin-left:auto}.sticky-learn{display:none}.studio-body{flex:1;grid-template-columns:minmax(0,1.2fr) minmax(300px,.82fr);align-items:stretch}.stroke-studio,.studio-board{min-height:0}.studio-knowledge{overflow:auto;scrollbar-width:thin}.stroke-keys{display:block}.studio-mark{width:4rem;height:4rem;font-size:2.2rem;border-radius:1.25rem}.studio-pinyin{font-size:1.55rem}.studio-meaning{font-size:.98rem}.zi-row,.card-grid{grid-template-columns:repeat(8,1fr)}.course-tile{min-height:250px;padding:1.25rem 1.3rem 1.15rem}.display-title{font-size:clamp(2.6rem,4.4vw,3.8rem)}.display-title.is-oneline{font-size:clamp(2rem,3vw,2.8rem)}.mobile-stats{display:none}html,body,#root{height:100%;overflow:hidden}.app-canvas,.profile-rail{scrollbar-width:thin;scrollbar-color:rgba(22,22,22,.18) transparent}}@media(min-width:1440px){.app-shell:not(.is-focus){grid-template-columns:112px minmax(0,1fr) 360px}.page{padding:.85rem 1.25rem 1.75rem}.zi-row,.card-grid{grid-template-columns:repeat(10,1fr)}}