@import"https://fonts.googleapis.com/css2?family=Cormorant:wght@500;600;700&family=Noto+Serif+SC:wght@400;500;700;800&family=Noto+Serif+TC:wght@400;500;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--paper: #f5efe0;--paper-deep: #eadfc8;--ink: #3a3a3a;--ink-soft: rgba(43, 43, 43, .64);--cinnabar: #c1440e;--jade: #a8c3a0;--pink: #C3797F;--fan-pink: #C3797F;--correct: #2f7a4f;--correct-soft: rgba(47, 122, 79, .16);--incorrect: #b73535;--incorrect-soft: rgba(183, 53, 53, .16);--gold-rim: #b89a5e;--shadow: rgba(55, 34, 18, .18);--display-latin: Cormorant, "Cormorant Garamond", Georgia, serif;color:var(--ink);background:radial-gradient(circle at 12% 14%,rgba(193,68,14,.1),transparent 26%),radial-gradient(circle at 88% 18%,rgba(168,195,160,.24),transparent 24%),linear-gradient(135deg,#fbf6ea 0%,var(--paper) 50%,#efe4ce 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;padding:24px}.app-header,.workspace,.progress-panel,.fan-panel{border:1px solid rgba(43,43,43,.13);background:#f5efe0d1;box-shadow:0 22px 60px var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-header{grid-column:1 / -1;border-radius:24px;padding:22px 24px;display:flex;justify-content:space-between;gap:18px;align-items:start;position:relative;overflow:hidden;background:linear-gradient(90deg,#f5efe0eb,#f5efe0c2 42%,#f5efe080),url(../tuanshan_heading_background.svg) center / cover no-repeat}.app-header>*{position:relative;z-index:2}.app-header:after{content:"";position:absolute;z-index:1;right:0;bottom:0;left:0;height:96px;pointer-events:none;background:radial-gradient(ellipse 74% 84px at 58% 100%,#a7bfa247,#a7bfa229 52%,#a7bfa200),radial-gradient(ellipse 62% 72px at 34% 100%,#faf3e733,#faf3e724 48%,#faf3e700),linear-gradient(0deg,#a7bfa247,#bfd1ba38 34%,#faf3e733 70%,#faf3e700)}.app-tagline{grid-column:1 / -1;margin:-8px 0 -4px;color:var(--ink);font-family:var(--display-latin);font-size:clamp(1rem,2vw,1.2rem);font-weight:700;text-align:center}.workspace{min-height:680px;border-radius:32px;padding:26px;display:grid;place-items:center;position:relative;overflow:hidden}.workspace:before,.fan-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background:linear-gradient(75deg,transparent 48%,rgba(43,43,43,.16) 49%,transparent 50%),linear-gradient(105deg,transparent 49%,rgba(193,68,14,.12) 50%,transparent 51%);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0 28%,transparent 62%);mask-image:radial-gradient(circle at 50% 42%,#000 0 28%,transparent 62%)}.workspace-ornament{position:absolute;z-index:0;width:clamp(58px,8.5vw,88px);aspect-ratio:1;pointer-events:none;opacity:.72;border-radius:8px;background-image:url(../corner-ornament.svg);background-repeat:no-repeat;background-size:100% 100%}.ornament-top-left{top:4px;left:4px}.ornament-top-right{top:4px;right:4px;transform:scaleX(-1)}.ornament-bottom-left{bottom:4px;left:4px;transform:scaleY(-1)}.ornament-bottom-right{right:4px;bottom:4px;transform:scale(-1)}.progress-panel{border-radius:24px;padding:16px;align-self:start;display:grid;gap:16px}.progress-panel strong{color:var(--cinnabar);font-family:"Noto Serif SC","Noto Serif TC",serif;font-size:4rem;line-height:1}.progress-section{display:grid;gap:8px}.progress-heading,.unit-progress-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.progress-heading>span,.unit-progress-value{color:var(--cinnabar);font-size:.82rem;font-weight:800;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.progress-detail{margin:0;color:var(--ink-soft);font-size:.74rem;font-weight:700;line-height:1.25}.unit-progress-list{display:grid;gap:10px}.unit-progress-item{display:grid;gap:5px;padding-top:2px}.unit-progress-title{min-width:0;color:var(--ink-soft);font-size:.82rem;font-weight:800;line-height:1.2}.start-over-button{width:100%;min-height:38px;background:#c3797f2e;color:var(--ink);border-color:#c3797f73;box-shadow:none}.start-over-button:hover{background:#c3797f42}.progress-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.progress-actions button{width:100%;min-height:32px;padding:0 12px;color:var(--ink-soft);font-size:.76rem}.file-import-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.progress-status{margin:-6px 0 0;color:var(--ink-soft);font-size:.76rem;font-weight:700;text-align:center}.eyebrow{margin:0;color:var(--cinnabar);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1,h2,.hanzi-main,.hanzi-answer,.recall-hanzi{font-family:"Noto Serif SC","Noto Serif TC",serif}h1{margin:6px 0 0;font-family:var(--display-latin);font-size:clamp(2.5rem,7vw,5.8rem);line-height:.92;font-weight:700}.controls{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;flex:0 0 auto}label{display:grid;gap:6px;color:var(--ink-soft);font-size:.82rem;font-weight:700}.select-pill{position:relative;min-height:42px;display:inline-flex;align-items:center;gap:7px;width:fit-content;max-width:100%;padding:0 14px;border:1px solid rgba(43,43,43,.18);border-radius:999px;background:#fffaf1c7;overflow:hidden;cursor:pointer;color:var(--ink);font-size:.82rem;font-weight:800}.select-pill:after{content:"⌄";flex:0 0 auto;color:var(--ink);font-weight:800;line-height:1;transform:translateY(-1px)}.select-pill-label{flex:0 0 auto;color:var(--ink);font-weight:800}.select-pill select{position:absolute;inset:0;min-height:100%;width:100%;min-width:100%;padding:0;border:0;border-radius:0;background:transparent;color:transparent;opacity:0;cursor:pointer}.checkbox-control{position:relative;min-height:42px;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 14px;width:fit-content;border:1px solid rgba(168,195,160,.48);border-radius:999px;background:#fffaf1ad;color:var(--ink);font-weight:800}.checkbox-control input{position:absolute;inset:0;width:100%;height:100%;min-height:100%;margin:0;opacity:0;cursor:pointer;accent-color:var(--jade)}.checkbox-icon{width:16px;height:16px;flex:0 0 16px;border:1.5px solid rgba(72,101,62,.58);border-radius:4px;background:#fffaf1bd}.checkbox-control input:checked+.checkbox-icon{background:var(--jade);border-color:var(--jade)}.checkbox-control input:checked+.checkbox-icon:after{content:"";display:block;width:7px;height:4px;margin:4px auto 0;border-left:2px solid #fffaf1;border-bottom:2px solid #fffaf1;transform:rotate(-45deg)}.header-browse-button{min-height:42px;width:fit-content;padding:0 14px;background:#fffaf1ad;border-color:#a8c3a07a;box-shadow:0 10px 22px #37221214;color:var(--ink);font-weight:800}.header-browse-button.is-active{background:#a8c3a05c;border-color:#48653e4d}.checkbox-control,.header-browse-button,.select-pill{font-size:.82rem}select,input{min-height:42px;border:1px solid rgba(43,43,43,.18);border-radius:999px;background:#fffaf1c7;color:var(--ink);padding:0 14px}.study-card{width:min(100%,760px);display:grid;justify-items:center;gap:12px;position:relative;z-index:1}.card-hint{margin:0;color:var(--ink-soft);font-size:.86rem}.card-hint-secondary{margin-top:-4px;font-size:.8rem}.fan{width:min(80vw,420px);aspect-ratio:400 / 520;margin-bottom:clamp(-64px,-8vw,-42px);border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none;cursor:pointer;display:grid;justify-items:center;align-items:start;padding:18% 14% 0;position:relative;z-index:1;isolation:isolate;overflow:visible;perspective:1100px;transform-style:preserve-3d;transition:transform .32s ease,box-shadow .32s ease}.fan:hover{transform:translateY(-2px)}.fan:before{content:"";position:absolute;z-index:0;top:2.5%;left:12.5%;width:75%;height:67.4%;border-radius:50%;background:radial-gradient(circle at 42% 38%,#fbf8ef 0%,var(--paper) 65%,#e8dec4 100%);border:2px solid var(--gold-rim);box-shadow:inset 0 -18px 42px #2b2b2b1a,inset 0 0 0 999px #2b2b2b04,0 28px 68px #37221238}.fan-inner{position:absolute;inset:0;z-index:3;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.18,1)}.fan.is-revealed .fan-inner{transform:rotateY(180deg)}.fan:after{content:"";position:absolute;z-index:1;top:72%;left:50%;width:18px;height:18.5%;transform:translate(-50%);border-radius:42% 42% 36% 36%;background:linear-gradient(90deg,#3a3a3a 0%,var(--ink) 45%,#1a1a1a 100%);box-shadow:0 -6px 0 -1px #1a1a1a,0 28px 0 -4px var(--cinnabar),-6px 48px 0 -8px var(--cinnabar),-3px 54px 0 -8px var(--cinnabar),3px 54px 0 -8px var(--cinnabar),6px 48px 0 -8px var(--cinnabar)}.fan-ribs{position:absolute;top:77%;left:50%;width:18px;height:4px;z-index:2;transform:translate(-50%);background:var(--cinnabar);border-radius:999px;opacity:.88}.fan-ribs:before{content:"";position:absolute;z-index:-1;top:-28px;left:50%;width:clamp(92px,26vw,138px);height:clamp(120px,34vw,172px);transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#f5efe02e,#f5efe0c2 78%,#f5efe00a),radial-gradient(ellipse at 50% 68%,#fffaf1db,#fffaf100 66%);filter:blur(10px);opacity:.78}.fan-front,.fan-back{position:absolute;top:17%;left:50%;z-index:3;width:62%;min-height:43%;transform:translate3d(-50%,0,0) rotateY(0);display:grid;justify-items:center;align-content:center;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}.fan-front{gap:14px}.fan-back{width:64%;gap:7px;transform:translate3d(-50%,0,0) rotateY(180deg)}.hanzi-main,.hanzi-answer{display:block;width:100%;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.hanzi-main{font-size:clamp(4.6rem,13vw,5.75rem);line-height:.96;font-weight:700;letter-spacing:0}.hanzi-main.is-medium,.hanzi-answer.is-medium{font-size:clamp(3.6rem,10vw,4.9rem)}.hanzi-main.is-compact,.hanzi-answer.is-compact{font-size:clamp(2.85rem,8vw,3.9rem)}.hanzi-answer{font-size:clamp(3.8rem,10.4vw,5.35rem);line-height:.96;font-weight:700}.translation{max-width:96%;color:var(--ink);font-size:clamp(1.2rem,2.5vw,1.55rem);font-weight:700;line-height:1.08}.pinyin{color:var(--cinnabar);font-size:clamp(1.24rem,2.25vw,1.45rem);font-weight:700;justify-self:center;text-align:center}.example-translation{color:var(--ink-soft);font-size:.9em;line-height:1.18;overflow-wrap:anywhere}.example-block{display:grid;gap:4px;margin-top:6px;color:var(--ink);font-size:clamp(.9rem,1.62vw,1.08rem);width:100%;min-width:0}.example-line{display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;justify-self:center;min-height:23px}.example-text{min-width:0;max-width:calc(100% - 28px);text-align:center;overflow-wrap:anywhere}.example-audio{flex:0 0 23px;width:23px;height:23px;min-height:23px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--cinnabar);background:#fffaf1b8;border:1px solid rgba(193,68,14,.18);box-shadow:0 5px 12px #3722121a}.example-audio:focus-visible{outline:2px solid rgba(193,68,14,.45);outline-offset:2px}.example-toggle{display:grid;gap:4px;padding:0;border:0;background:transparent;color:var(--cinnabar);font-size:.78rem;font-weight:700;max-width:100%;justify-self:center;justify-items:center;text-align:center}.example-toggle summary{position:relative;list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:74px;padding:0 16px;text-decoration:underline;text-underline-offset:.18em;outline:none}.example-toggle summary::-webkit-details-marker{display:none}.example-pinyin{display:block;max-width:100%;color:var(--cinnabar);font-size:.86rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere;white-space:normal}.example-chevron{position:absolute;left:0;transition:transform .18s ease}.example-toggle[open] .example-chevron{transform:rotate(180deg)}.fan-back:has(.example-toggle[open]){gap:5px}.fan-back:has(.example-toggle[open]) .example-block{margin-top:4px;gap:3px}.fan-back:has(.example-toggle[open]) .example-pinyin{font-size:.8rem;line-height:1.12}.card-toolbar,.review-actions,.milestone-actions,.recall-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.card-toolbar{position:relative;z-index:40;max-width:min(100%,430px);margin-top:clamp(-88px,-12vw,-62px);padding:2px 8px}.review-actions{position:relative;z-index:21}.first-word-tip{position:relative;z-index:35;width:min(560px,calc(100% - 32px));margin-top:clamp(-26px,-3vw,-14px);padding:10px 12px;display:grid;gap:7px;justify-items:start;text-align:left;border:1px solid rgba(184,154,94,.46);border-radius:14px;background:#fffaf1bf;box-shadow:0 14px 32px #37221229;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.first-word-tip+.card-toolbar{margin-top:8px}.first-word-tip p{margin:0;color:var(--ink);font-size:.84rem;font-weight:600;line-height:1.3}.first-word-tip-dismiss{min-height:30px;padding:0 12px;border-radius:999px;font-size:.84rem;justify-self:center}.card-toolbar:before{content:"";position:absolute;z-index:-1;inset:-8px -14px;border-radius:999px;background:linear-gradient(180deg,#fffaf1d6,#f5efe080),radial-gradient(ellipse at 50% 0%,rgba(193,68,14,.08),transparent 72%);box-shadow:0 10px 28px #37221214;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.75}.review-back-floating{position:absolute;z-index:42;top:clamp(54px,9vw,82px);left:calc(50% - min(50vw,310px));min-height:34px;padding:0 12px}button{min-height:42px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;cursor:pointer;font-weight:800}button:disabled{cursor:default;opacity:.38}.primary{background:var(--cinnabar);color:#fffaf1;box-shadow:0 12px 24px #c1440e3d}.known{background:var(--jade);color:#fffaf1;border-color:#48653e47;box-shadow:0 12px 24px #627e583d}.secondary{background:#fffaf1c7;color:var(--ink);border-color:#2b2b2b2e}.header-browse-button.secondary{background:#fffaf1ad;border-color:#a8c3a07a}.header-browse-button.secondary.is-active{background:#a8c3a05c;border-color:#48653e4d}.back-button,.go-back{background:#a8c3a047;color:var(--ink);border-color:#48653e3d}.again{background:var(--pink);color:#fffaf1;border-color:#a0465c3d;box-shadow:0 12px 24px #b9536c38}.browse-panel{width:min(100%,920px);height:100%;min-height:604px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;position:relative;z-index:1}.browse-toolbar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:end;gap:12px;padding:12px;border:1px solid rgba(43,43,43,.13);border-radius:18px;background:#fffaf1ad;box-shadow:0 12px 28px #37221214}.browse-back{min-height:42px}.browse-search{min-width:0;gap:6px}.browse-search-field{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(43,43,43,.18);border-radius:999px;background:#fffaf1c7;color:var(--ink-soft)}.browse-search-field input{width:100%;min-width:0;border:0;background:transparent;padding:0;outline:none}.browse-count{min-height:42px;display:inline-flex;align-items:center;justify-content:end;color:var(--ink-soft);font-size:.84rem;font-weight:800;white-space:nowrap}.browse-list{min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid rgba(43,43,43,.12);border-radius:18px;background:#fffaf180;box-shadow:inset 0 0 0 1px #fffaf157}.browse-unit{display:grid}.browse-unit-header{position:sticky;top:0;z-index:2;margin:0;padding:10px 14px;border-bottom:1px solid rgba(184,154,94,.26);background:linear-gradient(180deg,#f5efe0f5,#eadfc8f0);color:var(--cinnabar);font-family:var(--display-latin);font-size:1.08rem;line-height:1.1}.browse-rows{display:grid}.browse-row{border-bottom:1px solid rgba(43,43,43,.09);background:#fffaf170}.browse-row:last-child{border-bottom:0}.browse-row-summary{width:100%;min-height:58px;display:grid;grid-template-columns:minmax(74px,.7fr) minmax(96px,.9fr) minmax(140px,1.8fr) 96px 24px;align-items:center;gap:12px;padding:9px 12px 9px 16px;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none;text-align:left}.browse-row-summary:hover,.browse-row.is-expanded .browse-row-summary{background:#a8c3a024}.browse-word{font-family:"Noto Serif SC","Noto Serif TC",serif;font-size:1.8rem;font-weight:800;line-height:1;overflow-wrap:anywhere}.browse-pinyin{color:var(--cinnabar);font-weight:800;overflow-wrap:anywhere}.browse-english{min-width:0;color:var(--ink);font-weight:700;line-height:1.2;overflow-wrap:anywhere}.browse-status{color:var(--ink-soft);font-size:.8rem;font-weight:900;white-space:nowrap}.browse-status.is-blank{min-height:1em}.browse-chevron{justify-self:end;color:var(--ink-soft);transition:transform .18s ease}.browse-row.is-expanded .browse-chevron{transform:rotate(180deg)}.browse-row-detail{display:grid;gap:12px;padding:0 16px 14px}.browse-example{display:grid;gap:5px;padding:12px 14px;border:1px solid rgba(184,154,94,.24);border-radius:14px;background:#fffaf1a3}.browse-example-line{font-family:"Noto Serif SC","Noto Serif TC",serif;font-size:1.28rem;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.browse-example-pinyin{color:var(--cinnabar);font-weight:800;line-height:1.25;overflow-wrap:anywhere}.browse-example-translation{color:var(--ink-soft);font-weight:700;line-height:1.25}.browse-row-actions{display:flex;flex-wrap:wrap;gap:10px}.browse-row-actions button{min-height:38px}.browse-toast{margin:-2px 0 0;color:var(--correct);font-size:.86rem;font-weight:900}.browse-empty{padding:34px 16px;color:var(--ink-soft);font-weight:800;text-align:center}.stroke-order-grid{max-width:min(100%,560px);display:flex;flex-wrap:wrap;justify-content:center;gap:12px;position:relative;z-index:46;isolation:isolate;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none}.stroke-order-item{display:grid;justify-items:center;gap:6px;color:var(--ink-soft);font-family:"Noto Serif SC","Noto Serif TC",serif;font-weight:800}.stroke-order{width:144px;height:144px;border-radius:999px;display:grid;place-items:center;background:#fffaf1;border:1px solid rgba(193,68,14,.24);box-shadow:0 10px 22px #3722121f;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none}.stroke-order svg{display:block;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}.fan-panel{width:min(100%,620px);min-height:440px;border-radius:46% 46% 34% 34%/38% 38% 28% 28%;padding:54px 38px 42px;display:grid;place-items:center;align-content:center;gap:16px;text-align:center;position:relative;overflow:hidden}.recall-panel{border-radius:28px;padding:70px 38px 42px;overflow:visible;background:linear-gradient(90deg,#f5efe0eb,#f5efe0c7 46%,#f5efe094),url(../tuanshan_heading_background.svg) left bottom / 100% auto no-repeat}.milestone.fan-panel{background:linear-gradient(90deg,#f5efe0eb,#f5efe0c7 46%,#f5efe094),url(../tuanshan_heading_background.svg) left bottom / 100% auto no-repeat}.recall-panel:before{mask-image:none;-webkit-mask-image:none;opacity:.12}.milestone h2{margin:0;font-size:clamp(1.9rem,4vw,3.3rem);line-height:1}.milestone p{max-width:460px;margin:0;color:var(--ink-soft)}.resume-prompt{width:min(100%,520px);display:grid;gap:12px;padding:24px;text-align:center}.resume-prompt h2{margin:0;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1}.resume-prompt p:not(.eyebrow){margin:0;color:var(--ink-soft)}.resume-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.session-summary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,430px)}.session-summary-stats span{min-height:0;padding:12px 14px;border:1px solid rgba(184,154,94,.42);border-radius:8px;background:#fffaf1ad;display:inline-flex;align-items:baseline;justify-content:center;gap:7px;color:var(--ink-soft);font-weight:700}.session-summary-stats strong{color:var(--ink);font-size:1.72rem;line-height:1}.session-summary-actions{width:min(100%,430px);display:grid;gap:9px}.session-summary-secondary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.session-summary-secondary-row.is-single{grid-template-columns:minmax(0,1fr)}.session-summary-actions button{width:100%}.review-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:4px}.review-header strong{font-size:1.05rem;line-height:1}.go-back{position:absolute;top:16px;left:18px;min-height:34px;padding:0 12px}.recall-core{width:min(100%,500px);display:block;position:relative}.recall-cue-copy{width:100%;display:grid;justify-items:center;gap:7px;text-align:center;min-width:0;margin:0 auto;padding:0 52px}.recall-english{font-size:clamp(1.35rem,4vw,2.2rem);font-weight:800}.recall-hanzi-cue{color:var(--ink);font-size:clamp(3.8rem,10.4vw,5.35rem);font-weight:700;font-family:"Noto Serif SC","Noto Serif TC",serif;line-height:.96}.icon-button{position:absolute;top:50%;right:0;transform:translateY(-50%);width:42px;padding:0;background:#a8c3a03d;color:var(--ink)}.pinyin-entry{width:min(100%,420px);position:relative;cursor:text;justify-self:center}.pinyin-ghost-input{position:absolute;inset:0;width:min(100%,420px);opacity:0;z-index:1;cursor:text}.pinyin-ghost-input:disabled{cursor:default}.pinyin-slots{min-height:54px;display:flex;align-items:flex-end;justify-content:center;gap:4px;color:var(--ink);font-size:clamp(1.4rem,4vw,2.6rem);font-weight:700;line-height:1;position:relative;z-index:0}.pinyin-slots span{min-width:.82em;min-height:1.02em;display:inline-flex;align-items:flex-end;justify-content:center;padding-bottom:1px;text-align:center;border-bottom:3px solid rgba(43,43,43,.32)}.pinyin-slots span.is-correct{color:#4a6656}.pinyin-slots span.is-incorrect{color:var(--incorrect)}.recall-example{display:grid;justify-items:center;gap:7px;max-width:min(100%,460px);color:var(--ink)}.recall-example-line{font-family:"Noto Serif SC","Noto Serif TC",serif;font-size:clamp(1.15rem,2.6vw,1.5rem);font-weight:800;line-height:1.18;overflow-wrap:anywhere}.recall-example-toggle{display:grid;justify-items:center;gap:5px;color:var(--ink-soft);font-size:.82rem;font-weight:700;text-align:center}.recall-example-toggle summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:3px;color:var(--cinnabar);text-decoration:underline;text-underline-offset:.18em}.recall-example-toggle summary::-webkit-details-marker{display:none}.recall-example-toggle>span{display:block}.recall-example-pinyin{color:var(--cinnabar);overflow-wrap:anywhere}.recall-example.is-correct .recall-example-pinyin{color:#4a6656}.recall-feedback{margin:0;font-weight:800}.recall-feedback.is-correct{color:#4a6656}.recall-feedback.is-incorrect{color:var(--incorrect)}.recall-feedback.is-answer{color:var(--cinnabar)}.quiz-panel{width:min(100%,680px);min-height:500px;border-radius:28px;padding:44px 38px 38px;align-content:start;justify-items:stretch;text-align:center;background:linear-gradient(90deg,#f5efe0eb,#f5efe0c7 46%,#f5efe094),url(../tuanshan_heading_background.svg) left bottom / 100% auto no-repeat}.quiz-panel:before{mask-image:none;-webkit-mask-image:none;opacity:.12}.quiz-topline{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.quiz-topline>span{color:var(--cinnabar);font-size:.84rem;font-weight:800;font-variant-numeric:lining-nums tabular-nums}.quiz-progress{width:100%}.quiz-audio-cue,.quiz-cloze-cue{min-height:148px;display:grid;place-items:center;align-content:center;gap:12px}.quiz-audio-cue p,.quiz-context,.quiz-result-summary{margin:0;color:var(--ink-soft);font-weight:700}.quiz-listen-button{min-width:178px;min-height:72px;border-radius:999px;background:#a8c3a047;color:var(--ink);border-color:#48653e3d;box-shadow:0 14px 30px #3722121f}.quiz-cloze-line{margin:0;font-family:"Noto Serif SC","Noto Serif TC",serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.12;overflow-wrap:anywhere}.quiz-context{max-width:460px;line-height:1.35}.quiz-sentence-audio{min-height:34px;padding:0 13px;font-size:.82rem}.quiz-options{display:grid;gap:10px}.quiz-options.has-four{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-options.has-three{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-option{min-height:58px;height:100%;border-radius:16px;padding:10px 14px;background:#fffaf1d1;color:var(--ink);border-color:#2b2b2b29;line-height:1.16;white-space:normal;box-shadow:0 10px 24px #3722121a}.quiz-options.has-three .quiz-option{font-family:"Noto Serif SC","Noto Serif TC",serif;font-size:clamp(1.65rem,4vw,2.8rem);line-height:1}.quiz-option.is-correct{background:var(--correct-soft);color:var(--correct);border-color:#2f7a4f6b}.quiz-option.is-incorrect{background:var(--incorrect-soft);color:var(--incorrect);border-color:#b735356b}.quiz-feedback{min-height:22px;margin:0;font-weight:800;display:grid;justify-items:center;gap:4px}.quiz-feedback.is-correct{color:var(--correct)}.quiz-feedback.is-incorrect{color:var(--incorrect)}.quiz-answer-reveal{color:var(--ink);font-family:"Noto Serif SC","Noto Serif TC",serif;font-size:clamp(1.12rem,2.8vw,1.5rem);line-height:1.12}.quiz-replay-small{justify-self:center;min-height:36px}.quiz-next-button{justify-self:center;min-height:36px;margin-top:2px}.quiz-missed-list{display:grid;gap:8px;justify-items:center}.quiz-missed-list>div{max-width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.quiz-missed-word{display:inline-flex;align-items:baseline;gap:7px;padding:7px 10px;border-radius:999px;background:#c3797f29;color:var(--ink);font-weight:800}.quiz-missed-word span:first-child{font-family:"Noto Serif SC","Noto Serif TC",serif;color:var(--cinnabar)}.progress-line{height:10px;border-radius:999px;background:#2b2b2b1a;overflow:hidden}.progress-line span{display:block;height:100%;background:linear-gradient(90deg,var(--correct),var(--cinnabar))}.progress-line-unit{height:7px;background:#2b2b2b14}.progress-line-unit span{background:linear-gradient(90deg,var(--jade),var(--pink))}@media(max-width:760px){body{overflow-x:hidden}.app-shell{grid-template-columns:1fr;padding:12px;gap:14px;width:100%;overflow-x:hidden}.app-header{order:-2;border-radius:18px;padding:12px 14px;display:grid;gap:8px;background:linear-gradient(90deg,#f5efe0eb,#f5efe0c2 42%,#f5efe080),url(../tuanshan_heading_background.svg) -18px calc(100% + 10px) / 112% auto no-repeat}.app-header:after{height:86px}.app-tagline{margin:-2px 0 0;padding:0 8px;font-size:1rem}.app-header h1{font-size:clamp(2.55rem,13vw,3.35rem);line-height:.95;max-width:100%}.controls{width:fit-content;max-width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:6px}.select-pill{min-height:32px;padding:0 7px}.checkbox-control{justify-content:flex-start;min-height:32px;gap:8px;padding:0 6px}.header-browse-button{min-height:32px;padding:0 7px}label{min-width:0}.workspace{min-height:540px;padding:18px 12px;border-radius:24px}.browse-panel{min-height:500px}.browse-toolbar{grid-template-columns:1fr;align-items:stretch}.browse-back,.browse-count{justify-self:start}.browse-list{border-radius:14px}.browse-row-summary{grid-template-columns:minmax(54px,auto) minmax(0,1fr) auto 20px;grid-template-areas:"word pinyin status icon" "english english english icon";gap:6px 10px;padding:10px 10px 10px 12px}.browse-word{grid-area:word;font-size:1.55rem}.browse-pinyin{grid-area:pinyin}.browse-english{grid-area:english}.browse-status{grid-area:status;justify-self:end}.browse-chevron{grid-area:icon}.browse-row-detail{padding:0 10px 12px}.progress-panel{order:1;grid-template-columns:1fr;align-items:center;width:100%}.progress-panel strong{font-size:2.6rem}.fan{width:min(94vw,366px);padding:18% 14% 0;margin-bottom:-56px}.fan-back{width:68%;gap:6px}.pinyin{font-size:clamp(1.24rem,4vw,1.48rem)}.hanzi-answer{font-size:clamp(4rem,11.2vw,5.7rem)}.translation,.example-block,.example-toggle{font-size:clamp(1.03rem,3.1vw,1.16rem);line-height:1.08}.example-pinyin{max-width:19ch;font-size:clamp(1.03rem,3.1vw,1.16rem);line-height:1.08}.pinyin-slots{min-height:40px;font-size:clamp(1.55rem,8vw,2.1rem);max-width:100%;flex-wrap:wrap;row-gap:6px}.recall-cue-copy{padding:0 34px}.recall-core .icon-button{width:34px;min-height:34px}.fan-back:has(.example-toggle[open]){top:13.5%;gap:4px}.fan-back:has(.example-toggle[open]) .hanzi-answer{font-size:clamp(3.55rem,10vw,5rem)}.fan-back:has(.example-toggle[open]) .translation{font-size:clamp(.98rem,2.8vw,1.08rem)}.fan-back:has(.example-toggle[open]) .example-block{margin-top:3px;gap:3px}.fan-back:has(.example-toggle[open]) .example-toggle,.fan-back:has(.example-toggle[open]) .example-pinyin{font-size:clamp(.98rem,2.8vw,1.08rem)}.card-toolbar{max-width:calc(100vw - 52px);margin-top:-66px}.review-back-floating{top:52px;left:0}.card-toolbar button,.review-actions button{min-height:38px;padding:0 13px;font-size:.88rem}.fan-panel{min-height:420px;padding:52px 22px 34px}.quiz-panel{min-height:470px;padding:36px 18px 30px}.quiz-audio-cue,.quiz-cloze-cue{min-height:132px}.quiz-options.has-four,.quiz-options.has-three{grid-template-columns:minmax(0,1fr)}.quiz-option{min-height:50px;border-radius:14px}.quiz-options.has-three .quiz-option{min-height:54px;font-size:clamp(1.55rem,8vw,2.15rem)}.first-word-tip{width:min(100%,calc(100vw - 44px));margin-top:-16px}}@media(max-width:420px){.app-shell{padding:10px}.app-header{padding:14px}.workspace{padding:16px 10px}.workspace-ornament{width:54px}.fan{width:min(96vw,354px);margin-bottom:-52px}.card-toolbar{max-width:calc(100vw - 40px);gap:7px;padding:2px 6px}.card-toolbar button,.review-actions button{min-height:36px;padding:0 11px;font-size:.82rem}.first-word-tip{font-size:.9rem}}