@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/baloo2-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}:root{--c-first: #ff8fb1;--c-nature: #5cc9a7;--c-myself: #6fa8ff;--c-things: #ffb454;--c-life: #c08cff;--c-brand: #fd9d2b;--c-brand-deep: #f57c1f;--c-accent: #ffd166;--c-success: #4caf7d;--c-error: #ff6b6b;--c-ink: #3a3a4a;--c-ink-soft: #6b6b7b;--c-paper: #fffaf2;--c-card: #ffffff;--c-card-warm: #fff7ec;--c-card-warm-edge: #ffe9cf;--c-line: #f0e6da;--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--f-xs: 13px;--f-sm: 15px;--f-md: 18px;--f-lg: 24px;--f-xl: 32px;--f-2xl: 48px;--f-huge: 96px;--font-ui: "Baloo 2", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-round: var(--font-ui);--font-kai: "Kaiti SC", "STKaiti", "KaiTi", "PingFang SC", serif;--sh-sm: 0 2px 8px rgba(120, 90, 40, .08);--sh-md: 0 6px 18px rgba(120, 90, 40, .12);--sh-lg: 0 12px 32px rgba(120, 90, 40, .16);--sh-btn: 0 4px 0;--t-fast: .15s;--t-mid: .28s;--t-slow: .5s;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--ease-juicy: cubic-bezier(.175, .885, .32, 1.275);--tap-min: 64px;--z-nav: 100;--z-overlay: 900;--z-toast: 1000;--sky-top: #7ec8f2;--sky-mid: #a8dcf5;--sky-low: #d6f0fb;--sky-horizon: #eaf8ff;--sea-deep: #3fa9d6;--sea-mid: #6cc5e3;--sea-light: #a5e0ef;--sea-foam: #e6f9ff;--land-grass: #8ed36a;--land-grass-deep: #6bbd4e;--land-grass-dark: #4fa63c;--land-sand: #f6e2a8;--land-sand-deep: #ecce85;--land-soil: #c99a5b;--bld-roof-red: #ee6c5a;--bld-roof-blue: #5aa9ee;--bld-roof-purple: #b58cf0;--bld-wall: #fff6e9;--bld-wall-shadow: #f0e2cc;--bld-wood: #d99a5c;--tree-crown: #6cc44e;--tree-crown-deep: #4fa63c;--tree-trunk: #b07b45;--r-scene: 40px;--sh-pop: 0 8px 0 rgba(0, 0, 0, .1), 0 14px 26px rgba(60, 80, 120, .2);--sh-float: 0 10px 24px rgba(60, 90, 140, .28);--sh-inset-hi: inset 0 3px 0 rgba(255, 255, 255, .55);--sh-inset-lo: inset 0 -5px 0 rgba(0, 0, 0, .12);--stroke-ink: #2f4858;--stroke-w: 3px;--label-bg: rgba(47, 72, 88, .72);--label-ink: #ffffff;--radical-bg: #ffe0e8;--radical-ink: #e5527a;--radical-edge: #ffc2d2;--comp-bg: #e3f0ff;--comp-ink: #3d7fd6;--comp-edge: #c4dcff;--speaker-bg: #8ad4ff;--speaker-bg-deep: #4aa6dd;--speaker-ink: #2b6b8a;--sh-card-warm: 0 6px 0 var(--c-card-warm-edge), 0 12px 24px rgba(120, 90, 40, .14);--sh-part-comp: 0 5px 0 var(--comp-edge), var(--sh-sm);--sh-part-radical: 0 5px 0 var(--radical-edge), var(--sh-sm);--border-thin: 2px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;min-height:100%;width:100%;max-width:100%;overflow-x:hidden}.read-char,.intro-char,.etym-big-char,.etym-part-char,.words-char,.check-option,.check-target,.q-char,.sentence-box,.lcc-char{font-family:var(--font-kai)}.mascot-reaction{position:fixed;left:var(--s-3);bottom:var(--s-5);display:flex;align-items:center;gap:var(--s-2);z-index:var(--z-toast);pointer-events:none}.mascot-bubble{background:var(--c-card);border-radius:var(--r-pill);padding:var(--s-2) var(--s-4);font-size:var(--f-md);font-weight:800;box-shadow:var(--sh-md)}.mascot-bubble.correct{color:var(--c-success)}.mascot-bubble.wrong{color:var(--c-brand-deep)}.confetti-layer{position:fixed;top:42%;left:50%;width:0;height:0;z-index:var(--z-toast);pointer-events:none}.confetti-piece{position:absolute;top:0;left:0;line-height:1;will-change:transform,opacity}.playful-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.playful-decor{position:absolute;line-height:1;opacity:.85;filter:drop-shadow(0 2px 4px rgba(0,0,0,.06))}body{background:var(--c-paper);color:var(--c-ink);font-family:var(--font-round);user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;color:inherit;background:none;padding:0}:root{--theme-color: var(--c-brand)}.page{max-width:780px;margin:0 auto;padding:var(--s-4) var(--s-4) var(--s-7);min-height:100vh}.center-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-4);min-height:60vh;text-align:center}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);font-weight:800;border-radius:var(--r-lg);transition:filter var(--t-fast) var(--ease-soft);line-height:1.1}.ui-btn--sm{padding:var(--s-2) var(--s-4);font-size:var(--f-sm)}.ui-btn--md{padding:var(--s-3) var(--s-5);font-size:var(--f-md)}.ui-btn--lg{padding:var(--s-4) var(--s-6);font-size:var(--f-lg)}.ui-btn--primary{background:linear-gradient(180deg,#ffb454 0%,var(--c-brand) 55%,var(--c-brand-deep) 100%);color:#fff;box-shadow:inset 0 3px #ffffff8c,0 6px 0 var(--c-brand-deep),var(--sh-md);text-shadow:0 1px 1px rgba(0,0,0,.12)}.ui-btn--primary:active{transform:translateY(4px);box-shadow:inset 0 3px #ffffff80,0 2px 0 var(--c-brand-deep),var(--sh-sm)}.ui-btn--secondary{background:linear-gradient(180deg,#fff,#fff 55%,#f3ece0);color:var(--c-ink);box-shadow:inset 0 2px #ffffffe6,0 5px 0 var(--c-line),var(--sh-sm)}.ui-btn--secondary:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffffe6,0 2px 0 var(--c-line)}.ui-btn--ghost{background:transparent;color:var(--c-ink-soft)}.ui-btn:disabled{opacity:.5;filter:grayscale(.3)}.btn-icon,.btn-back{width:48px;height:48px;border-radius:var(--r-pill);background:var(--c-card);font-size:var(--f-lg);font-weight:800;box-shadow:var(--sh-sm);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.spk-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);background:linear-gradient(180deg,#a5e2ff 0%,var(--speaker-bg) 55%,var(--speaker-bg-deep) 100%);box-shadow:inset 0 3px #ffffff8c,0 5px 0 var(--speaker-bg-deep),var(--sh-md);flex-shrink:0}.spk-btn:active{box-shadow:inset 0 3px #ffffff80,0 2px 0 var(--speaker-bg-deep),var(--sh-sm)}.spk-btn--sm{width:var(--tap-min);height:var(--tap-min)}.spk-btn--md{width:88px;height:88px}.spk-btn--lg{width:120px;height:120px}.spk-icon{width:58%;height:58%}.spk-wave{animation:spk-wave 2.4s ease-in-out infinite}.spk-wave.w2{animation-delay:.25s}@keyframes spk-wave{0%,to{opacity:.45}35%{opacity:1}}.sub-header{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.sub-title{flex:1;font-size:var(--f-lg);margin:0;text-align:center}.sub-progress{min-width:48px;text-align:center;font-size:var(--f-md);font-weight:800;color:var(--theme-color)}.map-page{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:transparent}.map-topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:var(--s-3) var(--s-4);min-width:0}.map-brand{display:flex;align-items:center;gap:var(--s-2);min-width:0}.map-title{font-size:var(--f-lg);font-weight:900;color:var(--c-brand-deep);white-space:nowrap}.map-stats{display:flex;gap:var(--s-2);align-items:center;flex-shrink:0}.map-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:var(--s-3) var(--s-4) var(--s-4)}.map-path{display:flex;flex-direction:column;gap:var(--s-5);max-width:480px;margin:0 auto;padding-top:var(--s-4)}.map-node-row{display:flex}.map-node-row.left{justify-content:flex-start}.map-node-row.right{justify-content:flex-end}.map-node-wrap{position:relative;display:flex;flex-direction:column;align-items:center;width:42%;min-width:128px}.map-node{position:relative;width:100%;min-height:108px;border-radius:var(--r-xl);box-shadow:inset 0 4px #ffffff73,inset 0 -5px #0000001a,var(--sh-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-1);padding:var(--s-3);border:4px solid rgba(255,255,255,.6);color:#fff}.map-node.locked{filter:grayscale(.6);opacity:.75;color:var(--c-ink-soft)}.map-node.current{transform:scale(1.05);box-shadow:var(--sh-lg);animation:node-pulse 1.6s ease-in-out infinite}@keyframes node-pulse{0%,to{box-shadow:0 0 #ffd1668c,var(--sh-lg)}55%{box-shadow:0 0 0 14px #ffd16600,var(--sh-lg)}}.map-mascot{margin-bottom:var(--s-1)}.node-emoji{font-size:38px;line-height:1}.node-name{font-size:var(--f-sm);font-weight:800;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15)}.node-lock{font-size:36px}.map-bottomnav{flex-shrink:0;display:flex;justify-content:space-around;align-items:center;padding:var(--s-2) var(--s-4);padding-bottom:calc(var(--s-2) + env(safe-area-inset-bottom,0px));background:var(--c-card);box-shadow:0 -4px 18px #785a281a;z-index:var(--z-nav)}.map-bottomnav button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--f-xs);font-weight:700;color:var(--c-ink-soft);padding:var(--s-1) var(--s-4)}.map-bottomnav .nav-emoji{font-size:28px;line-height:1}.coin-badge,.star-count,.streak-badge{display:inline-flex;align-items:center;gap:var(--s-1);background:var(--c-card);border-radius:var(--r-pill);padding:var(--s-2) var(--s-3);font-weight:800;font-size:var(--f-md);box-shadow:var(--sh-sm)}.coin-badge__icon{font-size:1.2em}.coin-badge__count{color:var(--c-brand-deep)}.star-count{color:var(--c-accent)}.lesson-page .lesson-char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--s-3);margin:var(--s-4) 0}.lesson-char-card{background:var(--c-card-warm);border-radius:var(--r-lg);padding:var(--s-3) var(--s-2);display:flex;flex-direction:column;align-items:center;gap:var(--s-1);box-shadow:0 5px 0 var(--c-card-warm-edge),var(--sh-sm);border:3px solid transparent;min-height:var(--tap-min);transition:box-shadow var(--t-fast) var(--ease-soft)}.lesson-char-card:active{box-shadow:0 2px 0 var(--c-card-warm-edge),var(--sh-sm)}.lesson-char-card.learned{border-color:var(--theme-color)}.lcc-emoji{font-size:28px}.lcc-char{font-size:44px;font-weight:800}.lcc-pinyin{font-size:var(--f-xs);color:var(--c-ink-soft)}.lcc-stars{font-size:12px}.lesson-stars-row{display:flex;justify-content:center;margin:var(--s-3) 0}.lesson-actions{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-5)}.learnflow .flow-intro,.learnflow .flow-evolve,.learnflow .flow-read,.learnflow .flow-write{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);text-align:center}.intro-emoji{font-size:96px;line-height:1}.intro-mascot{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.intro-hint-row{display:flex;align-items:center;gap:var(--s-3)}.speech-bubble{position:relative;background:var(--c-card-warm);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);font-size:var(--f-md);max-width:320px;box-shadow:0 4px 0 var(--c-card-warm-edge),var(--sh-sm)}.speech-bubble:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);border:8px solid transparent;border-bottom-color:var(--c-card-warm)}.read-char{font-size:var(--f-huge);font-weight:900;background:var(--c-card-warm);border-radius:var(--r-xl);width:200px;height:200px;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-card-warm);color:var(--c-ink);transition:box-shadow var(--t-fast) var(--ease-soft)}.read-char:active{box-shadow:0 2px 0 var(--c-card-warm-edge),var(--sh-sm)}.read-pinyin{font-size:var(--f-xl);font-weight:800;color:var(--theme-color)}.read-components{font-size:var(--f-sm);color:var(--c-ink-soft);background:var(--c-card);border-radius:var(--r-pill);padding:var(--s-2) var(--s-4);box-shadow:var(--sh-sm)}.read-words,.learn-words{display:flex;gap:var(--s-3);flex-wrap:wrap;justify-content:center}.word-chip{display:inline-flex;align-items:center;gap:var(--s-2);background:var(--c-card-warm);border-radius:var(--r-pill);padding:var(--s-3) var(--s-5);font-size:var(--f-lg);font-weight:700;min-height:var(--tap-min);box-shadow:0 5px 0 var(--c-card-warm-edge),var(--sh-sm);transition:box-shadow var(--t-fast) var(--ease-soft)}.word-chip:active{box-shadow:0 2px 0 var(--c-card-warm-edge),var(--sh-sm)}.wc-spk{color:var(--speaker-bg-deep)}.evolve-caption{font-size:var(--f-md);color:var(--c-ink-soft);max-width:320px}.write-actions{display:flex;gap:var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;justify-content:center}.pictograph{display:flex;flex-direction:column;align-items:center;gap:var(--s-4)}.pictograph-stage{width:200px;height:200px;background:var(--c-card-warm);border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-card-warm)}.pictograph-glyph{font-size:120px;line-height:1}.pictograph-dots{display:flex;gap:var(--s-2)}.pictograph-dot{width:12px;height:12px;border-radius:var(--r-pill);background:var(--c-line);transition:background var(--t-fast)}.pictograph-dot.active{background:var(--theme-color);transform:scale(1.3)}.pictograph-dot.done{background:var(--c-success)}.pictograph-replay{font-size:var(--f-md);font-weight:700;color:var(--theme-color);padding:var(--s-2) var(--s-4)}.game-play{--theme-color: var(--c-brand)}.game-progress-bar{flex:1;height:16px;background:var(--c-line);border-radius:var(--r-pill);overflow:hidden}.game-progress-fill{height:100%;background:var(--c-success);border-radius:var(--r-pill);transition:width var(--t-mid) var(--ease-soft)}.game-count{font-weight:800;color:var(--c-ink-soft);min-width:52px;text-align:right}.q-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);margin-top:var(--s-5)}.q-head{min-height:130px;display:flex;align-items:center;justify-content:center}.q-emoji{font-size:110px;line-height:1}.q-char{font-size:96px;font-weight:900;background:var(--c-card-warm);border-radius:var(--r-xl);width:160px;height:160px;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-card-warm)}.q-char.small{font-size:56px;width:110px;height:110px}.q-tip{font-size:var(--f-md);color:var(--c-ink-soft);margin:0}.q-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4);width:100%;max-width:420px}.q-options.six{grid-template-columns:repeat(3,1fr)}.q-option{background:var(--c-card-warm);border-radius:var(--r-lg);padding:var(--s-5);font-size:56px;font-weight:800;box-shadow:0 6px 0 var(--c-card-warm-edge),var(--sh-md);aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:box-shadow var(--t-fast) var(--ease-soft)}.q-option:active{box-shadow:0 2px 0 var(--c-card-warm-edge),var(--sh-sm)}.q-option.wrong{background:#ffe0e0;box-shadow:0 6px #f3bcbc,var(--sh-md)}.q-trace-actions{display:flex;gap:var(--s-3);flex-wrap:wrap;justify-content:center}.match-game{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);margin-top:var(--s-4)}.match-columns{display:flex;gap:var(--s-7);width:100%;max-width:420px;justify-content:space-between}.match-col{display:flex;flex-direction:column;gap:var(--s-3);flex:1}.match-item{background:var(--c-card-warm);border-radius:var(--r-md);padding:var(--s-4);font-size:var(--f-xl);font-weight:800;min-height:var(--tap-min);box-shadow:0 4px 0 var(--c-card-warm-edge),var(--sh-sm);border:3px solid transparent;transition:transform var(--t-mid) var(--ease-juicy)}.match-item.sel{border-color:var(--theme-color);transform:scale(1.08)}.match-item.wrong{background:#ffe0e0;border-color:var(--c-error)}.reward-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#281e0a80;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay)}.reward-card{background:var(--c-card-warm);border-radius:var(--r-xl);padding:var(--s-6) var(--s-7);display:flex;flex-direction:column;align-items:center;gap:var(--s-4);box-shadow:0 8px 0 var(--c-card-warm-edge),var(--sh-lg);max-width:90vw}.reward-title{font-size:var(--f-xl);font-weight:900;color:var(--c-brand-deep)}.reward-stars{display:flex;gap:var(--s-2);font-size:56px}.reward-coins{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--f-lg);font-weight:800;color:var(--c-brand-deep)}.review-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);background:linear-gradient(135deg,#fff0d4,#ffe0ec);border-radius:var(--r-lg);padding:var(--s-4);margin:var(--s-4) 0;box-shadow:var(--sh-sm)}.star-rating__star.empty{opacity:.35}.shake{animation:shake .4s var(--ease-soft)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.pet-page{display:flex;flex-direction:column;align-items:center;gap:var(--s-4)}.pet-stage{font-size:var(--f-md);font-weight:700;color:var(--c-ink-soft)}.pet-level-tag{background:var(--c-accent);color:var(--c-ink);font-weight:800;border-radius:var(--r-pill);padding:4px 16px;font-size:var(--f-sm);box-shadow:var(--sh-sm)}.pet-avatar{display:flex;align-items:center;justify-content:center;width:240px;height:240px;background:radial-gradient(circle at 50% 40%,#fff,#fff4e0);border-radius:50%;box-shadow:var(--sh-md)}.pet-avatar.pet-eating{animation:pet-bounce .5s var(--ease-bounce)}@keyframes pet-bounce{0%,to{transform:scale(1)}40%{transform:scale(1.12) rotate(-3deg)}}.pet-exp-bar{width:100%;max-width:320px;height:22px;background:#f0e6da;border-radius:var(--r-pill);overflow:hidden;position:relative}.pet-exp-fill{height:100%;background:linear-gradient(90deg,var(--c-success),#7fe0b0);border-radius:var(--r-pill);transition:width var(--t-mid) var(--ease-soft)}.pet-exp-text{font-size:var(--f-xs);color:var(--c-ink-soft)}.pet-shop{display:flex;gap:var(--s-3);flex-wrap:wrap;justify-content:center}.pet-shop-tip{font-size:var(--f-sm);color:var(--c-ink-soft)}.food-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);background:var(--c-card-warm);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5);box-shadow:0 5px 0 var(--c-card-warm-edge),var(--sh-sm);min-width:92px;min-height:var(--tap-min);transition:transform var(--t-mid) var(--ease-juicy)}.food-card:active{transform:scale(.94)}.food-card.disabled{opacity:.45;filter:grayscale(.5)}.food-emoji{font-size:40px;line-height:1}.food-name{font-size:var(--f-sm);font-weight:700}.food-cost{font-size:var(--f-xs);color:var(--c-brand-deep);font-weight:800}.chest-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay)}.chest-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-4)}.chest-box{font-size:120px;background:none;border:none;cursor:pointer;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.chest-tip{color:#fff;font-size:var(--f-md);font-weight:700}.chest-reward{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);background:var(--c-card);border-radius:var(--r-xl);padding:var(--s-6) var(--s-7);box-shadow:var(--sh-lg)}.chest-burst{font-size:40px}.chest-coins{font-size:var(--f-xl);font-weight:800;color:var(--c-brand-deep)}.chest-bonus{font-size:var(--f-md);font-weight:700;color:var(--c-success)}.parent-page{max-width:640px}.parent-gate{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);padding:var(--s-7) var(--s-4);text-align:center}.gate-title{font-size:var(--f-lg);font-weight:800;color:var(--c-ink);margin:0}.gate-q{font-size:var(--f-xl);font-weight:800;color:var(--c-brand-deep);margin:0}.gate-input,.auth-input{width:100%;max-width:280px;padding:var(--s-3) var(--s-4);font-size:var(--f-lg);text-align:center;border:2px solid var(--c-line);border-radius:var(--r-md);font-family:inherit;outline:none}.gate-input:focus,.auth-input:focus{border-color:var(--c-brand)}.gate-err,.auth-err{color:var(--c-error);font-weight:700;font-size:var(--f-sm);margin:0}.auth-form{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);padding:var(--s-6) var(--s-4)}.auth-tabs{display:flex;gap:var(--s-2);background:var(--c-line);border-radius:var(--r-pill);padding:4px}.auth-tabs button{border:none;background:none;padding:var(--s-2) var(--s-5);border-radius:var(--r-pill);font-size:var(--f-md);font-weight:700;color:var(--c-ink-soft);cursor:pointer}.auth-tabs button.active{background:var(--c-card);color:var(--c-brand-deep);box-shadow:var(--sh-sm)}.auth-hint{font-size:var(--f-sm);color:var(--c-ink-soft);text-align:center;max-width:300px}.account-panel{display:flex;flex-direction:column;gap:var(--s-3);background:var(--c-card);border-radius:var(--r-lg);padding:var(--s-4);box-shadow:var(--sh-sm);margin-bottom:var(--s-4)}.profile-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) 0}.account-actions{display:flex;gap:var(--s-3);flex-wrap:wrap}.link-btn{background:none;border:none;color:var(--c-brand-deep);font-weight:700;cursor:pointer;font-size:var(--f-sm)}.sync-msg{font-size:var(--f-sm);color:var(--c-ink-soft)}.report-subtitle{font-size:var(--f-md);font-weight:800;color:var(--c-ink);margin:var(--s-4) 0 var(--s-2)}.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3)}.report-card{background:var(--c-card);border-radius:var(--r-md);padding:var(--s-4) var(--s-2);text-align:center;box-shadow:var(--sh-sm)}.rc-num{font-size:var(--f-xl);font-weight:800;color:var(--c-brand-deep)}.rc-label{font-size:var(--f-xs);color:var(--c-ink-soft)}.report-themes{display:flex;flex-direction:column;gap:var(--s-3)}.report-theme{display:flex;align-items:center;gap:var(--s-3)}.rt-name{min-width:84px;font-size:var(--f-sm);font-weight:700}.rt-bar{flex:1;height:14px;background:var(--c-line);border-radius:var(--r-pill);overflow:hidden}.rt-fill{height:100%;border-radius:var(--r-pill);transition:width var(--t-mid) var(--ease-soft)}.rt-count{font-size:var(--f-xs);color:var(--c-ink-soft);min-width:40px;text-align:right}.report-note{font-size:var(--f-xs);color:var(--c-ink-soft);margin-top:var(--s-4);line-height:1.5}.credit-note{font-size:var(--f-xs);color:var(--c-ink-soft);margin-top:var(--s-5);line-height:1.5;text-align:center;opacity:.8}.credit-note a{color:var(--c-brand-deep);text-decoration:none;font-weight:700}.parent-danger,.danger{color:var(--c-error)}.world-intro{text-align:center;font-size:var(--f-md);color:var(--c-ink-soft);margin:var(--s-3) 0 var(--s-4)}.world-list{display:flex;flex-direction:column;gap:var(--s-4);max-width:480px;margin:0 auto}.world-card{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-xl);color:#fff;box-shadow:inset 0 4px #fff6,inset 0 -6px #0000001a,var(--sh-md);min-height:96px;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.12)}.world-card.locked{background:#e6e2d8;color:var(--c-ink-soft);box-shadow:var(--sh-sm)}.world-emoji{font-size:52px;line-height:1;flex-shrink:0}.world-info{display:flex;flex-direction:column;gap:var(--s-1);flex:1;min-width:0}.world-name{font-size:var(--f-lg);font-weight:900}.world-progress-text{font-size:var(--f-sm);opacity:.9}.world-status{flex-shrink:0;font-size:32px;display:flex;align-items:center}.world-bar{display:block;width:56px;height:10px;background:#fff6;border-radius:var(--r-pill);overflow:hidden}.world-bar-fill{display:block;height:100%;background:#fff;border-radius:var(--r-pill)}.world-lock{font-size:32px;flex-shrink:0}.node-num{font-size:30px;font-weight:900;color:#fff;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.flow-steps{display:flex;justify-content:center;gap:var(--s-2);margin-bottom:var(--s-4)}.flow-dot{width:11px;height:11px;border-radius:var(--r-pill);background:var(--c-line);transition:all var(--t-mid) var(--ease-juicy)}.flow-dot.active{background:var(--theme-color);transform:scale(1.5)}.flow-dot.done{background:var(--c-success)}.intro-char{font-size:var(--f-huge);font-weight:900;color:var(--theme-color);line-height:1;background:var(--c-card-warm);border-radius:var(--r-xl);width:170px;height:170px;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-card-warm)}.flow-etym{display:flex;flex-direction:column;align-items:center;gap:var(--s-5)}.etymology{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);width:100%}.etym-caption{font-size:var(--f-md);color:var(--c-ink-soft);text-align:center;max-width:340px;line-height:1.5}.etym-compose{display:flex;flex-direction:column;align-items:center;gap:var(--s-4)}.etym-parts{display:flex;gap:var(--s-3);flex-wrap:wrap;justify-content:center;align-items:center}.etym-part-group{display:flex;align-items:center;gap:var(--s-3)}.etym-plus{font-size:var(--f-xl);font-weight:800;color:var(--c-ink-soft);line-height:1}.etym-part{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);background:var(--c-card-warm);border-radius:var(--r-lg);padding:var(--s-3);box-shadow:0 5px 0 var(--c-card-warm-edge),var(--sh-sm);max-width:150px}.etym-part.is-radical{background:var(--radical-bg);box-shadow:0 5px 0 var(--radical-edge),var(--sh-sm)}.etym-part.is-radical .etym-part-char,.etym-part.is-radical .etym-part-hint{color:var(--radical-ink)}.etym-part.is-comp{background:var(--comp-bg);box-shadow:0 5px 0 var(--comp-edge),var(--sh-sm)}.etym-part.is-comp .etym-part-char{color:var(--comp-ink)}.etym-part-char{font-size:56px;font-weight:800;line-height:1;color:var(--c-ink)}.etym-part-hint{font-size:var(--f-xs);font-weight:700;color:var(--c-ink-soft);text-align:center;line-height:1.4}.etym-result{display:flex;align-items:center;gap:var(--s-3)}.etym-equals{font-size:var(--f-xl);font-weight:800;color:var(--c-ink-soft)}.etym-big-char{font-size:88px;font-weight:900;color:var(--theme-color);background:var(--c-card-warm);border-radius:var(--r-xl);width:130px;height:130px;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-card-warm);line-height:1}.etym-big-char.solo{font-size:96px;width:160px;height:160px}.component-puzzle{display:flex;flex-direction:column;align-items:center;gap:var(--s-5);width:100%}.component-puzzle__head{text-align:center}.component-puzzle__eyebrow{margin:0 0 var(--s-1);color:var(--theme-color);font-family:var(--font-ui);font-size:var(--f-sm);font-weight:800}.component-puzzle__prompt{margin:0;color:var(--c-ink);font-size:var(--f-lg);font-weight:800}.component-puzzle__board,.component-puzzle__choices{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--s-3)}.component-puzzle__board{min-height:calc(var(--tap-min) + var(--s-5));padding:var(--s-4);background:var(--c-card-warm);border-radius:var(--r-xl);box-shadow:var(--sh-card-warm)}.component-puzzle__slot,.component-puzzle__choice{display:flex;align-items:center;justify-content:center;min-width:var(--tap-min);min-height:var(--tap-min);border-radius:var(--r-md);font-family:var(--font-kai);font-size:var(--f-2xl);font-weight:800}.component-puzzle__slot{border:var(--border-thin) dashed var(--c-line);color:var(--c-ink-soft)}.component-puzzle__placeholder{font-family:var(--font-ui);font-size:var(--f-xl)}.component-puzzle__slot.is-filled{border-style:solid;box-shadow:var(--sh-sm)}.component-puzzle__slot.is-radical.is-filled,.component-puzzle__choice.is-radical{background:var(--radical-bg);border-color:var(--radical-edge);color:var(--radical-ink)}.component-puzzle__slot.is-comp.is-filled,.component-puzzle__choice.is-comp{background:var(--comp-bg);border-color:var(--comp-edge);color:var(--comp-ink)}.component-puzzle__choice{padding:0 var(--s-4);border:0;box-shadow:var(--sh-part-comp);transition:transform var(--t-fast) var(--ease-juicy),opacity var(--t-fast) var(--ease-soft)}.component-puzzle__choice.is-radical{box-shadow:var(--sh-part-radical)}.component-puzzle__choice:disabled{opacity:.35}.component-puzzle__result{display:flex;align-items:center;justify-content:center;min-width:calc(var(--tap-min) + var(--s-6));min-height:calc(var(--tap-min) + var(--s-6));background:var(--c-card-warm);border-radius:var(--r-xl);box-shadow:var(--sh-card-warm);color:var(--theme-color);font-family:var(--font-kai);font-size:var(--f-huge);font-weight:900;line-height:1}.component-puzzle__done{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);color:var(--c-success);font-size:var(--f-lg);font-weight:800;text-align:center}.component-puzzle__done p{margin:0}.flow-words{display:flex;flex-direction:column;align-items:center;gap:var(--s-4)}.words-head{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.words-char{font-size:88px;font-weight:900;color:var(--theme-color);line-height:1;background:var(--c-card-warm);border-radius:var(--r-xl);width:130px;height:130px;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-card-warm)}.words-tip,.flow-tip{font-size:var(--f-sm);color:var(--c-ink-soft)}.word-chip.big{font-size:var(--f-lg);padding:var(--s-4) var(--s-5)}.wc-emoji{margin-right:var(--s-1)}.flow-sentence{display:flex;flex-direction:column;align-items:center;gap:var(--s-4)}.sentence-box{font-size:38px;font-weight:700;line-height:1.7;text-align:center;background:var(--c-card-warm);border-radius:var(--r-lg);padding:var(--s-5) var(--s-4);box-shadow:0 5px 0 var(--c-card-warm-edge),var(--sh-sm);max-width:90%;color:var(--c-ink)}.sent-char-hl{color:var(--theme-color);font-weight:900;background:color-mix(in srgb,var(--theme-color) 16%,transparent);border-radius:var(--r-sm);padding:0 6px;min-width:52px;min-height:52px;display:inline-flex;align-items:center;justify-content:center}.flow-check{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);margin-top:var(--s-5)}.check-q{font-size:var(--f-lg);font-weight:800}.check-target{color:var(--theme-color);font-size:var(--f-xl)}.check-options{display:flex;gap:var(--s-4);flex-wrap:wrap;justify-content:center}.check-option{width:110px;height:110px;border-radius:var(--r-lg);background:var(--c-card-warm);font-size:60px;font-weight:800;box-shadow:0 6px 0 var(--c-card-warm-edge),var(--sh-md);display:flex;align-items:center;justify-content:center;transition:box-shadow var(--t-fast) var(--ease-soft)}.check-option:active{box-shadow:0 2px 0 var(--c-card-warm-edge),var(--sh-sm)}.check-option.wrong{background:#ffe0e0;box-shadow:0 6px #f3bcbc,var(--sh-md)}.story-shelf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-4);max-width:480px;margin:0 auto}.story-cover-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-5) var(--s-3);border-radius:var(--r-xl);background:var(--cover-color);color:#fff;min-height:150px;box-shadow:inset 0 4px #fff6,inset 0 -6px #0000001a,var(--sh-md);text-shadow:0 1px 2px rgba(0,0,0,.12)}.story-cover-emoji{font-size:56px;line-height:1}.story-cover-title{font-size:var(--f-md);font-weight:900;text-align:center}.story-cover-pages{font-size:var(--f-xs);opacity:.9}.story-reader{display:flex;flex-direction:column;min-height:100dvh}.story-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-6);padding:var(--s-5) var(--s-4)}.story-illustration{font-size:120px;line-height:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.12))}.story-text{font-family:var(--font-kai);font-size:var(--f-xl);font-weight:700;color:var(--c-ink);text-align:center;line-height:1.6;max-width:520px;margin:0}.story-focus-char{font-family:inherit;font-size:inherit;font-weight:900;color:#fff;background:var(--theme-color);border-radius:var(--r-md);padding:0 var(--s-2);margin:0 2px;box-shadow:0 3px #00000024,var(--sh-sm);vertical-align:baseline}.story-controls{display:flex;align-items:center;justify-content:center;gap:var(--s-4);padding:var(--s-4) var(--s-4) var(--s-6);flex-shrink:0}.story-nav-btn{width:var(--tap-min);height:var(--tap-min);border-radius:var(--r-pill);background:var(--c-card-warm);color:var(--theme-color);font-size:36px;font-weight:900;line-height:1;box-shadow:0 5px 0 var(--c-card-warm-edge),var(--sh-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.story-nav-btn:disabled{opacity:.4}.story-finish{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-6) var(--s-4);position:relative}.story-finish-emoji{font-size:96px;line-height:1}.story-finish-title{font-size:var(--f-xl);font-weight:900;color:var(--theme-color);margin:0}.story-finish-reward{font-size:var(--f-lg);font-weight:800;color:var(--c-brand-deep);margin:0}.story-finish-actions{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-4);width:100%;max-width:280px}.parent-settings{margin-top:var(--s-5)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3);max-width:480px;margin:var(--s-3) auto 0}.setting-tile{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--c-card);box-shadow:var(--sh-sm);min-height:64px}.setting-tile.wide{grid-column:1 / -1}.setting-icon{font-size:28px;line-height:1;flex-shrink:0}.setting-name{flex:1;min-width:0;font-size:var(--f-sm);font-weight:800;color:var(--c-ink);display:flex;flex-direction:column;gap:2px}.setting-sub{font-size:var(--f-xs);font-weight:600;color:var(--c-ink-soft)}.setting-select{flex-shrink:0;font-size:var(--f-sm);font-weight:700;color:var(--c-ink);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);border:2px solid var(--c-line);background:var(--c-paper)}.toggle{flex-shrink:0;width:52px;height:30px;border-radius:var(--r-pill);background:var(--c-line);position:relative;transition:background var(--t-fast)}.toggle.on{background:var(--c-success)}.toggle-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--t-fast) var(--ease-bounce)}.toggle.on .toggle-knob{transform:translate(22px)}.setting-range{flex-shrink:0;width:132px;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.setting-range::-webkit-slider-runnable-track{height:10px;border-radius:var(--r-pill);background:var(--c-line)}.setting-range::-moz-range-track{height:10px;border-radius:var(--r-pill);background:var(--c-line)}.setting-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;margin-top:-6px;border-radius:50%;background:var(--c-brand);border:3px solid #fff;box-shadow:0 1px 4px #00000040}.setting-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--c-brand);border:3px solid #fff;box-shadow:0 1px 4px #00000040}.eyecare-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffb0572e;mix-blend-mode:multiply;pointer-events:none;z-index:var(--z-toast)}.timelock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-toast) + 10);background:#3a3a4ad1;display:flex;align-items:center;justify-content:center;padding:var(--s-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.timelock-card{background:var(--c-card);border-radius:var(--r-xl);padding:var(--s-6) var(--s-5);text-align:center;max-width:340px;box-shadow:var(--sh-lg);display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.timelock-title{font-size:var(--f-xl);font-weight:900;color:var(--c-brand-deep);margin:0}.timelock-desc{font-size:var(--f-md);color:var(--c-ink);line-height:1.6;margin:0}.timelock-hint{font-size:var(--f-xs);color:var(--c-ink-soft);margin:0}.home-page{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#9fe0ff}.home-hud{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:calc(var(--s-3) + env(safe-area-inset-top,0px)) var(--s-4) var(--s-3)}.home-brand{display:flex;align-items:center;gap:var(--s-2);background:#ffffffdb;border-radius:var(--r-pill);padding:4px var(--s-3) 4px 4px;box-shadow:var(--sh-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home-title{font-size:var(--f-md);font-weight:900;color:var(--c-brand-deep)}.home-stats{display:flex;align-items:center;gap:var(--s-2)}.hud-icon-btn{width:48px;height:48px;border-radius:var(--r-pill);background:#ffffffdb;font-size:22px;box-shadow:var(--sh-sm);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.island-scene{position:absolute;top:0;right:0;bottom:0;left:0}.island-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.island-buildings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.island-building{position:absolute;pointer-events:none;transform:translate(-50%,-50%)}.island-building-btn{position:relative;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;filter:drop-shadow(0 6px 10px rgba(43,107,138,.25))}.island-building .b-svg{width:100%;height:auto;display:block}.building-plate{font-size:var(--f-sm);font-weight:900;color:#fff;background:var(--c-brand);border-radius:var(--r-pill);padding:3px var(--s-3);white-space:nowrap;box-shadow:inset 0 2px #fff6,0 3px 0 var(--c-brand-deep);text-shadow:0 1px 1px rgba(0,0,0,.15)}.plate-primary{background:var(--c-success);box-shadow:inset 0 2px #fff6,0 3px #2f7d55;font-size:var(--f-md);padding:var(--s-1) var(--s-4)}.b-tower{left:50%;top:46%;width:132px}.b-tower-mascot{position:absolute;top:-34px;left:50%;transform:translate(-50%)}.b-library{left:50%;top:74%;width:96px}.b-park{left:20%;top:66%;width:92px}.b-school{left:82%;top:70%;width:92px}.home-review-fab{position:absolute;right:var(--s-4);bottom:calc(var(--s-5) + env(safe-area-inset-bottom,0px));z-index:20;background:var(--c-accent);color:var(--c-ink);font-weight:900;font-size:var(--f-md);border-radius:var(--r-pill);padding:var(--s-3) var(--s-5);min-height:var(--tap-min);display:inline-flex;align-items:center;gap:var(--s-2);box-shadow:inset 0 2px #ffffff80,0 4px #d9a520,var(--sh-md)}.home-pet-fab{position:absolute;left:var(--s-4);bottom:calc(var(--s-4) + env(safe-area-inset-bottom,0px));z-index:20;width:var(--tap-min);height:var(--tap-min);border-radius:var(--r-pill);background:#ffffffe6;box-shadow:var(--sh-md);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.world-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#2b3e5280;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.world-picker{width:100%;max-width:520px;background:var(--c-paper);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--s-3) var(--s-4) calc(var(--s-6) + env(safe-area-inset-bottom,0px));max-height:82vh;overflow-y:auto;box-shadow:0 -8px 32px #2b3e523d}.world-picker-handle{width:44px;height:5px;border-radius:var(--r-pill);background:var(--c-line);margin:0 auto var(--s-3)}.world-picker-title{text-align:center;font-size:var(--f-lg);margin:0 0 var(--s-4)}@media (min-width: 640px){.q-emoji{font-size:130px}.story-shelf-grid{grid-template-columns:repeat(3,1fr)}.story-illustration{font-size:150px}.island-building .b-svg{max-width:100%}}.start-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-toast) + 20);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-5);overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#fff3d6 0%,transparent 55%),radial-gradient(100% 70% at 50% 100%,#ffe6f0 0%,transparent 60%),linear-gradient(180deg,#fff6e6,#fff1e2 55%,#ffe9d6)}.sg-decor{position:absolute;pointer-events:none;opacity:.9;line-height:1}.sg-note{font-weight:900;color:#ffc44d;opacity:.55}.sg-fl{animation:sg-floaty 5s ease-in-out infinite}.sg-fl.a{animation-delay:-1.2s}.sg-fl.b{animation-delay:-2.4s}.sg-fl.c{animation-delay:-3.6s}@keyframes sg-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.sg-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--s-5)}.sg-mo{width:150px;height:158px}.sg-breathe{animation:sg-breathe 3s ease-in-out infinite}@keyframes sg-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}.sg-title{font-weight:900;font-size:30px;color:var(--c-brand-deep);text-shadow:0 2px 0 rgba(255,255,255,.9);letter-spacing:1px;margin:0}.sg-startbtn{position:relative;width:150px;height:150px;border:none;padding:0;cursor:pointer;border-radius:50%;background:radial-gradient(120% 100% at 50% 18%,#a5e2ff,#67c7f5 52%,#3a90cf);box-shadow:inset 0 5px #ffffffbf,inset 0 -12px 20px #1e5a8c47,0 12px #3a90cf,0 26px 40px #3278b466;display:flex;align-items:center;justify-content:center;transition:transform .12s var(--ease-juicy),box-shadow .12s var(--ease-juicy);animation:sg-wiggle 3.2s ease-in-out infinite}.sg-startbtn:active{transform:translateY(9px);box-shadow:inset 0 5px #ffffffb3,inset 0 -12px 20px #1e5a8c47,0 3px #3a90cf,0 10px 18px #3278b457;animation:none}.sg-startbtn svg{width:56%;height:56%}@keyframes sg-wiggle{0%,82%,to{transform:rotate(0)}86%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}94%{transform:rotate(-5deg)}}.sg-halo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.sg-halo:before,.sg-halo:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:4px solid rgba(103,199,245,.5);animation:sg-ring 2.6s ease-out infinite}.sg-halo:after{animation-delay:1.3s}@keyframes sg-ring{0%{transform:scale(.9);opacity:.75}to{transform:scale(1.55);opacity:0}}.sg-wave{animation:sg-spkwave 2.2s ease-in-out infinite;transform-origin:left center}.sg-wave.w2{animation-delay:.3s}@keyframes sg-spkwave{0%,to{opacity:.4}40%{opacity:1}}.sg-hint{display:inline-flex;align-items:center;gap:var(--s-2);padding:10px 20px;border-radius:var(--r-pill);font-weight:800;font-size:var(--f-md);color:var(--c-ink-soft);background:#fffc;box-shadow:inset 0 2px #ffffffe6,0 4px 12px #a0783c29}.sg-dot{width:9px;height:9px;border-radius:50%;background:var(--c-success)}.sg-quiet{position:absolute;bottom:calc(var(--s-5) + env(safe-area-inset-bottom,0px));right:var(--s-5);z-index:3;min-height:44px;padding:var(--s-2) var(--s-4);border:none;cursor:pointer;border-radius:var(--r-pill);font-family:inherit;font-weight:800;font-size:var(--f-sm);color:var(--c-ink-soft);background:#ffffffb3;box-shadow:var(--sh-sm)}