:root{--paper:#f3e3c0;--paper-deep:#e6d3a6;--paper-dark:#c9b386;--ink:#2a1d10;--ink-soft:#5a4528;--vermilion:#c1272d;--vermilion-dark:#8b0e14;--gold:#b8862a;--gold-light:#d8ad3f;--jade:#4a7a5a;--shadow:rgba(60,35,10,.18);--serif-cn:"Noto Serif SC","Songti SC","STSong",serif;--brush-cn:"Ma Shan Zheng","Noto Serif SC",serif;--serif-latin:"Cormorant Garamond","EB Garamond",Georgia,serif;--sans-latin:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:var(--sans-latin);color:var(--ink);background:var(--paper);background-image:radial-gradient(ellipse at 20% 10%,rgba(255,245,220,.7),transparent 60%),radial-gradient(ellipse at 80% 90%,rgba(180,130,70,.18),transparent 55%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.32  0 0 0 0 0.15  0 0 0 0.18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-blend-mode:multiply,normal,multiply;background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(80,50,15,.22) 100%);z-index:1}.cn{font-family:var(--serif-cn)}.cn-brush{font-family:var(--brush-cn)}.latin-serif,h1,h2,h3{font-family:var(--serif-latin)}h1,h2,h3{font-weight:600;color:var(--ink);margin:0}.page{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.brand{display:flex;align-items:baseline;gap:.9rem;text-decoration:none;color:var(--ink)}.brand .logo{font-family:var(--brush-cn);font-size:2.2rem;color:var(--vermilion);line-height:1;text-shadow:0 1px 0 rgba(255,240,200,.6)}.brand .title{font-family:var(--serif-latin);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.hero{text-align:center;padding:1.5rem 0 2.5rem;border-bottom:1px solid var(--paper-dark);margin-bottom:2.5rem;position:relative}.hero .hanzi{font-family:var(--brush-cn);font-size:clamp(5rem,14vw,9rem);color:var(--vermilion);line-height:1;letter-spacing:.05em;text-shadow:2px 4px 0 rgba(180,100,30,.18)}.hero .subtitle{font-family:var(--serif-latin);font-style:italic;font-size:1.3rem;color:var(--ink-soft);margin-top:.6rem;letter-spacing:.04em}.hero:after{content:"";display:block;width:80px;height:6px;margin:1.5rem auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.search-section{margin:-1rem auto 2.5rem;max-width:720px;text-align:center;position:relative}.search-title{font-family:var(--serif-latin);font-size:1.4rem;font-weight:600;color:var(--ink);letter-spacing:.03em;margin-bottom:.2rem}.search-subtitle{font-family:var(--serif-latin);font-style:italic;font-size:.95rem;color:var(--ink-soft);margin:0 0 .9rem}.search-bar{position:relative}.search-input{width:100%;font-family:var(--serif-cn);font-size:1.2rem;padding:.85rem 1.1rem;background:rgba(255,248,225,.85);border:1px solid var(--paper-dark);border-radius:4px;color:var(--ink);outline:none;box-shadow:0 4px 14px var(--shadow);transition:border-color .15s ease,box-shadow .15s ease}.search-input::placeholder{color:var(--ink-soft);opacity:.7;font-family:var(--serif-latin);font-style:italic;font-size:1rem}.search-input:focus{border-color:var(--vermilion);box-shadow:0 4px 18px rgba(193,39,45,.25)}.search-input:disabled{opacity:.7}.search-suggestions{position:absolute;left:0;right:0;margin-top:.4rem;background:var(--paper);border:1px solid var(--paper-dark);border-radius:4px;box-shadow:0 14px 32px rgba(60,35,10,.3);z-index:20;max-height:60vh;overflow-y:auto;text-align:left}.search-suggestion{display:grid;grid-template-columns:auto 1fr 2fr;align-items:center;grid-gap:.8rem;gap:.8rem;width:100%;padding:.6rem .9rem;background:transparent;border:none;border-bottom:1px solid rgba(184,134,42,.18);cursor:pointer;font-family:inherit;text-align:left;transition:background .1s ease}.search-suggestion:last-child{border-bottom:none}.search-suggestion:hover{background:rgba(184,134,42,.12)}.search-suggestion .s-hanzi{font-family:var(--serif-cn);font-weight:600;font-size:1.7rem;color:var(--ink);line-height:1}.search-suggestion .s-pinyin{font-family:var(--serif-latin);font-style:italic;color:var(--vermilion);font-size:1rem}.search-suggestion .s-meaning{font-family:var(--serif-latin);font-size:.95rem;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-suggestion-row{display:flex;align-items:stretch;border-bottom:1px solid rgba(184,134,42,.18)}.search-suggestion-row:last-child{border-bottom:none}.search-suggestion-row .search-suggestion{border-bottom:none;flex:1 1 auto;min-width:0}.search-add{flex:0 0 auto;width:3rem;align-self:stretch;background:transparent;border:none;border-left:1px solid rgba(184,134,42,.18);color:var(--vermilion);font-size:1.3rem;line-height:1;cursor:pointer;transition:background .12s ease,color .12s ease}.search-add:hover{background:rgba(193,39,45,.1);color:var(--vermilion-dark)}.search-add:active{background:rgba(193,39,45,.18)}.search-empty{padding:1rem;font-family:var(--serif-latin);font-style:italic;color:var(--ink-soft);text-align:center}.search-loading{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.1rem;margin:1rem auto 0;max-width:520px;background:rgba(255,248,225,.55);border:1px dashed var(--paper-dark);border-radius:4px}.search-loading.done,.search-loading[hidden]{display:none}.brush-spinner{flex:none;width:52px;height:52px}.brush-spinner svg{width:100%;height:100%}.brush-spinner .track{stroke:rgba(184,134,42,.2);stroke-width:4}.brush-spinner .head{stroke:var(--vermilion);stroke-width:4;stroke-linecap:round;stroke-dasharray:90 200;transform-origin:50% 50%;animation:spinner-rotate .95s linear infinite;filter:drop-shadow(0 1px 1px rgba(140,30,30,.35))}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.search-loading-text{flex:1 1;font-family:var(--serif-latin);color:var(--ink);font-size:1.05rem;text-align:left}.search-loading-text strong{font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700;color:var(--vermilion);font-size:1rem}.search-loading-sub{font-family:var(--serif-latin);font-style:italic;font-size:.85rem;color:var(--ink-soft);margin-top:.2rem;opacity:.85}.search-result{margin-top:1.2rem}.search-card{background:linear-gradient(180deg,rgba(255,248,225,.95),hsla(40,59%,78%,.85));border:1px solid var(--paper-dark);border-radius:6px;box-shadow:0 10px 28px var(--shadow);padding:1.3rem 1.2rem;position:relative;display:grid;grid-gap:1rem;gap:1rem}.search-card:before{content:"";position:absolute;inset:7px;border:1px solid rgba(184,134,42,.45);border-radius:4px;pointer-events:none}.search-card-stage{min-height:220px;z-index:1}.search-card-stage,.search-writers{display:flex;justify-content:center;align-items:center}.search-writers{gap:12px;flex-wrap:wrap;width:100%}.search-writer{display:inline-block;border-radius:4px}.search-writer.clickable{cursor:pointer;transition:background .15s ease,transform .1s ease}.search-writer.clickable:hover{background:rgba(193,39,45,.07);transform:translateY(-1px)}.search-writer-text{font-family:var(--serif-cn);font-weight:600;font-size:3rem;color:var(--ink-soft);padding:0 .2em}.search-tip{font-family:var(--serif-latin);font-style:italic;font-size:.9rem;color:var(--ink-soft);text-align:center;margin:.4rem 0 0;opacity:.85}.char-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:1000;padding:1rem}.char-modal.open{display:flex}.char-modal-backdrop{position:absolute;inset:0;background:rgba(40,25,10,.65);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.char-modal-card{position:relative;z-index:1;background:var(--paper);background-image:radial-gradient(ellipse at 30% 10%,rgba(255,245,220,.6),transparent 60%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.32  0 0 0 0 0.15  0 0 0 0.15 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");border:1px solid var(--paper-dark);border-radius:6px;padding:1.4rem 1.2rem 1.2rem;max-width:460px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.5);max-height:90vh;overflow-y:auto}.char-modal-card:before{content:"";position:absolute;inset:7px;border:1px solid rgba(184,134,42,.5);border-radius:4px;pointer-events:none}.char-modal-note{font-family:var(--serif-latin);font-style:italic;font-size:.9rem;color:var(--ink-soft);padding:.5rem .7rem;background:rgba(184,134,42,.1);border:1px dashed rgba(184,134,42,.4);border-radius:3px;margin-bottom:1rem;text-align:center}.char-modal-stage{display:flex;justify-content:center;margin-bottom:.8rem}.char-modal-stage>div{display:inline-block}.char-modal-meta{text-align:center;margin-bottom:.8rem}.char-modal-entry{padding:.6rem 0;border-bottom:1px dotted rgba(184,134,42,.25)}.char-modal-entry:last-child{border-bottom:none}.char-modal-entry .search-pinyin{font-size:1.3rem;margin-bottom:.3rem}.char-modal-actions{display:flex;justify-content:center}.search-card-meta{text-align:center;z-index:1}.search-pinyin{font-family:var(--serif-latin);font-style:italic;font-size:1.5rem;color:var(--vermilion);margin-bottom:.3rem}.search-meaning{font-family:var(--serif-latin);font-size:1.1rem;color:var(--ink);margin:.5rem auto;max-width:580px;line-height:1.45;position:relative;padding-left:2.4rem;text-align:left}.search-meaning.lang-en{color:var(--ink-soft);font-size:1rem}.search-meaning.lang-es{color:var(--ink);font-weight:500}.lang-tag{position:absolute;left:0;top:.05em;display:inline-block;font-family:ui-monospace,monospace;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:3px;background:rgba(184,134,42,.18);border:1px solid rgba(184,134,42,.45);color:var(--gold);letter-spacing:.05em;vertical-align:middle}.search-meaning.lang-es .lang-tag{background:rgba(193,39,45,.18);border-color:rgba(193,39,45,.5);color:var(--vermilion)}.search-trad{font-family:var(--serif-latin);font-style:italic;font-size:.9rem;color:var(--ink-soft);margin:.3rem 0 .5rem}.search-trad .cn{font-family:var(--serif-cn);font-style:normal;font-size:1.05rem;color:var(--ink)}.search-more{display:block;width:100%;padding:.6rem .9rem;font-family:var(--serif-latin);font-style:italic;font-size:.9rem;color:var(--vermilion-dark);text-align:center;background:rgba(184,134,42,.1);border:none;border-top:1px dotted rgba(184,134,42,.35);cursor:pointer;transition:background .15s,color .15s}.search-more:hover{background:rgba(193,39,45,.1);color:var(--vermilion)}.search-notes{font-family:var(--serif-latin);font-style:italic;font-size:.95rem;color:var(--ink-soft);margin-bottom:.7rem}.search-example{margin:.7rem auto 0;padding-top:.7rem;border-top:1px dashed rgba(184,134,42,.4);max-width:520px}.search-example .ex-hanzi{font-family:var(--serif-cn);font-size:1.4rem;color:var(--ink)}.search-example .ex-pinyin{font-family:var(--serif-latin);font-style:italic;font-size:1rem;color:var(--vermilion);margin-top:.2rem}.search-example .ex-translation{font-family:var(--serif-latin);font-size:1rem;color:var(--ink-soft);margin-top:.15rem}.search-actions{display:flex;justify-content:center;gap:.6rem;z-index:1}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.tool-card{position:relative;padding:1.6rem 1.4rem 1.4rem;background:linear-gradient(180deg,rgba(255,248,225,.85),hsla(40,59%,78%,.7));border:1px solid var(--paper-dark);border-radius:4px;box-shadow:0 1px 0 hsla(0,0%,100%,.6) inset,0 6px 18px var(--shadow);text-decoration:none;color:var(--ink);transition:transform .18s ease,box-shadow .18s ease;display:flex;flex-direction:column;min-height:220px}.tool-card:before{content:"";position:absolute;inset:6px;border:1px solid rgba(184,134,42,.45);border-radius:3px;pointer-events:none}.tool-card:hover{transform:translateY(-3px);box-shadow:0 1px 0 hsla(0,0%,100%,.6) inset,0 12px 28px var(--shadow)}.tool-card .card-label{font-family:var(--serif-latin);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem}.tool-card .card-title-cn{font-family:var(--brush-cn);color:var(--vermilion);font-size:2.6rem;line-height:1;margin-bottom:.5rem}.tool-card .card-title{font-family:var(--serif-latin);font-size:1.4rem;font-weight:600;margin-bottom:.3rem}.tool-card .card-desc{color:var(--ink-soft);font-size:.95rem;line-height:1.4;flex:1 1}.tool-card .card-preview{margin-top:.9rem;font-family:var(--serif-cn);font-size:1rem;color:var(--ink-soft);letter-spacing:.08em;word-spacing:.05em;opacity:.75}.tool-card.placeholder{opacity:.55;border-style:dashed;cursor:default;pointer-events:none}.tool-card.placeholder .card-title-cn{color:var(--ink-soft)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.app-title{display:flex;flex-direction:column}.app-title .cn{font-family:var(--brush-cn);color:var(--vermilion);font-size:2.2rem;line-height:1}.app-title .es{font-size:1.05rem;letter-spacing:.06em;margin-top:.25rem}.app-title .es,.back-link{font-family:var(--serif-latin);color:var(--ink-soft)}.back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:1rem;text-decoration:none;border-bottom:1px dotted var(--ink-soft);padding-bottom:1px}.back-link:hover{color:var(--vermilion);border-color:var(--vermilion)}.topbar-actions{display:flex;align-items:center;gap:.85rem;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.page>.topbar{flex-wrap:wrap;row-gap:.5rem}.mode-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.5rem;border-bottom:1px solid var(--paper-dark);padding-bottom:.6rem}.mode-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;font-family:var(--serif-latin);font-size:1rem;color:var(--ink-soft);padding:.55rem 1.1rem;cursor:pointer;border-radius:3px;transition:all .15s ease;letter-spacing:.03em}.mode-tab:hover{background:rgba(184,134,42,.1);color:var(--ink)}.mode-tab.active{background:linear-gradient(180deg,var(--vermilion),var(--vermilion-dark));color:#fff8e7;border-color:var(--vermilion-dark);box-shadow:0 2px 6px rgba(140,20,25,.3)}.word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:1.1rem;gap:1.1rem}.word-card{background:linear-gradient(180deg,rgba(255,248,225,.88),hsla(40,59%,78%,.75));border:1px solid var(--paper-dark);border-radius:4px;padding:1.1rem .8rem .9rem;text-align:center;cursor:pointer;box-shadow:0 4px 12px var(--shadow);position:relative;transition:transform .15s ease}.word-card:before{content:"";position:absolute;inset:5px;border:1px solid rgba(184,134,42,.4);border-radius:3px;pointer-events:none}.word-card:hover{transform:translateY(-2px)}.word-card .hanzi{font-family:var(--serif-cn);font-weight:600;font-size:3.2rem;color:var(--ink);line-height:1;margin-bottom:.4rem}.word-card .pinyin{font-family:var(--serif-latin);font-style:italic;font-size:1.1rem;color:var(--vermilion)}.word-card .meaning{font-family:var(--serif-latin);font-size:1rem;color:var(--ink-soft);margin-top:.2rem}.modal-backdrop{position:fixed;inset:0;background:rgba(40,25,10,.65);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;display:none;align-items:center;justify-content:center;padding:1rem}.modal-backdrop.open{display:flex}.modal{background:var(--paper);background-image:radial-gradient(ellipse at 30% 10%,rgba(255,245,220,.6),transparent 60%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.32  0 0 0 0 0.15  0 0 0 0.15 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");border:1px solid var(--paper-dark);border-radius:6px;padding:1.5rem;max-width:560px;width:100%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5)}.modal:before{content:"";position:absolute;inset:8px;border:1px solid rgba(184,134,42,.5);border-radius:4px;pointer-events:none}.modal-close{position:absolute;top:.6rem;right:.8rem;background:none;border:none;font-size:1.6rem;color:var(--ink-soft);cursor:pointer;line-height:1;z-index:2}.modal-close:hover{color:var(--vermilion)}.modal-copy{top:.6rem;left:.8rem;z-index:2}.detail-meta{text-align:center;margin-bottom:.8rem}.detail-meta .pinyin{font-family:var(--serif-latin);font-style:italic;font-size:1.6rem;color:var(--vermilion)}.detail-meta .meaning{font-family:var(--serif-latin);font-size:1.2rem;color:var(--ink-soft);margin-top:.2rem}.writer-stage{display:flex;justify-content:center;margin:.5rem 0 1rem}.writer-target{background:rgba(255,248,225,.4);border:1px dashed var(--paper-dark);border-radius:4px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.detail-actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--serif-latin);font-size:1rem;padding:.55rem 1.2rem;border-radius:3px;cursor:pointer;border:1px solid var(--paper-dark);background:rgba(255,248,225,.6);color:var(--ink);transition:all .15s ease;letter-spacing:.03em}.btn:hover{background:rgba(255,248,225,.9)}.btn-primary{background:linear-gradient(180deg,var(--vermilion),var(--vermilion-dark));color:#fff8e7;border-color:var(--vermilion-dark)}.btn-primary:hover{background:linear-gradient(180deg,#d8323a,var(--vermilion-dark))}.btn-gold{background:linear-gradient(180deg,var(--gold-light),var(--gold));color:#2a1d10;border-color:var(--gold)}.flashcard-stage{display:flex;flex-direction:column;align-items:center;gap:1.3rem}.flashcard{width:min(420px,92vw);aspect-ratio:4/5;perspective:1500px;cursor:pointer;position:relative}.flash-copy{position:absolute;top:.7rem;left:.7rem;z-index:5;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,248,225,.6);border:1px solid var(--paper-dark);border-radius:999px;color:var(--ink-soft);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.flash-copy:hover{background:rgba(255,248,225,.95);color:var(--vermilion);transform:scale(1.05)}.flash-copy:active{transform:scale(.95)}.flash-copy.copied{background:var(--jade);color:#fff8e7;border-color:var(--jade)}.flashcard-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(180deg,rgba(255,248,225,.95),hsla(40,59%,78%,.85));border:1px solid var(--paper-dark);border-radius:6px;box-shadow:0 10px 28px var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center}.flashcard-face:before{content:"";position:absolute;inset:8px;border:1px solid rgba(184,134,42,.5);border-radius:4px;pointer-events:none}.flashcard-face.back{transform:rotateY(180deg)}.flashcard .big-hanzi{font-family:var(--serif-cn);font-weight:600;font-size:clamp(6rem,22vw,9rem);color:var(--ink);line-height:1}.flashcard .face-pinyin{font-family:var(--serif-latin);font-style:italic;font-size:2rem;color:var(--vermilion);margin-bottom:.5rem}.flashcard .face-meaning{font-size:1.5rem}.flashcard .face-hint,.flashcard .face-meaning{font-family:var(--serif-latin);color:var(--ink-soft)}.flashcard .face-hint{font-style:italic;font-size:.9rem;margin-top:1.2rem;opacity:.7}.flash-strokes-btn{position:relative;z-index:4;display:inline-flex;align-items:center;gap:.35rem;margin-top:.9rem;font-family:var(--serif-latin);font-size:.92rem;color:var(--ink);background:rgba(255,248,225,.7);border:1px solid var(--paper-dark);border-radius:999px;padding:.35rem .9rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s ease,border-color .12s ease,transform .12s ease}.flash-strokes-btn:hover{background:rgba(184,134,42,.16);border-color:var(--gold)}.flash-strokes-btn:active{transform:scale(.96)}.flash-strokes-btn.active{background:linear-gradient(180deg,var(--gold-light),var(--gold));color:#2a1d10;border-color:var(--gold)}.flash-strokes-btn svg{display:block}.flashcard .big-hanzi.strokes-mode{font-size:0;line-height:0}.flash-writer-row{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap}.flash-writer-cell{line-height:0}.flashcard-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.flashcard-progress{font-size:1rem;min-width:60px;text-align:center}.flashcard-options,.flashcard-progress{font-family:var(--serif-latin);color:var(--ink-soft)}.flashcard-options{margin-top:.5rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;font-size:.9rem}.flashcard-options label{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer}.quiz-stage{display:flex;flex-direction:column;align-items:center;gap:1.3rem}.quiz-prompt{text-align:center;padding:1.2rem 1rem 1.4rem;background:linear-gradient(180deg,rgba(255,248,225,.9),hsla(40,59%,78%,.75));border:1px solid var(--paper-dark);border-radius:6px;width:min(480px,92vw);box-shadow:0 8px 22px var(--shadow);position:relative}.quiz-prompt:before{content:"";position:absolute;inset:6px;border:1px solid rgba(184,134,42,.45);border-radius:4px;pointer-events:none}.quiz-prompt .question-label{font-family:var(--serif-latin);font-style:italic;color:var(--gold);font-size:.95rem;letter-spacing:.05em;margin-bottom:.6rem}.quiz-prompt .question-value{font-family:var(--serif-cn);font-weight:600;font-size:clamp(3.5rem,13vw,6rem);color:var(--ink);line-height:1.05}.quiz-prompt .question-value.text{font-family:var(--serif-latin);font-size:2rem;font-style:italic;color:var(--vermilion)}.quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.7rem;gap:.7rem;width:min(480px,92vw)}.quiz-option{background:rgba(255,248,225,.6);border:1px solid var(--paper-dark);border-radius:4px;padding:.9rem .6rem;font-family:var(--serif-latin);font-size:1.1rem;color:var(--ink);cursor:pointer;transition:all .15s ease;text-align:center}.quiz-option .hanzi{font-family:var(--serif-cn);font-weight:600;font-size:2.2rem;line-height:1;display:block}.quiz-option:hover{background:rgba(255,248,225,.95);transform:translateY(-1px)}.quiz-option.correct{background:rgba(74,122,90,.25);border-color:var(--jade);color:var(--jade)}.quiz-option.wrong{background:rgba(193,39,45,.18);border-color:var(--vermilion);color:var(--vermilion-dark)}.quiz-option.disabled{pointer-events:none}.quiz-score{font-family:var(--serif-latin);color:var(--ink-soft);font-size:1rem;letter-spacing:.04em}.trace-stage{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.trace-info{text-align:center}.trace-info .pinyin{font-family:var(--serif-latin);font-style:italic;font-size:1.4rem;color:var(--vermilion)}.trace-info .meaning{font-family:var(--serif-latin);font-size:1.1rem;color:var(--ink-soft);margin-top:.15rem}.trace-canvas-wrap{background:rgba(255,248,225,.55);border:1px solid var(--paper-dark);border-radius:6px;padding:.7rem;box-shadow:0 8px 22px var(--shadow);position:relative;touch-action:none}.trace-canvas-wrap:before{content:"";position:absolute;inset:5px;border:1px dashed rgba(184,134,42,.5);border-radius:4px;pointer-events:none}.trace-canvas-wrap svg{display:block;touch-action:none}#traceTarget{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center}.trace-cell{line-height:0;border-radius:6px;transition:background .2s}.trace-cell.active{background:rgba(184,134,42,.12)}.trace-controls{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.trace-feedback{font-family:var(--serif-latin);font-size:1rem;color:var(--ink-soft);text-align:center;min-height:1.5rem}.trace-feedback.good{color:var(--jade)}.trace-feedback.bad{color:var(--vermilion)}.footer{text-align:center;margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--paper-dark);font-family:var(--serif-latin);font-style:italic;font-size:.9rem;color:var(--ink-soft);opacity:.7}.seal{width:38px;height:38px;line-height:38px;text-align:center;background:var(--vermilion);color:#fff8e7;font-family:var(--brush-cn);font-size:1.4rem;border-radius:4px;margin-right:.6rem;box-shadow:inset 0 1px 0 rgba(0,0,0,.2),0 2px 4px rgba(140,20,25,.4)}.app-version,.seal{display:inline-block;vertical-align:middle}.app-version{margin-left:.9rem;padding:2px 7px;background:rgba(184,134,42,.14);border:1px solid rgba(184,134,42,.4);border-radius:3px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.7rem;color:var(--gold);letter-spacing:.05em}.order-toggle{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--serif-latin);font-size:.95rem;color:var(--ink-soft);cursor:pointer;padding:.45rem .85rem;background:rgba(255,248,225,.55);border:1px solid var(--paper-dark);border-radius:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.order-toggle input{accent-color:var(--vermilion);margin:0}.order-toggle:hover{background:rgba(255,248,225,.85)}.toggle-row{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.45rem;gap:.45rem;max-width:min(520px,96vw);margin:.7rem auto 0}.toggle-grid .order-toggle{display:flex;width:100%;height:100%;align-items:center;font-size:.9rem;padding:.5rem .7rem}.toggle-grid .order-toggle span{line-height:1.2}@media (max-width:640px){.page{padding:1.5rem 1rem 3rem}.hero{padding:1rem 0 2rem;margin-bottom:1.8rem}.word-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem}.word-card .hanzi{font-size:2.8rem}.mode-tabs{gap:.3rem}.mode-tab{padding:.45rem .8rem;font-size:.95rem}.topbar{margin-bottom:1.5rem}}@media (any-pointer:fine),(pointer:fine){.trace-canvas-wrap svg path{cursor:crosshair}}canvas,svg{-webkit-tap-highlight-color:transparent}.lienzo-overlay svg polyline,.trace-canvas-wrap svg polyline,.writer-target svg polyline{stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .6px rgba(40,25,10,.55)) drop-shadow(0 1px .7px rgba(140,30,30,.18))}.lienzo-stage{display:flex;flex-direction:column;align-items:center;gap:1rem}.lienzo-info{text-align:center}.lienzo-info .prompt-label{font-family:var(--serif-latin);font-style:italic;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;color:var(--gold);margin-bottom:.2rem}.lienzo-info .lienzo-pinyin{font-family:var(--serif-latin);font-style:italic;font-size:1.6rem;color:var(--vermilion);line-height:1.1}.lienzo-info .lienzo-meaning{font-family:var(--serif-latin);font-size:1.15rem;color:var(--ink-soft)}.lienzo-canvas-wrap{position:relative;background:rgba(255,248,225,.55);border:1px solid var(--paper-dark);border-radius:6px;padding:.7rem;box-shadow:0 8px 22px var(--shadow);touch-action:none;width:min(420px,92vw);box-sizing:border-box}.lienzo-canvas-wrap:before{content:"";position:absolute;inset:5px;border:1px dashed rgba(184,134,42,.45);border-radius:4px;pointer-events:none;z-index:1}.lienzo-canvas-inner{position:relative}.lienzo-canvas,.lienzo-canvas-inner{width:100%;background:#fbf2d9;border-radius:4px}.lienzo-canvas{display:block;height:100%;touch-action:none;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lienzo-overlay{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;transition:opacity .3s ease}.lienzo-overlay.visible{opacity:.55}.lienzo-overlay svg{mix-blend-mode:multiply}.lienzo-overlay-row{width:100%;height:100%}.lienzo-overlay-cell,.lienzo-overlay-row{display:flex;align-items:center;justify-content:center}.lienzo-overlay-cell{flex:1 1;min-width:0;overflow:visible}.lienzo-feedback{font-family:var(--serif-latin);font-size:.95rem;color:var(--ink-soft);text-align:center;min-height:1.4rem}.lienzo-controls{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.blocks-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .9rem;padding:.75rem .9rem;margin-bottom:1.5rem;background:rgba(255,248,225,.4);border:1px solid var(--paper-dark);border-radius:4px;position:relative}.blocks-bar:before{content:"";position:absolute;inset:3px;border:1px solid rgba(184,134,42,.25);border-radius:3px;pointer-events:none}.blocks-label{font-family:var(--serif-latin);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);position:relative}.blocks-toggles{display:flex;flex-wrap:wrap;gap:.4rem;position:relative}.block-toggle{padding:.4rem .8rem;font-size:.92rem;border-radius:999px}.block-toggle .block-count{font-style:normal;opacity:.65;font-size:.82rem;margin-left:.15rem}.writer-target{display:flex;justify-content:center;align-items:center}.writer-target.multi{flex-wrap:nowrap;gap:.4rem;max-width:100%}.detail-writer-slot{display:inline-flex;align-items:center;justify-content:center}.word-card.word-card-compound .hanzi{font-size:2.6rem;letter-spacing:.05em}@media (max-width:640px){.word-card.word-card-compound .hanzi{font-size:2.2rem}}.zw-create-list-btn{font-family:var(--sans-latin);font-size:.82rem;font-weight:500;color:var(--vermilion-dark);background:rgba(255,248,225,.7);border:1px dashed var(--gold);border-radius:999px;padding:.35rem .85rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.zw-create-list-btn:hover{background:rgba(193,39,45,.08);border-color:var(--vermilion);color:var(--vermilion)}.zw-auth-chip{position:fixed;top:.6rem;right:.7rem;z-index:60;display:flex;align-items:center;gap:.5rem;background:hsla(41,68%,85%,.92);border:1px solid var(--paper-dark);border-radius:999px;padding:.3rem .7rem;box-shadow:0 2px 8px var(--shadow);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.zw-auth-user{font-family:var(--sans-latin);font-size:.82rem;color:var(--ink);display:inline-flex;align-items:center;gap:.35rem}.zw-auth-dot{width:8px;height:8px;border-radius:50%;background:var(--jade);display:inline-block}.zw-auth-link{font-family:var(--sans-latin);font-size:.8rem;color:var(--vermilion-dark);background:none;border:none;cursor:pointer;padding:.1rem .2rem}.zw-auth-link:hover{color:var(--vermilion);text-decoration:underline}.zw-auth-link.danger{color:#9a3a1a}.zw-auth-chip.zw-auth-chip--inline{position:static;top:auto;right:auto;z-index:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:.25rem .6rem}.zw-streak{display:inline-flex;align-items:center;gap:.15rem;font-family:var(--sans-latin);font-size:.82rem;font-weight:700;color:var(--vermilion-dark);line-height:1;white-space:nowrap}.zw-streak-flame{font-size:.95rem}.zw-streak-days{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.zw-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(42,29,16,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:1rem}.zw-dialog{position:relative;width:100%;max-width:380px;max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#fbf3dd,var(--paper));border:1px solid var(--paper-dark);border-radius:14px;box-shadow:0 18px 50px rgba(42,29,16,.4);padding:1.6rem 1.5rem 1.4rem}.zw-dialog-wide{max-width:560px}.zw-dialog-close{position:absolute;top:.5rem;right:.7rem;font-size:1.6rem;line-height:1;color:var(--ink-soft);background:none;border:none;cursor:pointer}.zw-dialog-close:hover{color:var(--vermilion)}.zw-dialog-title{font-family:var(--brush-cn);font-size:1.5rem;color:var(--vermilion-dark);text-align:center;margin-bottom:.9rem}.zw-tabs{display:flex;gap:.4rem;margin-bottom:1rem;border-bottom:1px solid var(--paper-dark)}.zw-tabs button{flex:1 1;font-family:var(--sans-latin);font-size:.85rem;padding:.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--ink-soft);cursor:pointer}.zw-tabs button.active{color:var(--vermilion);border-bottom-color:var(--vermilion);font-weight:500}.zw-form{gap:.8rem}.zw-form,.zw-form label{display:flex;flex-direction:column}.zw-form label{gap:.3rem;font-family:var(--sans-latin);font-size:.8rem;color:var(--ink-soft)}.zw-field input,.zw-form input[type=password],.zw-form input[type=text]{font-family:var(--sans-latin);font-size:.95rem;color:var(--ink);background:rgba(255,252,244,.9);border:1px solid var(--paper-dark);border-radius:8px;padding:.5rem .65rem;outline:none}.zw-field input:focus,.zw-form input:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(184,134,42,.2)}.zw-form-error{font-family:var(--sans-latin);font-size:.82rem;color:var(--vermilion-dark);background:rgba(193,39,45,.08);border-radius:6px;padding:.4rem .6rem}.zw-captcha{display:flex;justify-content:center;min-height:65px}.zw-form-actions{display:flex;justify-content:space-between;gap:.6rem}.zw-words{gap:.7rem}.zw-word-card,.zw-words{display:flex;flex-direction:column}.zw-word-card{gap:.55rem;background:rgba(255,252,244,.6);border:1px solid var(--paper-dark);border-radius:10px;padding:.7rem .75rem .8rem}.zw-word-card-head{display:flex;align-items:center;justify-content:space-between}.zw-word-card-num{font-family:var(--sans-latin);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gold)}.zw-field{position:relative;display:flex;flex-direction:column;gap:.25rem}.zw-field>span{font-family:var(--sans-latin);font-size:.72rem;color:var(--ink-soft)}.zw-field input{width:100%;box-sizing:border-box}.zw-field-hanzi input{font-family:var(--serif-cn);font-size:1.1rem}.zw-word-remove{background:none;border:none;color:var(--ink-soft);font-size:1.2rem;line-height:1;cursor:pointer}.zw-word-remove:hover{color:var(--vermilion)}.zw-dict-hint{font-family:var(--sans-latin);font-size:.74rem;color:var(--ink-soft);margin:-.2rem 0 .1rem}.zw-dict-suggestions{position:absolute;z-index:30;top:100%;left:0;right:0;margin-top:3px;max-height:210px;overflow-y:auto;background:linear-gradient(180deg,#fffdf6,var(--paper));border:1px solid var(--paper-dark);border-radius:8px;box-shadow:0 10px 26px rgba(42,29,16,.3)}.zw-dict-suggestion{display:flex;align-items:baseline;gap:.5rem;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid rgba(184,134,42,.14);padding:.45rem .6rem;cursor:pointer}.zw-dict-suggestion:last-child{border-bottom:none}.zw-dict-suggestion:hover{background:rgba(184,134,42,.13)}.zw-dict-s-hanzi{font-family:var(--serif-cn);font-size:1.05rem;color:var(--ink)}.zw-dict-s-pinyin{font-family:var(--sans-latin);font-size:.8rem;color:var(--gold)}.zw-dict-s-meaning{margin-left:auto;max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zw-dict-empty,.zw-dict-s-meaning{font-family:var(--sans-latin);font-size:.8rem;color:var(--ink-soft)}.zw-dict-empty{padding:.45rem .6rem}.zw-list-index{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.zw-list-index li{display:flex;align-items:center;justify-content:space-between;background:rgba(255,252,244,.7);border:1px solid var(--paper-dark);border-radius:8px;padding:.5rem .7rem}.zw-list-name{font-family:var(--sans-latin);font-size:.9rem;color:var(--ink)}.zw-list-name em{color:var(--gold);font-style:normal}.zw-list-actions{display:flex;gap:.5rem}.zw-empty,.zw-hint{font-family:var(--sans-latin);font-size:.82rem;color:var(--ink-soft);text-align:center}.zw-hint{margin-top:.8rem}.zw-auth-user-link{text-decoration:none;cursor:pointer}.zw-auth-user-link:hover{text-decoration:underline}.zw-profile{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.zw-profile-title{font-family:var(--brush-cn);font-size:1.8rem;color:var(--vermilion-dark);text-align:center;margin:.5rem 0 .3rem}.zw-profile-card{background:rgba(255,252,244,.7);border:1px solid var(--paper-dark);border-radius:12px;padding:1.1rem 1.2rem;box-shadow:0 4px 14px var(--shadow)}.zw-profile-card.zw-form{gap:.7rem}.zw-profile-empty{text-align:center;display:flex;flex-direction:column;gap:.8rem;align-items:center}.zw-profile-id{display:flex;align-items:center;gap:.5rem;font-family:var(--sans-latin);font-size:1.05rem;color:var(--ink)}.zw-profile-id strong{font-weight:600}.zw-profile-lists{font-family:var(--sans-latin);font-size:.9rem;color:var(--ink-soft);margin:.6rem 0 0}.zw-profile-h2{font-family:var(--serif-latin);font-size:1.05rem;color:var(--gold);margin:0 0 .2rem}.zw-profile-hint{text-align:left;margin:0 0 .2rem}.zw-form-ok{font-size:.82rem;color:var(--jade);background:rgba(74,122,90,.12);border-radius:6px;padding:.4rem .6rem}.zw-admin,.zw-form-ok{font-family:var(--sans-latin)}.zw-admin{max-width:1000px;margin:0 auto;padding:1.2rem;color:var(--ink)}.zw-admin h1{font-family:var(--brush-cn);color:var(--vermilion-dark);font-weight:400}.zw-admin h2{font-size:1rem;color:var(--gold);margin:1.4rem 0 .5rem}.zw-kpis{display:flex;flex-wrap:wrap;gap:.8rem}.zw-kpi{background:rgba(255,252,244,.8);border:1px solid var(--paper-dark);border-radius:10px;padding:.8rem 1.1rem;min-width:120px}.zw-kpi .n{font-size:1.6rem;font-weight:600;color:var(--ink)}.zw-kpi .l{font-size:.78rem;color:var(--ink-soft)}.zw-admin table{width:100%;border-collapse:collapse;font-size:.85rem}.zw-admin td,.zw-admin th{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--paper-deep)}.zw-admin th{color:var(--gold);font-weight:500}.flashcard .big-hanzi,.quiz-option .hanzi,.quiz-prompt .question-value,.search-suggestion .s-hanzi,.word-card .hanzi{white-space:nowrap}.conv-chip{flex-direction:column;align-items:flex-start;gap:.1rem;cursor:pointer;text-align:left}.conv-chip-cn{font-family:var(--serif-cn);font-size:1rem;color:var(--ink);line-height:1.1}.conv-chip-es{font-family:var(--serif-latin);font-size:.8rem;color:var(--ink-soft)}.conv-chip.active{background:linear-gradient(180deg,var(--vermilion),var(--vermilion-dark));border-color:var(--vermilion-dark);box-shadow:0 2px 6px rgba(140,20,25,.3)}.conv-chip.active .conv-chip-cn,.conv-chip.active .conv-chip-es{color:#fff8e7}.conv-current{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center;margin:-.4rem 0 1.3rem}.conv-current-cn{font-family:var(--brush-cn);font-size:1.9rem;color:var(--vermilion-dark);line-height:1.1}.conv-current-py{font-family:var(--serif-latin);font-style:italic;font-size:1rem;color:var(--gold)}.conv-current-es{font-family:var(--serif-latin);font-size:.95rem;color:var(--ink-soft)}.conv-status{font-family:var(--sans-latin);font-size:.9rem;text-align:center;padding:1.2rem;border-radius:10px;background:rgba(255,252,244,.6);border:1px solid var(--paper-dark);color:var(--ink-soft)}.conv-status-error{color:var(--vermilion-dark);border-color:rgba(193,39,45,.4);background:rgba(193,39,45,.06)}.conv-empty,.conv-hint{font-family:var(--serif-latin);font-size:.92rem;color:var(--ink-soft);text-align:center;margin:1rem auto;max-width:40ch}.conv-hint{font-style:italic;opacity:.85}.conv-token{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--serif-cn);font-size:inherit;line-height:inherit;color:var(--ink);background:transparent;border:none;border-radius:4px;padding:0 .04em;margin:0;cursor:pointer;transition:background .12s,color .12s}.conv-token:focus-visible,.conv-token:hover{background:rgba(184,134,42,.22);color:var(--vermilion-dark);outline:none}.conv-token:active{background:rgba(193,39,45,.18)}.conv-hanzi-plain{font-family:var(--serif-cn);color:var(--ink)}.conv-audio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,248,225,.7);border:1px solid var(--paper-dark);border-radius:999px;cursor:pointer;font-size:1rem;line-height:1;padding:.3rem .5rem;flex:0 0 auto;transition:background .12s,transform .12s}.conv-audio:hover{background:rgba(184,134,42,.18)}.conv-audio.speaking{background:linear-gradient(180deg,var(--gold-light),var(--gold));transform:scale(1.05)}.conv-scene{margin-bottom:1.6rem}.conv-scene-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;padding-bottom:.4rem;margin-bottom:.7rem;border-bottom:1px solid var(--paper-dark)}.conv-scene-cn{font-family:var(--brush-cn);font-size:1.3rem;color:var(--vermilion)}.conv-scene-py{font-style:italic;color:var(--gold)}.conv-scene-es,.conv-scene-py{font-family:var(--serif-latin);font-size:.9rem}.conv-scene-es{color:var(--ink-soft)}.conv-turn{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem .4rem;border-radius:8px}.conv-turn:nth-child(2n){background:rgba(255,252,244,.45)}.conv-turn-speaker{flex:0 0 auto;min-width:2.6rem;text-align:center;padding-top:.2rem}.conv-sp-cn{font-family:var(--serif-cn);font-size:.95rem;color:var(--vermilion-dark);font-weight:600;display:inline-block;background:rgba(193,39,45,.08);border-radius:6px;padding:.15rem .4rem}.conv-turn-body{flex:1 1 auto;min-width:0}.conv-turn-hanzi{font-family:var(--serif-cn);font-size:1.7rem;line-height:1.45;color:var(--ink)}.conv-turn-pinyin{font-family:var(--serif-latin);font-style:italic;font-size:1rem;color:var(--gold);margin-top:.15rem}.conv-turn-es{font-family:var(--serif-latin);font-size:.98rem;color:var(--ink-soft);margin-top:.1rem}.conv-turn-audio{align-self:center}.conv-leer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.2rem;padding-bottom:.9rem;border-bottom:1px solid var(--paper-dark)}.conv-leer-controls-label{font-family:var(--serif-latin);font-size:.9rem;color:var(--ink-soft)}.conv-leer.hide-es .conv-scene-es,.conv-leer.hide-es .conv-turn-es,.conv-leer.hide-pinyin .conv-scene-py,.conv-leer.hide-pinyin .conv-turn-pinyin{display:none}.conv-flash{max-width:540px;margin:0 auto}.conv-flash-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.7rem}.conv-flash-speaker{font-family:var(--serif-latin);font-size:.9rem;color:var(--ink-soft)}.conv-flash-card{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;background:linear-gradient(180deg,rgba(255,248,225,.9),hsla(40,59%,78%,.7));border:1px solid var(--paper-dark);border-radius:14px;box-shadow:0 6px 18px var(--shadow);padding:1.6rem 1.2rem;cursor:pointer;position:relative}.conv-flash-hanzi{font-family:var(--serif-cn);font-size:2rem;line-height:1.4;color:var(--ink)}.conv-flash-py{font-family:var(--serif-latin);font-style:italic;font-size:1.1rem;color:var(--gold)}.conv-flash-es-big{font-family:var(--serif-latin);font-size:1.5rem;color:var(--ink)}.conv-flash-back{border-top:1px dashed var(--paper-dark);padding-top:.6rem;margin-top:.2rem;width:100%}.conv-flash-reveal-es{font-family:var(--serif-latin);font-size:1.4rem;color:var(--vermilion-dark)}.conv-flash-tap{position:absolute;bottom:.5rem;font-family:var(--sans-latin);font-size:.72rem;color:var(--ink-soft);opacity:.65;letter-spacing:.04em}.conv-flash-controls{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:1rem}.conv-flash-progress{font-family:var(--sans-latin);font-size:.9rem;color:var(--ink-soft)}.conv-flash-options{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:.9rem;font-family:var(--serif-latin);font-size:.92rem;color:var(--ink-soft)}.conv-cloze{max-width:560px;margin:0 auto}.conv-cloze-prompt{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.9rem}.conv-cloze-meaning{font-family:var(--serif-latin);font-size:1.15rem;color:var(--ink);text-align:center}.conv-cloze-sentence{font-family:var(--serif-cn);font-size:1.9rem;line-height:1.5;text-align:center;color:var(--ink)}.conv-cloze-fixed{padding:0 .02em}.conv-cloze-blank{color:var(--vermilion);border-bottom:3px solid var(--gold);padding:0 .15em;letter-spacing:-.1em}.conv-cloze-blank.filled-ok{color:var(--jade);border-color:var(--jade)}.conv-cloze-blank.filled-bad{color:var(--vermilion-dark);border-color:var(--vermilion-dark)}.conv-cloze-py{font-family:var(--serif-latin);font-style:italic;font-size:1rem;color:var(--gold);text-align:center;margin:.3rem 0 1rem}.conv-cloze-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.6rem;gap:.6rem;max-width:420px;margin:0 auto}.conv-cloze-opt{display:flex;flex-direction:column;align-items:center;gap:.1rem;background:rgba(255,248,225,.7);border:1px solid var(--paper-dark);border-radius:10px;padding:.6rem;cursor:pointer;transition:background .12s,border-color .12s}.conv-cloze-opt:hover{background:rgba(184,134,42,.14)}.conv-cloze-opt.disabled{pointer-events:none}.conv-cloze-opt.correct{background:rgba(74,122,90,.18);border-color:var(--jade)}.conv-cloze-opt.wrong{background:rgba(193,39,45,.12);border-color:var(--vermilion)}.conv-cloze-opt-cn{font-family:var(--serif-cn);font-size:1.5rem;color:var(--ink)}.conv-cloze-opt-py{font-family:var(--serif-latin);font-style:italic;font-size:.85rem;color:var(--gold)}.conv-cloze-feedback{font-family:var(--serif-latin);font-size:.98rem;text-align:center;min-height:1.4em;margin:.9rem 0 .2rem}.conv-cloze-feedback.good{color:var(--jade)}.conv-cloze-feedback.bad{color:var(--vermilion-dark)}.conv-cloze-controls{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.6rem}.conv-cloze-progress{font-family:var(--sans-latin);font-size:.9rem;color:var(--ink-soft)}.conv-orden{max-width:560px;margin:0 auto}.conv-orden-prompt{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:1rem}.conv-orden-meaning{font-family:var(--serif-latin);font-size:1.15rem;color:var(--ink);text-align:center}.conv-orden-answer{min-height:3.4rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.7rem;border:2px dashed var(--gold);border-radius:10px;background:rgba(255,252,244,.5);margin-bottom:.9rem}.conv-orden-answer.ok{border-style:solid;border-color:var(--jade);background:rgba(74,122,90,.1)}.conv-orden-answer.shake{animation:convShake .45s}@keyframes convShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.conv-orden-ph{font-family:var(--serif-latin);font-style:italic;color:var(--ink-soft);opacity:.7;font-size:.95rem}.conv-orden-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:3rem}.orden-chip{font-family:var(--serif-cn);font-size:1.5rem;color:var(--ink);background:linear-gradient(180deg,rgba(255,248,225,.95),hsla(40,59%,78%,.8));border:1px solid var(--paper-dark);border-radius:8px;padding:.35rem .7rem;cursor:pointer;box-shadow:0 2px 6px var(--shadow);transition:transform .1s,background .12s}.orden-chip:hover{background:rgba(184,134,42,.16)}.orden-chip:active{transform:scale(.95)}.orden-chip.placed{background:rgba(193,39,45,.08);border-color:var(--vermilion)}.conv-orden-feedback{font-family:var(--serif-latin);font-size:.98rem;text-align:center;min-height:1.4em;margin:.9rem 0 .2rem}.conv-orden-feedback.good{color:var(--jade)}.conv-orden-feedback.bad{color:var(--vermilion-dark)}.conv-orden-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.conv-rol{max-width:560px;margin:0 auto}.conv-rol-pick{text-align:center;padding:1.5rem 1rem}.conv-rol-pick-title{font-family:var(--brush-cn);font-size:1.5rem;color:var(--vermilion-dark);margin:0 0 .3rem}.conv-rol-pick-sub{font-family:var(--serif-latin);font-size:.95rem;color:var(--ink-soft);margin:0 auto 1.2rem;max-width:36ch}.conv-rol-pick-opts{display:flex;flex-direction:column;gap:.6rem;align-items:center}.conv-rol-pick-opt{font-family:var(--serif-cn);min-width:200px}.conv-rol-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.8rem}.conv-rol-role{font-family:var(--serif-latin);font-size:.95rem;color:var(--ink-soft)}.conv-rol-role strong{color:var(--vermilion-dark)}.conv-rol-changerole{font-family:var(--sans-latin);font-size:.8rem;background:rgba(255,248,225,.7);border:1px solid var(--paper-dark);border-radius:999px;padding:.3rem .7rem;cursor:pointer}.conv-rol-changerole:hover{background:rgba(184,134,42,.16)}.conv-rol-thread{display:flex;flex-direction:column;gap:.7rem;max-height:60vh;overflow-y:auto;padding:.3rem}.conv-rol-msg{max-width:85%;padding:.7rem .9rem;border-radius:12px;position:relative}.conv-rol-msg.theirs{align-self:flex-start;background:rgba(255,252,244,.85);border:1px solid var(--paper-dark);border-bottom-left-radius:4px}.conv-rol-msg.mine{align-self:flex-end;background:rgba(193,39,45,.08);border:1px solid rgba(193,39,45,.3);border-bottom-right-radius:4px;text-align:right}.conv-rol-who{font-family:var(--sans-latin);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gold);margin-bottom:.25rem}.conv-rol-hanzi{font-family:var(--serif-cn);font-size:1.55rem;line-height:1.4;color:var(--ink)}.conv-rol-py{font-style:italic;font-size:.95rem;color:var(--gold)}.conv-rol-es,.conv-rol-py{font-family:var(--serif-latin)}.conv-rol-es{font-size:.92rem;color:var(--ink-soft)}.conv-rol-task{font-family:var(--serif-latin);font-size:1.05rem;color:var(--ink);margin-bottom:.5rem}.conv-rol-task strong{color:var(--vermilion-dark)}.conv-rol-audio{position:absolute;top:.5rem;right:.5rem;padding:.2rem .4rem;font-size:.85rem}.conv-rol-controls{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:1rem}.conv-rol-done{font-family:var(--serif-latin);font-size:1.05rem;color:var(--jade)}.conv-pop-backdrop{position:fixed;inset:0;z-index:200;background:rgba(42,29,16,.18);display:none}.conv-pop-backdrop.open{display:block}.conv-pop{position:absolute;z-index:201;width:min(300px,92vw);background:linear-gradient(180deg,#fffdf6,var(--paper));border:1px solid var(--paper-dark);border-radius:12px;box-shadow:0 12px 34px rgba(42,29,16,.34);display:none;overflow:hidden}.conv-pop.open{display:block}.conv-pop-head{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;padding:.7rem .9rem;background:rgba(193,39,45,.06);border-bottom:1px solid var(--paper-dark)}.conv-pop-hanzi{font-family:var(--serif-cn);font-size:1.5rem;color:var(--ink)}.conv-pop-py{font-style:italic;font-size:.9rem;color:var(--gold)}.conv-pop-es,.conv-pop-py{font-family:var(--serif-latin)}.conv-pop-es{font-size:.88rem;color:var(--ink-soft);width:100%}.conv-pop-body{padding:.7rem .9rem .9rem}.conv-pop-note{font-family:var(--sans-latin);font-size:.85rem;color:var(--ink-soft);text-align:center;margin:.3rem 0 .7rem}.conv-pop-login{width:100%}.conv-pop-label{font-family:var(--sans-latin);font-size:.78rem;color:var(--ink-soft);margin:0 0 .5rem}.conv-pop-lists{display:flex;flex-direction:column;gap:.35rem;max-height:180px;overflow-y:auto}.conv-pop-list{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:rgba(255,252,244,.8);border:1px solid var(--paper-dark);border-radius:8px;padding:.45rem .6rem;cursor:pointer;text-align:left;transition:background .12s}.conv-pop-list:hover{background:rgba(184,134,42,.14)}.conv-pop-list.has{opacity:.7;cursor:default}.conv-pop-list-name{font-family:var(--sans-latin);font-size:.9rem;color:var(--ink)}.conv-pop-list-meta{font-family:var(--sans-latin);font-size:.75rem;color:var(--vermilion-dark);white-space:nowrap}.conv-pop-list.has .conv-pop-list-meta{color:var(--jade)}.conv-pop-new{display:flex;gap:.4rem;margin-top:.7rem}.conv-pop-new-input{flex:1 1 auto;min-width:0;font-family:var(--sans-latin);font-size:.9rem;color:var(--ink);background:rgba(255,252,244,.9);border:1px solid var(--paper-dark);border-radius:8px;padding:.4rem .55rem;outline:none}.conv-pop-new-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(184,134,42,.2)}.conv-pop-new-btn{flex:0 0 auto;padding:.4rem .8rem}.conv-pop-msg{font-family:var(--sans-latin);font-size:.82rem;text-align:center;margin-top:.6rem;padding:.35rem;border-radius:6px}.conv-pop-msg.ok{color:var(--jade);background:rgba(74,122,90,.12)}.conv-pop-msg.err{color:var(--vermilion-dark);background:rgba(193,39,45,.08)}@media (min-width:640px){.conv-turn-hanzi{font-size:1.95rem}.conv-cloze-sentence{font-size:2.1rem}}.zw-offline-bar{position:fixed;left:0;right:0;bottom:0;z-index:200;text-align:center;font-family:var(--sans-latin);font-size:.8rem;letter-spacing:.02em;color:#fff8e7;background:linear-gradient(180deg,var(--ink-soft),#3a2c18);padding:.45rem .8rem;box-shadow:0 -2px 10px rgba(42,29,16,.3)}.zw-offline-bar span{color:var(--gold-light);margin-right:.3rem}.zw-offline-dl{display:flex;flex-direction:column;gap:.6rem}.zw-offline-dl .btn{align-self:flex-start}.zw-offline-dl-progress{display:flex;flex-direction:column;gap:.4rem}.zw-offline-dl-phase{font-family:var(--sans-latin);font-size:.85rem;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.zw-offline-dl-bar{height:9px;border-radius:999px;background:rgba(184,134,42,.2);overflow:hidden}.zw-offline-dl-bar span{display:block;height:100%;min-width:2%;background:linear-gradient(90deg,var(--gold),var(--vermilion));transition:width .25s ease}