.welcome{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:1.5rem;background:linear-gradient(145deg,#fef9c3,#c7d2fe)}.welcome__card{max-width:420px;padding:2rem 1.75rem;text-align:center;background:#fff;border-radius:24px;box-shadow:0 12px 40px #6366f133}.welcome__theme-badge{margin:0 0 .75rem;font-size:.85rem;font-weight:800;color:#6366f1}.welcome__brand{margin:0;font-size:2rem;font-weight:900;color:#4338ca}.welcome__brand-en{margin:.25rem 0 1.25rem;font-size:1.125rem;font-weight:700;color:#6366f1}.welcome__message{margin:0 0 .75rem;font-size:1.125rem;line-height:1.7;color:#374151}.welcome__message-en{margin:0 0 1.75rem;font-size:.95rem;line-height:1.6;color:#6b7280}.welcome__button{min-width:180px;padding:.875rem 1.5rem;font-size:1.25rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:999px;box-shadow:0 4px 14px #6366f166}.welcome__button:active{transform:scale(.97)}.trace-hanzi-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.trace-tianzige{position:relative;flex-shrink:0;background:#fff;border:2px solid #22c55e;border-radius:2px;box-shadow:inset 0 0 0 1px #22c55e33,0 2px 10px #22c55e14}.trace-tianzige__grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.trace-tianzige__line{stroke:#86efac;stroke-width:.6;stroke-dasharray:3 2.5;vector-effect:non-scaling-stroke}.trace-tianzige__char{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.trace-tianzige__char svg{display:block}.drawing-canvas--trace{background:linear-gradient(180deg,#fffbeb,#fef3c7)}.drawing-canvas--trace .drawing-canvas__stage{background:transparent}.digit-trace-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.digit-trace{position:relative;flex-shrink:0;background:#fff;border:2px solid #22c55e;border-radius:2px;box-shadow:inset 0 0 0 1px #22c55e33,0 2px 10px #22c55e14}.digit-trace__grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.digit-trace__grid-line{stroke:#86efac;stroke-width:.6;stroke-dasharray:3 2.5;vector-effect:non-scaling-stroke}.digit-trace__glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:600;line-height:1;color:#0f172a29;-webkit-user-select:none;user-select:none}.flood-coloring__stage{position:relative;touch-action:none;background:#fff}.flood-coloring__stage--scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(circle at center,transparent 35%,rgb(49 46 129 / 28%) 100%);animation:flood-scene-vignette .45s ease-out}@keyframes flood-scene-vignette{0%{opacity:0}to{opacity:1}}.flood-coloring__content{position:absolute;transform-origin:center center}.flood-coloring__reset-zoom{position:absolute;top:.5rem;right:.5rem;z-index:4;padding:.35rem .65rem;font-size:.75rem;font-weight:700;color:#4338ca;background:#ffffffeb;border:1px solid #c7d2fe;border-radius:999px;box-shadow:0 2px 8px #00000014}.flood-coloring__fill{display:block;position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;z-index:0}.flood-coloring__lineart{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;mix-blend-mode:multiply}.flood-coloring__hotspot-tip{position:absolute;left:50%;top:.4rem;z-index:4;transform:translate(-50%);margin:0;max-width:min(92%,22rem);padding:.28rem .55rem;font-size:.72rem;font-weight:700;line-height:1.25;text-align:center;color:#5b21b6;background:#ffffffeb;border:1px solid #ddd6fe;border-radius:999px;box-shadow:0 2px 8px #00000014;pointer-events:none}.flood-coloring__hotspot{position:absolute;box-sizing:border-box;padding:0;margin:0;border:2px dashed rgb(124 58 237 / 55%);border-radius:6px;background:#7c3aed1a;cursor:pointer;z-index:2;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.flood-coloring__hotspot--hidden{opacity:0;pointer-events:none}.flood-coloring__door-anim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;overflow:visible}.flood-coloring__scene-caption{position:absolute;left:50%;bottom:.75rem;z-index:5;transform:translate(-50%);margin:0;padding:.4rem .85rem;font-size:.95rem;font-weight:800;color:#5b21b6;background:#fffffff0;border:1px solid #ddd6fe;border-radius:999px;box-shadow:0 4px 14px #5b21b62e;pointer-events:none;animation:flood-caption-in .35s ease-out}@keyframes flood-caption-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.castle-door__well{opacity:.55;animation:castle-door-well 1.4s ease-out forwards}.castle-door__glow{opacity:0;animation:castle-door-glow 1.4s ease-out forwards}.castle-door__leaf--left,.castle-door__leaf--right{transform-box:fill-box;animation-duration:1.4s;animation-timing-function:cubic-bezier(.33,.08,.2,1);animation-fill-mode:forwards}.castle-door__leaf--left{transform-origin:0% 0%;animation-name:castle-door-left}.castle-door__leaf--right{transform-origin:100% 0%;animation-name:castle-door-right}.castle-door__flash{opacity:0;animation:castle-door-flash .35s ease-in .7s forwards}.castle-mirror__glow{opacity:.3;transform-box:fill-box;transform-origin:center;animation:castle-mirror-pulse .9s ease-out forwards}.castle-mirror__flash{opacity:0;animation:castle-door-flash .35s ease-in .55s forwards}@keyframes castle-door-well{to{opacity:.92}}@keyframes castle-door-glow{to{opacity:.7}}@keyframes castle-door-left{0%{transform:rotate(0)}to{transform:rotate(-125deg)}}@keyframes castle-door-right{0%{transform:rotate(0)}to{transform:rotate(125deg)}}@keyframes castle-door-flash{0%{opacity:0}40%{opacity:.9}to{opacity:0}}@keyframes castle-mirror-pulse{to{opacity:.85;transform:scale(1.25)}}.speak-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid #93c5fd;background:#eff6ff;color:#2563eb;border-radius:999px;cursor:pointer;line-height:1;padding:0;transition:transform .12s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.speak-btn:active{transform:scale(.92)}.speak-btn--sm{width:1.65rem;height:1.65rem;font-size:.78rem}.speak-btn--md{width:2.15rem;height:2.15rem;font-size:1rem}.speak-btn--lg{width:2.65rem;height:2.65rem;font-size:1.25rem;border-width:2px;background:linear-gradient(180deg,#eff6ff,#dbeafe);box-shadow:0 2px 8px #2563eb2e}.speak-btn__icon{display:block;overflow:visible}.speak-btn__wave{opacity:.35}.speak-btn__wave--1{opacity:.7}.speak-btn:not(.speak-btn--playing) .speak-btn__wave--2,.speak-btn:not(.speak-btn--playing) .speak-btn__wave--3{opacity:.22}.speak-btn--playing{color:#ea580c;border-color:#fb923c;background:#fff7ed;box-shadow:0 0 0 3px #fb923c47}.speak-btn--playing .speak-btn__wave.is-playing{animation:speak-wave .9s ease-in-out infinite}.speak-btn--playing .speak-btn__wave--1.is-playing{animation-delay:0s}.speak-btn--playing .speak-btn__wave--2.is-playing{animation-delay:.15s}.speak-btn--playing .speak-btn__wave--3.is-playing{animation-delay:.3s}@keyframes speak-wave{0%,to{opacity:.25}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.speak-btn--playing .speak-btn__wave.is-playing{animation:none;opacity:1}}.learning-reader-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#0000007a}.learning-reader{width:min(720px,92vw);max-height:min(88vh,720px);display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #00000038}.learning-reader__header{display:flex;align-items:flex-start;gap:.65rem;padding:1rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(180deg,#fef3c7,#fff)}.learning-reader__head-text{flex:1;min-width:0}.learning-reader__head-speak{flex-shrink:0;margin-top:0;margin-right:.15rem}.learning-reader__emoji{font-size:2rem;line-height:1}.learning-reader__title{margin:0;font-size:1.1rem;color:#b45309}.learning-reader__en{margin:.2rem 0 0;font-size:.78rem;color:#9ca3af}.learning-reader__close{margin-left:auto;border:none;background:#f3f4f6;width:2rem;height:2rem;border-radius:999px;font-size:1.25rem;cursor:pointer}.learning-reader__body{flex:1;overflow:auto;padding:1rem 1.25rem}.learning-reader__line{margin:0 0 .65rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.learning-reader__line-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.learning-reader__zh{font-size:1.15rem;font-weight:600;color:#1f2937;line-height:1.5}.learning-reader__py{font-size:.85rem;color:#7c3aed}.learning-reader__meta{font-size:.78rem;color:#6b7280}.learning-reader__footer{border-top:1px solid #f3f4f6}.learning-reader__reward{margin:.75rem 1rem 0;padding:.45rem .65rem;border-radius:10px;background:#fdf2f8;color:#be185d;font-size:.82rem;font-weight:600;text-align:center}.learning-reader__done{display:block;width:calc(100% - 2rem);margin:.75rem 1rem 0;padding:.65rem;border:none;border-radius:12px;background:linear-gradient(180deg,#fcd34d,#f59e0b);color:#78350f;font-size:.95rem;font-weight:800;cursor:pointer}.learning-reader__tip{margin:0;padding:.65rem 1rem .85rem;font-size:.75rem;text-align:center;color:#9ca3af}.toolbar{flex-shrink:0;display:flex;flex-direction:column;gap:.2rem;padding:.32rem .85rem;padding-left:max(.85rem,env(safe-area-inset-left,0px));padding-right:max(.85rem,env(safe-area-inset-right,0px));padding-bottom:max(.32rem,env(safe-area-inset-bottom,0px));background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgb(0 0 0 / 6%);overflow:visible}.toolbar__scroll{position:relative;overflow:hidden}.toolbar__scroll:before,.toolbar__scroll:after{content:"";position:absolute;top:0;bottom:0;width:.85rem;z-index:1;pointer-events:none}.toolbar__scroll:before{left:0;background:linear-gradient(to right,rgb(255 255 255 / 94%),transparent)}.toolbar__scroll:after{right:0;background:linear-gradient(to left,rgb(255 255 255 / 94%),transparent)}.toolbar__scroll--colors{overflow:visible}.toolbar__scroll--colors:before,.toolbar__scroll--colors:after{display:none}.toolbar__colors-wrap{overflow:visible;padding:.14rem .15rem .08rem}.toolbar__tools{display:flex;align-items:stretch;gap:.35rem;min-width:0}.toolbar__scroll--main{flex:1;min-width:0}.toolbar__actions{flex-shrink:0;display:flex;align-items:center;gap:.22rem;padding-left:.35rem;border-left:1px solid #e5e7eb}.toolbar__strip{display:flex;flex-wrap:nowrap;align-items:center;gap:.22rem;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:2.55rem;padding-inline:.2rem}.toolbar__strip::-webkit-scrollbar{display:none}.toolbar__strip--colors{min-height:1.85rem;padding:.08rem .2rem;flex-wrap:wrap;row-gap:.22rem;max-height:4.2rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;align-items:center}.toolbar__sep{flex-shrink:0;width:1px;height:1.6rem;margin:0 .08rem;background:#d1d5db}.toolbar__color{flex-shrink:0;width:1.65rem;height:1.65rem;border-radius:50%;box-shadow:inset 0 0 0 1.5px #00000024}.toolbar__color--multicolor{background:conic-gradient(#ef4444,#f97316,#eab308,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#ec4899,#ef4444)}.toolbar__color--active{box-shadow:0 0 0 2px #6366f1,inset 0 0 0 1.5px #00000024}.toolbar__size-group{display:inline-flex;flex-shrink:0;align-items:stretch;gap:.1rem;padding:.12rem;background:#e5e7eb;border-radius:10px}.toolbar__size-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;min-width:1.85rem;min-height:2.35rem;padding:.15rem .2rem;color:#4b5563;border-radius:8px}.toolbar__size-btn--active{color:#4338ca;background:#fff;box-shadow:inset 0 0 0 1.5px #6366f1}.toolbar__size-dot{display:block;border-radius:50%;background:currentColor}.toolbar__size-dot--thin{width:4px;height:4px}.toolbar__size-dot--medium{width:7px;height:7px}.toolbar__size-dot--thick{width:11px;height:11px}.toolbar__size-label{font-size:.58rem;font-weight:800;line-height:1}.toolbar__btn{display:flex;flex-direction:column;flex-shrink:0;align-items:center;justify-content:center;gap:.1rem;min-width:2.55rem;min-height:2.55rem;padding:.2rem .28rem;background:#f3f4f6;border-radius:10px}.toolbar__icon{display:block;font-size:1.05rem;line-height:1}.toolbar__label{display:block;max-width:3.2rem;font-size:.58rem;font-weight:800;line-height:1.1;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar__btn--active{background:#eef2ff;box-shadow:inset 0 0 0 1.5px #6366f1}.toolbar__btn--active .toolbar__label{color:#4338ca}.toolbar__btn:disabled{opacity:.35}.toolbar__btn--trace.toolbar__btn--active{background:#fef3c7;box-shadow:inset 0 0 0 1.5px #f59e0b}.toolbar__btn--coloring.toolbar__btn--active{background:#dcfce7;box-shadow:inset 0 0 0 1.5px #22c55e}.toolbar__btn--dressup.toolbar__btn--active{background:#fce7f3;box-shadow:inset 0 0 0 1.5px #ec4899}.toolbar__btn--rainbow.toolbar__btn--active{background:linear-gradient(135deg,#fecaca,#fef08a,#bbf7d0,#bfdbfe,#e9d5ff)}.toolbar__btn--highlighter.toolbar__btn--active{background:#fef9c3;box-shadow:inset 0 0 0 1.5px #eab308}.toolbar__btn--glow.toolbar__btn--active{background:#1e1b4b;box-shadow:inset 0 0 0 1.5px #a78bfa}.toolbar__btn--glow.toolbar__btn--active .toolbar__label{color:#e9d5ff}.toolbar__btn--star.toolbar__btn--active{background:#fef3c7;box-shadow:inset 0 0 0 1.5px #f59e0b}.toolbar__btn--crayon.toolbar__btn--active{background:#ffedd5;box-shadow:inset 0 0 0 1.5px #ea580c}.toolbar__btn--lucky{background:linear-gradient(135deg,#dcfce7,#bbf7d0);min-width:2.55rem}.toolbar__btn--sticker.toolbar__btn--active{background:#fef3c7;box-shadow:inset 0 0 0 1.5px #f59e0b}.toolbar__btn--symmetry.toolbar__btn--active{background:#ede9fe;box-shadow:inset 0 0 0 1.5px #8b5cf6}.toolbar__btn--dice.toolbar__btn--active{background:#fef3c7;box-shadow:inset 0 0 0 1.5px #f59e0b}.toolbar__btn--save{background:#ecfdf5}.toolbar__btn--blindbox.toolbar__btn--hint{position:relative;box-shadow:inset 0 0 0 1.5px #f472b6}.toolbar__btn--blindbox.toolbar__btn--hint:after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:999px;background:#f472b6;box-shadow:0 0 0 2px #fff}.toolbar__btn:active:not(:disabled){transform:scale(.94)}@media(min-width:768px){.toolbar{gap:.28rem;padding-top:.4rem;padding-left:max(1.35rem,calc(env(safe-area-inset-left,0px) + .85rem));padding-right:max(1.35rem,calc(env(safe-area-inset-right,0px) + .85rem));padding-bottom:max(.5rem,env(safe-area-inset-bottom,0px))}.toolbar__strip{gap:.28rem;min-height:3.1rem;padding-inline:.35rem}.toolbar__strip--colors{max-height:5.6rem;row-gap:.28rem;padding-inline:.35rem}.toolbar__color{width:2.2rem;height:2.2rem}.toolbar__btn{min-width:3.1rem;min-height:3.1rem;gap:.14rem}.toolbar__icon{font-size:1.2rem}.toolbar__label{font-size:.68rem;max-width:3.6rem}.toolbar__size-btn{min-width:2.1rem;min-height:2.85rem}.toolbar__size-label{font-size:.65rem}.toolbar__size-dot--thick{width:12px;height:12px}.toolbar__actions{gap:.28rem;padding-left:.45rem}}@media(min-width:768px)and (orientation:portrait){.toolbar{padding-left:max(1.5rem,calc(env(safe-area-inset-left,0px) + 1rem));padding-right:max(1.5rem,calc(env(safe-area-inset-right,0px) + 1rem))}.toolbar__color{width:2.35rem;height:2.35rem}.toolbar__btn{min-width:3.25rem;min-height:3.25rem}.toolbar__strip--colors{max-height:5.9rem}}@media(min-width:768px)and (orientation:landscape){.toolbar{padding-left:max(1.75rem,calc(env(safe-area-inset-left,0px) + 1.1rem));padding-right:max(1.75rem,calc(env(safe-area-inset-right,0px) + 1.1rem));padding-bottom:max(.45rem,env(safe-area-inset-bottom,0px))}.toolbar__color{width:2rem;height:2rem}.toolbar__strip--colors{max-height:4.8rem}.toolbar__btn{min-width:2.95rem;min-height:2.95rem}.toolbar__label{font-size:.62rem}}.daily-challenge{display:flex;align-items:flex-start;gap:.5rem;margin:0 .75rem .5rem;padding:.6rem .75rem;background:#ffffffeb;border-radius:14px;box-shadow:0 2px 8px #6366f11f;border:2px solid #e0e7ff}.daily-challenge__text{flex:1;min-width:0}.daily-challenge__label{display:inline-block;margin-bottom:.2rem;font-size:.75rem;font-weight:700;color:#6366f1}.daily-challenge__zh{margin:0;font-size:.95rem;font-weight:700;color:#1f2937;line-height:1.35}.daily-challenge__en{margin:.15rem 0 0;font-size:.8rem;color:#6b7280;line-height:1.35}.daily-challenge__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.35rem;line-height:1;color:#9ca3af;background:#f3f4f6;border-radius:8px}.daily-challenge__close:active{transform:scale(.92)}@media(orientation:landscape){.daily-challenge{margin-bottom:.35rem}}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000073}.confirm-dialog{width:min(360px,100%);padding:1.25rem 1.25rem 1rem;background:#fff;border-radius:20px;box-shadow:0 16px 48px #0003}.confirm-dialog__title{margin:0;font-size:1.1rem;font-weight:800;color:#4338ca}.confirm-dialog__message{margin:.65rem 0 0;font-size:.95rem;font-weight:600;line-height:1.5;color:#374151}.confirm-dialog__message-en{margin:.35rem 0 0;font-size:.8rem;font-weight:500;line-height:1.45;color:#6b7280}.confirm-dialog__actions{display:flex;gap:.5rem;margin-top:1.15rem}.confirm-dialog__btn{flex:1;padding:.55rem .75rem;font-size:.9rem;font-weight:800;border-radius:999px}.confirm-dialog__btn--cancel{color:#4b5563;background:#f3f4f6}.confirm-dialog__btn--confirm{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.confirm-dialog__btn--danger{background:linear-gradient(135deg,#ef4444,#f97316)}.confirm-dialog__btn:active{transform:scale(.98)}.gallery-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000073}.gallery{position:relative;display:flex;flex-direction:column;width:min(640px,100%);max-height:min(80vh,520px);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 16px 48px #0003}.gallery__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.gallery__title{margin:0;font-size:1.1rem;color:#4338ca}.gallery__close{width:2.25rem;height:2.25rem;font-size:1.35rem;color:#6b7280;background:#f3f4f6;border-radius:8px}.gallery__empty{margin:0;padding:2rem 1rem;text-align:center;line-height:1.7;color:#6b7280}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;padding:1rem;overflow-y:auto}.gallery__thumb{display:flex;flex-direction:column;gap:.35rem;padding:.35rem;background:#f9fafb;border-radius:12px;transition:transform .15s ease,box-shadow .15s ease}.gallery__thumb:active{transform:scale(.97)}.gallery__thumb img{width:100%;aspect-ratio:4 / 3;object-fit:contain;background:#fff;border-radius:8px}.gallery__thumb span{font-size:.7rem;color:#6b7280}.gallery-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#fff}.gallery-preview>img{flex:1;min-height:0;object-fit:contain;background:#f3f4f6}.gallery-preview__bar{flex-shrink:0;padding:.85rem 1rem 1rem;border-top:1px solid #e5e7eb;background:linear-gradient(180deg,#fafafa,#fff)}.gallery-preview__meta{margin:0 0 .65rem;font-size:.75rem;font-weight:600;color:#9ca3af;text-align:center}.gallery-preview__actions{display:flex;flex-direction:column;gap:.55rem}.gallery-preview__row{display:flex;gap:.45rem}.gallery-preview__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-height:2.65rem;padding:.5rem .65rem;font-size:.85rem;font-weight:800;line-height:1.2;border-radius:999px;transition:transform .12s ease,box-shadow .12s ease}.gallery-preview__btn:active{transform:scale(.97)}.gallery-preview__btn--primary{width:100%;min-height:3rem;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f152}.gallery-preview__btn-label{font-size:.95rem}.gallery-preview__btn-sub{font-size:.68rem;font-weight:600;opacity:.88}.gallery-preview__row .gallery-preview__btn{flex:1;min-width:0}.gallery-preview__btn--save{color:#4338ca;background:#eef2ff;border:1.5px solid #c7d2fe}.gallery-preview__btn--danger{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca}.gallery-preview__btn--ghost{color:#4b5563;background:#fff;border:1.5px solid #e5e7eb}.learning-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#00000073}.learning-picker{width:min(920px,94vw);max-height:min(90vh,780px);display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #0003}.learning-picker__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.learning-picker__title{margin:0;font-size:1.1rem;color:#4338ca}.learning-picker__hint{margin:.25rem 0 0;font-size:.8rem;color:#6b7280}.learning-picker__close{border:none;background:#f3f4f6;width:2rem;height:2rem;border-radius:999px;font-size:1.25rem;line-height:1;cursor:pointer;flex-shrink:0}.learning-picker__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding:.65rem 1rem 0;flex-shrink:0}.learning-picker__tab{min-width:0;border:2px solid #e5e7eb;background:#fff;border-radius:12px;padding:.5rem .35rem;font-size:.88rem;font-weight:600;color:#4b5563;cursor:pointer;white-space:nowrap;text-align:center}.learning-picker__tab--active{border-color:#818cf8;background:#eef2ff;color:#4338ca}.learning-picker__subtabs{display:flex;flex-wrap:wrap;gap:.35rem;padding:.55rem 1rem 0;flex-shrink:0}.learning-picker__subtab{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:.25rem .65rem;font-size:.78rem;cursor:pointer}.learning-picker__subtab--active{border-color:#a5b4fc;background:#eef2ff;color:#4338ca}.learning-picker__count{margin:.5rem 1rem 0;font-size:.78rem;color:#9ca3af;flex-shrink:0}.learning-picker__grid{flex:1;min-height:0;overflow:auto;padding:.65rem 1rem 1rem;display:grid;gap:.5rem;align-content:start}.learning-picker__grid--hanzi{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.learning-picker__grid--number{grid-template-columns:repeat(5,minmax(0,1fr))}.learning-picker__cell{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:0}.learning-picker__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;width:100%;min-height:72px;padding:.35rem .25rem;border:2px solid #e5e7eb;border-radius:14px;background:#fff;cursor:pointer}.learning-picker__item--digit{min-height:64px}.learning-picker__item--active{border-color:#6366f1;background:#eef2ff}.learning-picker__item--practiced{border-color:#fcd34d}.learning-picker__star{position:absolute;top:4px;right:4px;font-size:.65rem}.learning-picker__card-badge{position:absolute;top:4px;left:4px;font-size:.65rem;line-height:1}.learning-picker__char{font-size:1.65rem;line-height:1;font-family:KaiTi,STKaiti,serif}.learning-picker__digit{font-size:1.85rem;font-weight:800;line-height:1;color:#4338ca}.learning-picker__meta{max-width:100%;font-size:.62rem;line-height:1.25;color:#9ca3af;text-align:center;word-break:break-word;overflow-wrap:anywhere}.learning-picker__speak{flex-shrink:0}.learning-picker__list{flex:1;min-height:0;overflow:auto;padding:.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.learning-picker__list-row{display:flex;align-items:stretch;gap:.45rem}.learning-picker__list-item{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:.75rem;padding:.75rem;border:2px solid #e5e7eb;border-radius:14px;background:#fff;cursor:pointer;text-align:left}.learning-picker__list-item:hover{border-color:#fcd34d;background:#fffbeb}.learning-picker__list-emoji{font-size:1.75rem;flex-shrink:0}.learning-picker__list-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.learning-picker__list-zh{font-weight:600;color:#374151}.learning-picker__list-en{font-size:.75rem;color:#9ca3af}@media(max-width:420px){.learning-picker__grid--number{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-picker__tab{font-size:.82rem;padding:.45rem .2rem}}.learning-article-mod{--lag-accent: #0d9488;--lag-accent-soft: #ccfbf1;--lag-accent-deep: #0f766e;--lag-card-a: #f0fdfa;--lag-card-b: #fff;--lag-ring: #5eead4;--lag-ink: #134e4a;--lag-muted: #5b7c78;--lag-preview: #0f766e;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 10% 0%,rgb(94 234 212 / 28%),transparent 55%),radial-gradient(ellipse 70% 45% at 100% 10%,rgb(125 211 252 / 22%),transparent 50%),linear-gradient(180deg,#f8fffd,#fff 55%)}.learning-article-mod--poetry{--lag-accent: #be123c;--lag-accent-soft: #ffe4e6;--lag-accent-deep: #9f1239;--lag-card-a: #fff1f2;--lag-card-b: #fff;--lag-ring: #fda4af;--lag-ink: #4c0519;--lag-muted: #9f1239;--lag-preview: #881337;background:radial-gradient(ellipse 75% 48% at 8% 0%,rgb(253 164 175 / 32%),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 5%,rgb(254 215 170 / 28%),transparent 50%),linear-gradient(180deg,#fff8f7,#fff 55%)}.learning-article-mod--song{--lag-accent: #d97706;--lag-accent-soft: #fef3c7;--lag-accent-deep: #b45309;--lag-card-a: #fffbeb;--lag-card-b: #fff;--lag-ring: #fcd34d;--lag-ink: #78350f;--lag-muted: #b45309;--lag-preview: #92400e;background:radial-gradient(ellipse 75% 48% at 12% 0%,rgb(252 211 77 / 35%),transparent 55%),radial-gradient(ellipse 55% 42% at 95% 8%,rgb(253 186 116 / 30%),transparent 50%),linear-gradient(180deg,#fffdf5,#fff 55%)}.learning-article-mod__head{flex-shrink:0;display:flex;align-items:center;gap:.75rem;padding:.85rem 1.15rem .35rem}.learning-article-mod__tip{margin:0;font-size:.92rem;font-weight:800;color:var(--lag-ink)}.learning-article-mod__progress{margin-left:auto;padding:.28rem .7rem;font-size:.78rem;font-weight:800;color:var(--lag-accent-deep);background:var(--lag-accent-soft);border-radius:999px}.learning-article-mod__cards{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:.75rem 1.1rem 1.35rem;align-content:start;align-items:stretch}@media(max-width:520px){.learning-article-mod__cards{grid-template-columns:1fr}}.learning-article-card{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem .75rem;min-height:4.75rem;height:100%;padding:.85rem .9rem;text-align:left;border:2px solid rgb(255 255 255 / 80%);border-radius:18px;background:linear-gradient(155deg,var(--lag-card-a),var(--lag-card-b) 58%);box-shadow:0 8px 18px #0f172a0f,inset 0 0 0 1px #ffffffb3;cursor:pointer;overflow:hidden;animation:learning-article-in .35s ease-out both;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.learning-article-card:active{transform:scale(.97)}.learning-article-card:hover{border-color:var(--lag-ring);box-shadow:0 12px 24px #0f172a1a,0 0 0 3px color-mix(in srgb,var(--lag-ring) 35%,transparent)}.learning-article-card--done{border-color:#fbbf24;background:linear-gradient(155deg,#fffbeb,#fff 60%)}.learning-article-card__glow{position:absolute;top:-40%;right:-25%;width:55%;height:90%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--lag-ring) 50%,transparent),transparent 70%);pointer-events:none;z-index:0}.learning-article-card__badge,.learning-article-card__star{position:absolute;z-index:2;font-size:.85rem;line-height:1}.learning-article-card__badge{top:.35rem;left:.35rem}.learning-article-card__star{top:.4rem;right:.4rem}.learning-article-card__emoji{position:relative;z-index:1;display:grid;place-items:center;width:2.85rem;height:2.85rem;flex-shrink:0;font-size:1.55rem;font-family:"Segoe UI Emoji",Segoe UI Symbol,"Apple Color Emoji","Noto Color Emoji",sans-serif;line-height:1;border-radius:14px;background:#ffffffe5;box-shadow:0 3px 10px #0f172a14}.learning-article-card__body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:.18rem;min-width:0;padding-right:.35rem}.learning-article-card__zh{font-size:1.02rem;font-weight:900;color:var(--lag-ink);line-height:1.25;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.learning-article-card__pinyin{font-size:.72rem;font-weight:700;color:#c2410c;letter-spacing:.03em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.learning-article-card__en{font-size:.75rem;font-weight:700;color:var(--lag-muted);line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.learning-article-card__author{font-size:.72rem;font-weight:700;color:var(--lag-muted);line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@keyframes learning-article-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.learning-article-mod--reader{background:radial-gradient(ellipse 70% 40% at 50% 0%,color-mix(in srgb,var(--lag-ring) 35%,transparent),transparent 60%),linear-gradient(180deg,var(--lag-card-a),#fff 45%)}.learning-article-reader{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:1.25rem 1.25rem 2rem}.learning-article-reader__hero{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:1.25rem;text-align:center}.learning-article-reader__emoji{font-size:2.6rem;font-family:"Segoe UI Emoji",Segoe UI Symbol,"Apple Color Emoji","Noto Color Emoji",sans-serif;line-height:1;margin-bottom:.35rem}.learning-article-reader__title{margin:0;font-size:1.55rem;font-weight:900;color:var(--lag-ink);letter-spacing:.02em}.learning-article-reader__title-pinyin{margin:.1rem 0 0;font-size:1rem;font-weight:700;color:#c2410c;letter-spacing:.06em;line-height:1.35}.learning-article-reader__author{margin:.35rem 0 0;font-size:.95rem;font-weight:800;color:var(--lag-ink);letter-spacing:.04em}.learning-article-reader__author-py{font-size:.82rem;font-weight:600;color:var(--lag-muted);letter-spacing:.03em}.learning-article-reader__sub{margin:.15rem 0 0;font-size:.9rem;font-weight:700;color:var(--lag-muted)}.learning-article-reader__lines{width:min(100%,28rem);display:flex;flex-direction:column;align-items:stretch;gap:1.15rem}.learning-article-reader__lines--grid{width:min(100%,42rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(min-width:720px){.learning-article-reader__lines--grid:not(.learning-article-reader__lines--alphabet){grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}}.learning-article-reader__lines--alphabet{width:min(100%,44rem);grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.learning-article-reader__line{position:relative;width:100%;display:block;margin:0;padding:.85rem 1.1rem;text-align:center;border:none;border-radius:18px;background:#ffffffb8;box-shadow:0 6px 16px #0f172a0d;cursor:pointer;font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.learning-article-reader__line:active{transform:scale(.98)}.learning-article-mod--english .learning-article-reader__line{padding:.75rem .7rem .7rem;min-height:5.25rem}.learning-article-reader__line--alphabet{padding:1.15rem .45rem .55rem;min-height:4.6rem}.learning-article-reader__letter{position:absolute;top:.28rem;left:.32rem;z-index:2;display:grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .2rem;border-radius:8px;background:#dbeafe;color:#1d4ed8;font-size:.85rem;font-weight:900;line-height:1;letter-spacing:0;pointer-events:none}.learning-article-reader__line--active{background:#fff3c7f5;box-shadow:0 0 0 3px #f59e0bbf,0 10px 22px #b4530924;transform:scale(1.02);z-index:1}.learning-article-reader__line--active .learning-article-reader__primary{color:#9a3412}.learning-article-reader__text{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem}.learning-article-reader__primary{margin:0;font-size:1.45rem;font-weight:800;color:var(--lag-ink);line-height:1.55;letter-spacing:.04em}.learning-article-mod--poetry .learning-article-reader__primary,.learning-article-mod--song .learning-article-reader__primary{font-size:1.5rem;letter-spacing:.1em}.learning-article-mod--english .learning-article-reader__primary{font-size:1.15rem;letter-spacing:.02em;line-height:1.35}.learning-article-reader__line--alphabet .learning-article-reader__primary{font-size:.98rem;font-weight:800}.learning-article-reader__line--alphabet .learning-article-reader__secondary{font-size:.78rem}.learning-article-reader__pinyin{margin:0;font-size:.95rem;font-weight:600;color:#7c3aed;line-height:1.45;letter-spacing:.02em}.learning-article-reader__secondary{margin:0;font-size:.92rem;font-weight:600;color:var(--lag-muted);line-height:1.4}.learning-article-mod--english .learning-article-reader__secondary{font-size:.85rem}.learning-cheer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;pointer-events:none;background:#0f172a47}.learning-cheer__confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.learning-cheer__piece{position:absolute;top:-14px;border-radius:2px;animation:learning-cheer-fall linear forwards}.learning-cheer__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:min(88vw,20rem);padding:1.5rem 1.75rem 1.25rem;text-align:center;background:linear-gradient(180deg,#fff7ed,#fff);border:4px solid #fb7185;border-radius:28px;box-shadow:0 18px 40px #f43f5e47;animation:learning-cheer-pop .45s cubic-bezier(.34,1.45,.64,1) both}.learning-cheer__flower{font-size:4.2rem;line-height:1;filter:drop-shadow(0 6px 10px rgb(244 63 94 / 35%));animation:learning-cheer-bloom .7s ease-out both}.learning-cheer__zh{margin:.35rem 0 0;font-size:1.45rem;font-weight:900;color:#be123c}.learning-cheer__en{margin:0;font-size:.95rem;font-weight:700;color:#fb7185}.learning-cheer__hint{margin:.45rem 0 0;font-size:.85rem;font-weight:700;color:#9a3412}@keyframes learning-cheer-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(105vh) rotate(720deg)}}@keyframes learning-cheer-pop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes learning-cheer-bloom{0%{transform:scale(.4) rotate(-18deg);opacity:0}60%{transform:scale(1.18) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0)}}.learning-hub-cards{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;padding:1.15rem 1.2rem 1.4rem;align-content:start;background:radial-gradient(ellipse 70% 50% at 0% 0%,rgb(125 211 252 / 22%),transparent 55%),radial-gradient(ellipse 60% 45% at 100% 0%,rgb(253 186 116 / 20%),transparent 50%),linear-gradient(180deg,#f8fafc,#fff 55%)}@media(max-width:560px){.learning-hub-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.learning-hub-card{--hub-ink: #1e3a5f;--hub-muted: #64748b;--hub-accent: #0ea5e9;--hub-soft: #e0f2fe;--hub-deep: #0369a1;--hub-ring: #7dd3fc;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:.2rem;min-height:9.2rem;padding:1.05rem .55rem .95rem;border:2px solid rgb(255 255 255 / 85%);border-radius:22px;background:linear-gradient(160deg,var(--hub-soft),#fff 58%);box-shadow:0 10px 22px #0f172a0f,inset 0 0 0 1px #ffffffb3;cursor:pointer;overflow:hidden;animation:learning-hub-in .4s ease-out both;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.learning-hub-card:active{transform:scale(.96)}.learning-hub-card:hover{border-color:var(--hub-ring);box-shadow:0 14px 28px #0f172a1a,0 0 0 3px color-mix(in srgb,var(--hub-ring) 35%,transparent)}.learning-hub-card--hanzi{--hub-ink: #7c2d12;--hub-muted: #c2410c;--hub-accent: #ea580c;--hub-soft: #ffedd5;--hub-deep: #c2410c;--hub-ring: #fdba74;color:#ea580c}.learning-hub-card--pinyin{--hub-ink: #1e3a8a;--hub-muted: #2563eb;--hub-accent: #3b82f6;--hub-soft: #dbeafe;--hub-deep: #1d4ed8;--hub-ring: #93c5fd;color:#2563eb}.learning-hub-card--number{--hub-ink: #134e4a;--hub-muted: #0f766e;--hub-accent: #14b8a6;--hub-soft: #ccfbf1;--hub-deep: #0f766e;--hub-ring: #5eead4;color:#0d9488}.learning-hub-card--english{--hub-ink: #164e63;--hub-muted: #0891b2;--hub-accent: #06b6d4;--hub-soft: #cffafe;--hub-deep: #0e7490;--hub-ring: #67e8f9;color:#0891b2}.learning-hub-card--poetry{--hub-ink: #4c0519;--hub-muted: #be123c;--hub-accent: #e11d48;--hub-soft: #ffe4e6;--hub-deep: #9f1239;--hub-ring: #fda4af;color:#e11d48}.learning-hub-card--song{--hub-ink: #78350f;--hub-muted: #d97706;--hub-accent: #f59e0b;--hub-soft: #fef3c7;--hub-deep: #b45309;--hub-ring: #fcd34d;color:#d97706}.learning-hub-card__glow{position:absolute;top:-35%;right:-25%;width:70%;height:75%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--hub-ring) 55%,transparent),transparent 70%);pointer-events:none;z-index:0}.learning-hub-card__icon-wrap{position:relative;z-index:1;display:grid;place-items:center;width:3.6rem;height:3.6rem;margin-bottom:.35rem;border-radius:18px;background:linear-gradient(145deg,#fffffff2,color-mix(in srgb,var(--hub-soft) 70%,#fff));box-shadow:0 6px 14px color-mix(in srgb,var(--hub-accent) 22%,transparent),inset 0 0 0 1px #fffc}.learning-hub-icon{width:2.35rem;height:2.35rem;display:block}.learning-hub-card__zh{position:relative;z-index:1;font-size:1.28rem;font-weight:900;color:var(--hub-ink);letter-spacing:.02em}.learning-hub-card__en{position:relative;z-index:1;font-size:.78rem;font-weight:700;color:var(--hub-muted)}.learning-hub-card__tip{position:relative;z-index:1;margin-top:.35rem;padding:.18rem .55rem;font-size:.72rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--hub-accent),var(--hub-deep));border-radius:999px;box-shadow:0 3px 8px color-mix(in srgb,var(--hub-accent) 30%,transparent)}@keyframes learning-hub-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.learning-stage{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:linear-gradient(180deg,#eef2ff,#fff 40%);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #00000014,inset 0 0 0 3px #fff}.learning-stage__top{flex-shrink:0;display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;background:#ffffffeb;border-bottom:1px solid #e5e7eb}.learning-stage__back,.learning-stage__exit{flex-shrink:0;height:2.5rem;padding:0 .9rem;font-size:.95rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:999px;cursor:pointer}.learning-stage__exit{background:linear-gradient(135deg,#64748b,#475569)}.learning-stage__title-wrap{flex:1;min-width:0;text-align:center}.learning-stage__title{margin:0;font-size:1.25rem;font-weight:800;color:#4338ca}.learning-stage__sub{margin:.15rem 0 0;font-size:.8rem;color:#9ca3af}.learning-stage__top-spacer{width:2.5rem;flex-shrink:0}.learning-stage__speak{flex-shrink:0}.learning-stage__filters{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.65rem 1rem 0}.learning-stage__chip{padding:.35rem .75rem;font-size:.82rem;font-weight:700;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer}.learning-stage__chip--on{color:#4338ca;background:#eef2ff;border-color:#a5b4fc}.learning-stage__count{margin-left:auto;font-size:.78rem;color:#9ca3af}.learning-stage__grid{flex:1;min-height:0;overflow:auto;display:grid;gap:.55rem;padding:.75rem 1rem 1.25rem;align-content:start}.learning-stage__grid--hanzi{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.learning-stage__grid--number{grid-template-columns:repeat(5,minmax(0,1fr))}.learning-stage__cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:88px;padding:.45rem;border:2px solid #e5e7eb;border-radius:16px;background:#fff;cursor:pointer}.learning-stage__cell--done{border-color:#fcd34d}.learning-stage__cell--digit{min-height:96px}.learning-stage__badge{position:absolute;top:4px;left:4px;font-size:.7rem}.learning-stage__star{position:absolute;top:4px;right:4px;font-size:.7rem}.learning-stage__char{font-size:2rem;font-family:KaiTi,STKaiti,serif;line-height:1}.learning-stage__digit{font-size:2.2rem;font-weight:900;color:#4338ca;line-height:1}.learning-stage__pinyin-letter{font-size:2rem;font-weight:900;color:#4f46e5;font-family:Segoe UI,PingFang SC,sans-serif;line-height:1;letter-spacing:.02em}.learning-stage__grid--pinyin{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.learning-stage__cell--pinyin{min-height:100px}.pinyin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a73}.pinyin-modal{position:relative;display:flex;flex-direction:column;align-items:center;gap:.65rem;width:min(320px,92vw);padding:1.75rem 1.25rem 1.35rem;background:#fff;border-radius:24px;box-shadow:0 20px 50px #00000038}.pinyin-modal__close{position:absolute;top:.55rem;right:.65rem;width:2.2rem;height:2.2rem;font-size:1.5rem;font-weight:700;line-height:1;color:#6b7280;background:#f3f4f6;border:none;border-radius:999px;cursor:pointer}.pinyin-modal__close:active{transform:scale(.95)}.pinyin-modal__letter{margin-top:.35rem;font-size:clamp(4rem,16vw,5.5rem);font-weight:900;color:#4338ca;line-height:1;font-family:Segoe UI,PingFang SC,sans-serif}.pinyin-modal__speak-zh{font-size:2rem;font-weight:800;color:#b45309;font-family:KaiTi,STKaiti,serif}.pinyin-modal__ex{font-size:1rem;font-weight:700;color:#6b7280}.pinyin-modal__btn{margin-top:.35rem}.learning-stage__meta{font-size:.68rem;color:#9ca3af;text-align:center}.learning-stage__hint{flex-shrink:0;margin:0;padding:.65rem 1rem .85rem;font-size:.78rem;text-align:center;color:#9ca3af}@media(max-width:700px){.learning-stage__hub{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-stage__grid--number{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.learning-stage__hub-card{min-height:8.5rem}.learning-stage__hub-emoji{font-size:2.8rem}.learning-stage__char{font-size:2.35rem}}.blindbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#2d14508c;animation:blindbox-fade-in .22s ease-out}@keyframes blindbox-fade-in{0%{opacity:0}to{opacity:1}}.blindbox-modal{width:min(420px,92vw);background:linear-gradient(180deg,#fff,#faf5ff);border-radius:26px;overflow:hidden;box-shadow:0 24px 60px #5b21b659,0 0 0 1px #fff6 inset;animation:blindbox-modal-in .35s cubic-bezier(.34,1.4,.64,1)}@keyframes blindbox-modal-in{0%{transform:translateY(18px) scale(.94);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.blindbox-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem .5rem}.blindbox-modal__title{margin:0;font-size:1.2rem;font-weight:900;color:#5b21b6;letter-spacing:.02em}.blindbox-modal__daily{margin:.25rem 0 0;font-size:.75rem;color:#a78bfa;font-weight:700}.blindbox-modal__close{border:none;background:#f3e8ff;width:2.2rem;height:2.2rem;border-radius:999px;font-size:1.3rem;color:#6d28d9;cursor:pointer}.blindbox-modal__stage{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;min-height:260px;padding:1.1rem 1rem .85rem;overflow:hidden}.blindbox-box{position:relative;width:168px;height:168px;perspective:520px;z-index:2}.blindbox-box--idle{animation:blindbox-float 2.4s ease-in-out infinite}@keyframes blindbox-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.blindbox-box--opening{animation:blindbox-shake .55s ease-in-out}@keyframes blindbox-shake{0%,to{transform:rotate(0) translate(0)}20%{transform:rotate(-6deg) translate(-3px)}40%{transform:rotate(6deg) translate(3px)}60%{transform:rotate(-4deg) translate(-2px)}80%{transform:rotate(3deg) translate(2px)}}.blindbox-box__glow{position:absolute;top:18%;right:8%;bottom:8%;left:8%;border-radius:50%;background:radial-gradient(circle,rgb(250 204 21 / 55%) 0%,transparent 70%);opacity:0;pointer-events:none;z-index:0}.blindbox-box--opening .blindbox-box__glow,.blindbox-box--open .blindbox-box__glow{opacity:1;animation:blindbox-glow-pulse .9s ease-in-out infinite alternate}@keyframes blindbox-glow-pulse{0%{transform:scale(.9);opacity:.55}to{transform:scale(1.15);opacity:1}}.blindbox-box__lid{position:absolute;top:18px;left:8px;right:8px;height:42px;background:linear-gradient(180deg,#f5d0fe,#d8b4fe 40%,#a78bfa);border-radius:16px 16px 8px 8px;transform-origin:top center;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,1.2,.36,1);z-index:3;box-shadow:0 5px #6d28d9,0 8px 16px #5b21b640}.blindbox-box__bow{position:absolute;left:50%;top:50%;width:22px;height:14px;margin:-7px 0 0 -11px;background:#f472b6;border-radius:40% 40% 45% 45%;box-shadow:-14px 0 #fb7185,14px 0 #fb7185}.blindbox-box__bow:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;background:#fce7f3;border-radius:50%;box-shadow:0 0 0 2px #f472b6}.blindbox-box--opening .blindbox-box__lid,.blindbox-box--open .blindbox-box__lid{transform:rotateX(-128deg) translateY(-6px)}.blindbox-box__body{position:absolute;top:48px;right:10px;bottom:18px;left:10px;background:linear-gradient(165deg,#c4b5fd,#8b5cf6 55%,#6d28d9);border-radius:0 0 18px 18px;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:inset 0 -6px #00000024,inset 0 2px #ffffff40;overflow:visible}.blindbox-box__shadow{position:absolute;left:18%;right:18%;bottom:6px;height:14px;background:#4c1d9547;border-radius:50%;filter:blur(4px);z-index:0}.blindbox-box__hint{font-size:2.4rem;font-weight:900;color:#ffffffc7;text-shadow:0 2px 0 rgb(0 0 0 / 12%);animation:blindbox-hint-pulse 1.4s ease-in-out infinite}@keyframes blindbox-hint-pulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.08);opacity:1}}.blindbox-reveal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;text-align:center;padding:.15rem .35rem .35rem;opacity:0;transform:scale(.5) translateY(12px)}.blindbox-reveal--in{animation:blindbox-pop .55s cubic-bezier(.34,1.45,.64,1) forwards}@keyframes blindbox-pop{0%{transform:scale(.4) translateY(16px);opacity:0}70%{transform:scale(1.08) translateY(-2px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.blindbox-reveal__emoji{font-size:2.55rem;display:block;line-height:1;filter:drop-shadow(0 4px 8px rgb(0 0 0 / 18%))}.blindbox-reveal__title{margin:0;font-size:1rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 20%);letter-spacing:.02em}.blindbox-caption{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-height:2.6rem;opacity:0;transform:translateY(6px);z-index:2}.blindbox-caption--in{animation:blindbox-caption-in .4s ease-out .12s forwards}@keyframes blindbox-caption-in{to{opacity:1;transform:translateY(0)}}.blindbox-caption__badge{display:inline-block;padding:.18rem .65rem;font-size:.72rem;font-weight:800;color:#6d28d9;background:#fff;border-radius:999px;box-shadow:0 2px 8px #5b21b629}.blindbox-caption__meta{margin:0;font-size:.88rem;font-weight:800;color:#5b21b6;letter-spacing:.02em}.blindbox-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.blindbox-sparkle{position:absolute;left:50%;top:48%;width:8px;height:8px;margin:-4px;background:#fde047;border-radius:50%;opacity:0;box-shadow:0 0 8px #facc15;animation:blindbox-spark .95s ease-out forwards}.blindbox-sparkle:nth-child(odd){background:#f9a8d4;box-shadow:0 0 8px #f472b6}.blindbox-sparkle:nth-child(3n){background:#fff;width:6px;height:6px}.blindbox-sparkle--1{--dx: -70px;--dy: -80px;animation-delay:.02s}.blindbox-sparkle--2{--dx: 20px;--dy: -95px;animation-delay:.05s}.blindbox-sparkle--3{--dx: 85px;--dy: -60px;animation-delay:.08s}.blindbox-sparkle--4{--dx: -95px;--dy: -20px;animation-delay:.04s}.blindbox-sparkle--5{--dx: 100px;--dy: -10px;animation-delay:.1s}.blindbox-sparkle--6{--dx: -60px;--dy: 55px;animation-delay:.12s}.blindbox-sparkle--7{--dx: 55px;--dy: 65px;animation-delay:.06s}.blindbox-sparkle--8{--dx: 0;--dy: -110px;animation-delay:.14s}.blindbox-sparkle--9{--dx: -40px;--dy: -50px;animation-delay:.16s}.blindbox-sparkle--10{--dx: 48px;--dy: -40px;animation-delay:.09s}.blindbox-sparkle--11{--dx: -110px;--dy: 10px;animation-delay:.11s}.blindbox-sparkle--12{--dx: 110px;--dy: 25px;animation-delay:.13s}@keyframes blindbox-spark{0%{transform:translate(0) scale(.3);opacity:0}25%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1);opacity:0}}.blindbox-modal__actions{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem 1rem;opacity:0;transform:translateY(8px)}.blindbox-modal__actions--in{animation:blindbox-actions-in .35s ease-out .1s forwards}@keyframes blindbox-actions-in{to{opacity:1;transform:translateY(0)}}.blindbox-modal__open-btn{display:block;width:calc(100% - 2rem);margin:0 1rem 1rem;padding:.85rem .75rem;border:none;border-radius:16px;background:linear-gradient(180deg,#c4b5fd,#8b5cf6 45%,#7c3aed);color:#fff;font-size:1.02rem;font-weight:800;cursor:pointer;box-shadow:0 6px #5b21b6,0 10px 20px #7c3aed47;transition:transform .12s ease,box-shadow .12s ease}.blindbox-modal__open-btn:active{transform:translateY(3px);box-shadow:0 3px #5b21b6,0 6px 12px #7c3aed38}.blindbox-modal__actions .blindbox-modal__open-btn{width:100%;margin:0}.blindbox-modal__open-btn--secondary{background:#fff;color:#6d28d9;border:2px solid #ddd6fe;box-shadow:0 3px #c4b5fd}.blindbox-modal__open-btn--secondary:active{box-shadow:0 1px #c4b5fd}.blindbox-modal__status{display:flex;align-items:center;justify-content:center;gap:.45rem;margin:0 1rem 1.25rem;text-align:center;color:#7c3aed;font-weight:800}.blindbox-modal__status-dot{width:.55rem;height:.55rem;border-radius:50%;background:#a78bfa;animation:blindbox-dot .7s ease-in-out infinite alternate}@keyframes blindbox-dot{0%{transform:scale(.7);opacity:.5}to{transform:scale(1.15);opacity:1}}.cardalbum-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#00000073}.cardalbum{width:min(880px,94vw);max-height:min(90vh,760px);display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #0003}.cardalbum__header{display:flex;align-items:flex-start;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid #e5e7eb}.cardalbum__title{margin:0;font-size:1.05rem;color:#db2777}.cardalbum__hint{margin:.25rem 0 0;font-size:.78rem;color:#9ca3af}.cardalbum__close{border:none;background:#f3f4f6;width:2rem;height:2rem;border-radius:999px;font-size:1.25rem;cursor:pointer}.cardalbum__grid{flex:1;overflow:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.65rem}.cardalbum__card{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .35rem;border:2px solid #fbcfe8;border-radius:16px;background:linear-gradient(180deg,#fff1f2,#fff);cursor:pointer}.cardalbum__card--locked{border-color:#e5e7eb;background:#f9fafb;opacity:.85;cursor:not-allowed}.cardalbum__emoji{font-size:2rem;line-height:1}.cardalbum__name{font-size:.72rem;font-weight:600;color:#4b5563;text-align:center}.cardalbum__empty{margin:0 1rem 1rem;text-align:center;font-size:.85rem;color:#9ca3af}.cardalbum__complete{margin:0 1rem .75rem;padding:.55rem .75rem;border-radius:12px;background:linear-gradient(180deg,#fef3c7,#fde68a);color:#92400e;font-size:.85rem;font-weight:700;text-align:center}.cardalbum-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:111;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000059}.cardalbum-detail{width:min(280px,100%);padding:1.25rem 1rem 1rem;background:#fff;border-radius:20px;text-align:center;box-shadow:0 12px 40px #0000002e}.cardalbum-detail__emoji{font-size:3rem;display:block}.cardalbum-detail__title{margin:.5rem 0 0;font-size:1.15rem;color:#be185d}.cardalbum-detail__en{margin:.15rem 0 0;font-size:.8rem;color:#9ca3af}.cardalbum-detail__blurb{margin:.65rem 0 0;font-size:.88rem;color:#4b5563}.cardalbum-detail__go{display:block;width:100%;margin-top:1rem;padding:.65rem;border:none;border-radius:12px;background:#f472b6;color:#fff;font-weight:700;cursor:pointer}.cardalbum-detail__close{margin-top:.5rem;border:none;background:transparent;color:#6b7280;font-size:.85rem;cursor:pointer}.trace-guide{flex-shrink:0;display:flex;align-items:flex-start;gap:.75rem;margin:0 .75rem .5rem;padding:.55rem .75rem;background:#ffffffeb;border-radius:14px;box-shadow:0 2px 8px #6366f11f}.trace-guide__main{flex:1;min-width:0}.trace-guide__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem}.trace-guide__speak{margin-top:.1rem}.trace-guide__tag{margin:0 0 .2rem;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#16a34a}.trace-guide__order{margin:.25rem 0 0;font-size:.78rem;font-weight:700;line-height:1.5;color:#b45309}.trace-guide__order-item{margin-right:.35rem;white-space:nowrap}.trace-guide__order-item:after{content:"→";margin-left:.2rem;font-size:.65rem;opacity:.6}.trace-guide__order-item:last-child:after{content:none}.trace-guide__actions{flex-shrink:0;display:flex;flex-direction:column;gap:.35rem;align-self:center}.trace-guide__step-btn{padding:.35rem .65rem;font-size:.72rem;font-weight:800;color:#b45309;white-space:nowrap;background:#fef3c7;border-radius:999px}.trace-guide__step-btn:disabled{opacity:.45}.trace-guide__step-btn:active:not(:disabled){transform:scale(.97)}.trace-guide__hint{margin:0;font-size:.9rem;font-weight:800;line-height:1.45;color:#4338ca}.trace-guide__hint-en{margin:.15rem 0 0;font-size:.72rem;font-weight:600;line-height:1.4;color:#6b7280}.trace-guide__strokes{display:flex;flex-wrap:wrap;gap:.3rem;margin:.45rem 0 0;padding:0;list-style:none}.trace-guide__strokes li{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .45rem;font-size:.75rem;font-weight:700;color:#4f46e5;background:#eef2ff;border-radius:999px}.trace-guide__stroke-num{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;font-size:.65rem;color:#fff;background:#6366f1;border-radius:50%}.trace-guide__stroke-fallback{margin:.35rem 0 0;font-size:.72rem;font-weight:600;color:#6b7280}.trace-guide__animate-btn{flex-shrink:0;align-self:center;padding:.45rem .75rem;font-size:.8rem;font-weight:800;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:999px;box-shadow:0 2px 8px #6366f159}.trace-guide__digit-badge{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;font-size:2rem;font-weight:900;color:#4338ca;background:#eef2ff;border:2px solid #c7d2fe;border-radius:14px;line-height:1}.trace-guide__animate-btn:disabled{opacity:.45;box-shadow:none}.trace-guide__animate-btn:active:not(:disabled){transform:scale(.97)}@media(max-width:480px){.trace-guide{flex-direction:column;align-items:stretch}.trace-guide__actions{flex-direction:row;align-self:stretch}.trace-guide__animate-btn,.trace-guide__step-btn{flex:1;text-align:center}.trace-guide__animate-btn{align-self:stretch;text-align:center}}.coloring-thumb__img,.coloring-thumb__svg,.coloring-thumb__mystery,.coloring-thumb__fallback{display:block;width:100%;aspect-ratio:4 / 3;height:auto;object-fit:contain;border-radius:12px;background:#fff;border:1px solid #e7e5e4}.coloring-thumb__mystery,.coloring-thumb__fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:linear-gradient(165deg,#f5f3ff,#fae8ff 55%,#fce7f3);border-color:#ddd6fe}.coloring-thumb__mystery-box{width:3.35rem;height:3.35rem;display:block;transform-origin:center bottom;animation:coloring-thumb-float 3.8s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgb(91 33 182 / 18%))}@keyframes coloring-thumb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.coloring-thumb__mystery-box{animation:none}}.coloring-thumb__fallback-text{font-size:1.15rem;font-weight:900;color:#78716c;line-height:1}.coloring-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:max(.6rem,env(safe-area-inset-top)) .85rem max(.6rem,env(safe-area-inset-bottom));background:#0f172a7a}.coloring-picker{width:min(760px,96vw);max-height:min(86vh,640px);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 18px 48px #00000038;display:flex;flex-direction:column}.coloring-picker__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem .85rem .45rem}.coloring-picker__header-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.coloring-picker__title{margin:0;font-size:1.15rem;font-weight:900;color:#4c1d95}.coloring-picker__blind-link{padding:.35rem .7rem;font-size:.78rem;font-weight:800;color:#fff;background:linear-gradient(180deg,#a78bfa,#7c3aed);border:none;border-radius:999px;box-shadow:0 2px 6px #7c3aed47}.coloring-picker__close{flex-shrink:0;width:2.2rem;height:2.2rem;font-size:1.35rem;color:#57534e;background:#f5f5f4;border-radius:999px}.coloring-picker__tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:0 .85rem .35rem}.coloring-picker__tab{padding:.48rem .5rem;border-radius:12px;background:#f5f5f4;border:2px solid transparent;font-size:.95rem;font-weight:800;color:#44403c}.coloring-picker__tab--active{background:#ede9fe;border-color:#8b5cf6;color:#5b21b6}.coloring-picker__actions{padding:.35rem .85rem 0}.coloring-picker__chip-btn{width:100%;padding:.5rem .7rem;font-size:.85rem;font-weight:700;color:#6d28d9;background:#f5f3ff;border:1.5px dashed #c4b5fd;border-radius:12px}.coloring-picker__chip-btn:disabled{opacity:.6}.coloring-picker__file-input{display:none}.coloring-picker__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.65rem;padding:.55rem .85rem .5rem;overflow-y:auto;flex:1}.coloring-picker__item-wrap{position:relative}.coloring-picker__item{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:.3rem;padding:.35rem;background:#fafaf9;border-radius:14px;border:2px solid transparent}.coloring-picker__item--active{border-color:#8b5cf6;background:#f5f3ff}.coloring-picker__item--locked{background:#f5f5f4}.coloring-picker__thumb-wrap{position:relative;width:100%}.coloring-picker__badge{position:absolute;left:.28rem;bottom:.28rem;margin:0;font-size:.58rem;font-weight:800;color:#6d28d9;background:#fffffff0;padding:.1rem .35rem;border-radius:999px;border:1px solid #e9d5ff;line-height:1.2}.coloring-picker__name{font-size:.8rem;font-weight:800;color:#292524;text-align:center;line-height:1.25;padding:0 .1rem .15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coloring-picker__delete{position:absolute;top:.2rem;right:.2rem;width:1.4rem;height:1.4rem;font-size:.95rem;line-height:1;color:#fff;background:#ef4444e0;border-radius:999px;z-index:1}.coloring-picker__empty{grid-column:1 / -1;margin:0;padding:2rem .5rem;text-align:center;font-size:.9rem;color:#78716c}@media(max-width:520px){.coloring-picker__list{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.45rem}}.color-hint-chip{display:flex;align-items:stretch;margin:0 .75rem;border-radius:12px;overflow:hidden;background:#eef2ff;border:1px solid #c7d2fe;box-shadow:0 2px 8px #6366f11f}.color-hint-chip__main{flex:1;display:flex;align-items:center;gap:.5rem;padding:.45rem .65rem;text-align:left;background:transparent}.color-hint-chip__dot{flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:999px;border:2px solid rgb(255 255 255 / 90%);box-shadow:0 0 0 1px #00000014}.color-hint-chip__text{display:flex;flex-direction:column;gap:.05rem;font-size:.82rem;font-weight:700;color:#4338ca;line-height:1.2}.color-hint-chip__text small{font-size:.65rem;font-weight:600;color:#6366f1}.color-hint-chip__dismiss{width:2rem;font-size:1.1rem;color:#6366f1;background:#ffffff73;border-left:1px solid #c7d2fe}.sticker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#00000059}.sticker-picker{width:min(640px,92vw);max-height:min(88vh,640px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 12px 40px #0000002e}.sticker-picker__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .5rem}.sticker-picker__title{margin:0;font-size:1.1rem;font-weight:800;color:#4338ca}.sticker-picker__hint{margin:.25rem 0 0;font-size:.8rem;color:#6b7280}.sticker-picker__close{flex-shrink:0;width:2rem;height:2rem;font-size:1.5rem;line-height:1;color:#6b7280;background:#f3f4f6;border-radius:10px}.sticker-picker__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.5rem 1rem 1rem}.sticker-picker__item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;background:#f9fafb;border-radius:14px}.sticker-picker__item--active{background:#eef2ff;box-shadow:inset 0 0 0 2px #6366f1}.sticker-picker__emoji{font-size:2rem;line-height:1}.sticker-picker__label{font-size:.65rem;font-weight:700;color:#4338ca}.praise-toast{position:fixed;left:50%;top:calc(3.6rem + env(safe-area-inset-top,0px));bottom:auto;z-index:40;transform:translate(-50%);max-width:min(92vw,22rem);padding:.65rem 1rem;text-align:center;background:#fffffff2;border-radius:16px;box-shadow:0 8px 24px #6366f140,inset 0 0 0 2px #c7d2fe;animation:praise-toast-in .25s ease-out;pointer-events:none}.praise-toast__zh{margin:0;font-size:1rem;font-weight:800;color:#4338ca}.praise-toast__en{margin:.2rem 0 0;font-size:.8rem;font-weight:600;color:#6366f1}@keyframes praise-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(orientation:landscape){.praise-toast{top:calc(3.25rem + env(safe-area-inset-top,0px))}}@media(min-width:768px)and (orientation:landscape){.praise-toast{left:calc(50% + 2.5rem)}}.fun-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000059}.fun-settings{width:min(100%,20rem);padding:1.25rem;background:#fff;border-radius:20px;box-shadow:0 12px 40px #0000002e}.fun-settings__title{margin:0;font-size:1.15rem;font-weight:800;color:#4338ca}.fun-settings__hint{margin:.25rem 0 1rem;font-size:.8rem;color:#6b7280}.fun-settings__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 0;border-bottom:1px solid #f3f4f6;cursor:pointer}.fun-settings__row span{display:flex;flex-direction:column;gap:.15rem}.fun-settings__row strong{font-size:.95rem;color:#111827}.fun-settings__row small{font-size:.75rem;color:#9ca3af}.fun-settings__row input{width:1.25rem;height:1.25rem;accent-color:#6366f1}.fun-settings__close{width:100%;margin-top:1rem;padding:.65rem;font-size:1rem;font-weight:800;color:#fff;background:#6366f1;border-radius:12px}.fun-settings__frames{margin:.75rem 0 0;padding:0;border:none}.fun-settings__frames-legend{display:flex;flex-direction:column;gap:.15rem;padding:0 0 .5rem;font-size:.95rem;color:#111827}.fun-settings__frames-legend small{font-size:.75rem;font-weight:400;color:#9ca3af}.fun-settings__frame-options{display:flex;flex-direction:column;gap:.35rem}.fun-settings__frame-option{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.85rem;font-weight:700;color:#374151;background:#f9fafb;border-radius:10px;cursor:pointer}.fun-settings__frame-option span{display:flex;flex-direction:column;gap:.1rem}.fun-settings__frame-option small{font-size:.7rem;font-weight:500;color:#9ca3af}.fun-settings__frame-option input{accent-color:#6366f1}.confetti-burst{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;overflow:hidden;pointer-events:none}.confetti-burst__piece{position:absolute;top:-12px;border-radius:2px;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}.doodle-dice{display:flex;align-items:flex-start;gap:.5rem;margin:0 .75rem .5rem;padding:.6rem .75rem;background:linear-gradient(135deg,#fff7ed,#fef3c7);border-radius:14px;box-shadow:0 2px 10px #f59e0b2e;border:2px solid #fcd34d;animation:doodle-dice-pop .3s ease-out}.doodle-dice__icon{flex-shrink:0;font-size:1.75rem;line-height:1;animation:doodle-dice-shake .45s ease-in-out}.doodle-dice__text{flex:1;min-width:0}.doodle-dice__label{display:inline-block;margin-bottom:.2rem;font-size:.75rem;font-weight:700;color:#d97706}.doodle-dice__zh{margin:0;font-size:.95rem;font-weight:800;color:#92400e;line-height:1.35}.doodle-dice__en{margin:.15rem 0 0;font-size:.8rem;font-weight:600;color:#b45309;line-height:1.35}.doodle-dice__actions{flex-shrink:0;display:flex;flex-direction:column;gap:.35rem}.doodle-dice__roll{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.15rem;background:#fef3c7;border-radius:8px;box-shadow:inset 0 0 0 2px #fbbf24}.doodle-dice__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.35rem;line-height:1;color:#9ca3af;background:#ffffffb3;border-radius:8px}.doodle-dice__roll:active,.doodle-dice__close:active{transform:scale(.92)}@keyframes doodle-dice-pop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes doodle-dice-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@media(orientation:landscape){.doodle-dice{margin-bottom:.35rem}}.prompt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000073}.prompt-dialog{width:min(360px,100%);padding:1.25rem 1.25rem 1rem;background:#fff;border-radius:20px;box-shadow:0 16px 48px #0003}.prompt-dialog__title{margin:0;font-size:1.1rem;font-weight:800;color:#be185d}.prompt-dialog__message{margin:.55rem 0 0;font-size:.9rem;font-weight:600;line-height:1.45;color:#4b5563}.prompt-dialog__input{display:block;width:100%;margin-top:.85rem;padding:.7rem .85rem;font-size:1.05rem;font-weight:700;color:#1f2937;background:#fdf2f8;border:2px solid #fbcfe8;border-radius:14px;outline:none}.prompt-dialog__input:focus{border-color:#f472b6;background:#fff}.prompt-dialog__hint{margin:.45rem 0 0;font-size:.75rem;color:#9ca3af}.prompt-dialog__actions{display:flex;gap:.5rem;margin-top:1.1rem}.prompt-dialog__btn{flex:1;padding:.55rem .75rem;font-size:.9rem;font-weight:800;border:none;border-radius:999px;cursor:pointer}.prompt-dialog__btn--cancel{color:#4b5563;background:#f3f4f6}.prompt-dialog__btn--confirm{color:#fff;background:linear-gradient(135deg,#ec4899,#f472b6)}.prompt-dialog__btn:active{transform:scale(.98)}.dressup{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;gap:.45rem}.dressup__chars{flex-shrink:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;padding:.2rem}.dressup__char{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:0;padding:.4rem .35rem .45rem;background:#ffffffeb;border-radius:14px;box-shadow:inset 0 0 0 1.5px #e5e7eb}.dressup__char--active{background:#fdf2f8;box-shadow:inset 0 0 0 2.5px #ec4899}.dressup__char-avatar{display:block;width:100%;max-width:5.5rem;aspect-ratio:1;overflow:hidden;border-radius:50%;background:linear-gradient(160deg,#fce7f3,#e9d5ff);box-shadow:inset 0 0 0 2px #fffc}.dressup__char-face{display:block;width:140%;height:140%;margin:-12% 0 0 -20%;pointer-events:none}.dressup__char-meta{display:flex;flex-direction:column;align-items:center;gap:.08rem;min-width:0;width:100%}.dressup__char-emoji{font-size:.95rem;line-height:1}.dressup__char-zh{max-width:100%;overflow:hidden;font-size:.72rem;font-weight:800;color:#374151;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dressup__char-vibe{font-size:.58rem;font-weight:600;color:#9ca3af;text-align:center}.dressup__workspace{flex:1;min-height:0;display:flex;flex-direction:column;gap:.45rem}.dressup__thumb{display:block;width:3.1rem;height:3.1rem}.dressup__thumb-svg{display:block;width:100%;height:100%;border-radius:12px;box-shadow:inset 0 0 0 1px #00000014}.dressup__preview-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.35rem;background:#ffffffb8;border-radius:16px;box-shadow:inset 0 0 0 3px #fff}.dressup__svg{width:min(100%,14rem);height:auto;max-height:min(52vh,22rem);border-radius:12px;box-shadow:0 6px 18px #0000001a;transform-origin:center bottom}.dressup__svg--pop{animation:dressup-pop .32s ease-out}.dressup__preview-wrap:after{content:"✦  ✧  ★";position:absolute;top:.55rem;right:.85rem;font-size:.85rem;color:#f472b6;opacity:0;pointer-events:none;letter-spacing:.15em}.dressup__preview-wrap:has(.dressup__svg--pop):after{animation:dressup-sparkle .45s ease-out}@keyframes dressup-pop{0%{transform:scale(1)}35%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes dressup-sparkle{0%{opacity:0;transform:translateY(6px) scale(.8)}40%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:0;transform:translateY(-8px) scale(1)}}.dressup__hint{margin:.45rem 0 0;font-size:.8rem;font-weight:700;color:#be185d;text-align:center}.dressup__hint span{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;margin-top:.15rem;font-size:.7rem;font-weight:600;color:#9d174d;opacity:.85}.dressup__rename{padding:.12rem .45rem;font-size:.65rem;font-weight:800;color:#be185d;background:#fce7f3;border-radius:999px}.dressup__panel{flex-shrink:0;display:flex;flex-direction:column;gap:.4rem;padding:.45rem .5rem .55rem;background:#ffffffeb;border-radius:14px}.dressup__tabs{display:flex;flex-wrap:nowrap;gap:.3rem;overflow-x:auto;scrollbar-width:none}.dressup__tabs::-webkit-scrollbar{display:none}.dressup__tab{flex-shrink:0;min-height:2.1rem;padding:.35rem .75rem;font-size:.85rem;font-weight:800;color:#6b7280;background:#f3f4f6;border-radius:999px}.dressup__tab--active{color:#fff;background:linear-gradient(135deg,#ec4899,#a855f7)}.dressup__items{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;padding:.15rem .1rem;scrollbar-width:none}.dressup__items::-webkit-scrollbar{display:none}.dressup__item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:4.4rem;padding:.3rem .35rem;background:#f9fafb;border-radius:12px;box-shadow:inset 0 0 0 1.5px #e5e7eb}.dressup__item--active{background:#fdf2f8;box-shadow:inset 0 0 0 2px #ec4899}.dressup__item-zh{max-width:4.2rem;font-size:.68rem;font-weight:800;color:#374151;text-align:center;line-height:1.2}.dressup__actions{display:flex;flex-wrap:wrap;gap:.35rem}.dressup__action{flex:1 1 auto;min-width:4.5rem;min-height:2.35rem;padding:.35rem .55rem;font-size:.8rem;font-weight:800;color:#4b5563;background:#f3f4f6;border-radius:10px}.dressup__action--save{color:#065f46;background:#d1fae5}.dressup__action--paint{color:#6b21a8;background:#f3e8ff}.dressup__action--back{flex:1 1 100%;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);min-height:2.55rem;font-size:.9rem}.dressup__action:disabled{opacity:.45}.dressup__current{margin:0;font-size:.65rem;font-weight:600;color:#9ca3af;text-align:center;line-height:1.35}@media(min-width:768px)and (orientation:landscape){.dressup__chars{gap:.5rem;padding:.25rem .15rem}.dressup__char{flex-direction:row;justify-content:flex-start;gap:.55rem;padding:.4rem .55rem;text-align:left}.dressup__char-avatar{flex-shrink:0;width:3.6rem;max-width:3.6rem}.dressup__char-meta{align-items:flex-start}.dressup__char-zh{font-size:.82rem}.dressup__char-vibe{font-size:.65rem}.dressup__workspace{flex-direction:row;gap:.75rem}.dressup__preview-wrap{flex:1.1}.dressup__svg{width:min(100%,16rem);max-height:min(62vh,24rem)}.dressup__panel{flex:1;max-width:22rem;justify-content:center}.dressup__items{flex-wrap:wrap;overflow:visible}}@media(min-width:768px)and (orientation:portrait){.dressup__char-avatar{max-width:6.5rem}.dressup__char-zh{font-size:.8rem}.dressup__tab{min-height:2.4rem;font-size:.9rem}.dressup__item{min-width:4.6rem}.dressup__action{min-height:2.6rem}}.drawing-app{display:flex;flex-direction:column;width:100%;height:100%;background:linear-gradient(180deg,#fef9c3,#fde68a)}.drawing-app__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;padding-top:max(.5rem,env(safe-area-inset-top))}.drawing-app__header-actions{flex-shrink:0;display:flex;align-items:center;gap:.45rem}.drawing-app__speak-again{flex-shrink:0}.drawing-app__new-draw-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:2.25rem;padding:0 .7rem;font-size:.875rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6 55%,#a855f7);border-radius:999px;box-shadow:0 2px 10px #6366f159;transition:transform .12s ease}.drawing-app__new-draw-btn:active{transform:scale(.96)}.drawing-app__new-draw-icon{display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1}.drawing-app__new-draw-text{line-height:1}.drawing-app__brand{flex-shrink:0;-webkit-user-select:none;user-select:none;touch-action:manipulation}.drawing-app__header-spacer{flex-shrink:0;width:5.5rem;min-height:1px}.drawing-app__back{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:.15rem;height:2.35rem;padding:0 .85rem;font-size:.95rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:999px;box-shadow:0 2px 10px #6366f159;cursor:pointer}.drawing-app__back:active{transform:scale(.96)}.drawing-app__header-center{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;padding:0 .35rem}.drawing-app__header-center>*{max-width:100%}.drawing-app__settings-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;font-size:1.1rem;background:#ffffffd9;border-radius:10px}.drawing-app__fun-hint{margin:0;padding:.35rem 1rem;font-size:.75rem;font-weight:600;text-align:center;color:#6366f1}.drawing-app__color-label--rainbow{background:linear-gradient(90deg,#fecaca,#fef08a,#bbf7d0,#bfdbfe,#e9d5ff)}.drawing-app__color-label--sticker{background:#fef3c7;color:#b45309}.drawing-app__color-label--symmetry{background:#ede9fe;color:#6d28d9}.drawing-app__color-label--highlighter{background:#fef9c3;color:#a16207}.drawing-app__color-label--glow{background:#312e81;color:#e9d5ff}.drawing-app__color-label--star{background:#fef3c7;color:#b45309}.drawing-app__color-label--crayon{background:#ffedd5;color:#c2410c}.drawing-app__trace-label{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin:0;padding:.35rem .65rem;font-size:.85rem;font-weight:700;color:#4338ca;background:#ffffffd9;border-radius:12px}.drawing-app__trace-char{font-size:1.35rem;font-family:KaiTi,STKaiti,serif;line-height:1}.drawing-app__trace-meta{font-size:.75rem;color:#6b7280}.drawing-app__mode-btn{padding:.25rem .55rem;font-size:.75rem;font-weight:800;color:#6366f1;background:#eef2ff;border-radius:999px}.drawing-app__color-label{margin:0;padding:.2rem .55rem;font-size:.78rem;font-weight:700;color:#4338ca;background:#ffffffd9;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:10.5rem}.drawing-app__title{margin:0;font-size:1.25rem;font-weight:800;color:#4338ca}.drawing-app__subtitle{font-size:.875rem;font-weight:600;color:#6366f1;opacity:.8}.drawing-app__workspace{flex:1;min-height:0;display:flex;flex-direction:column}.drawing-app__main{flex:1;min-height:0;padding:0 .75rem}.drawing-canvas{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #00000014,inset 0 0 0 3px #fff;background:#fff}.drawing-canvas__stickers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none}.drawing-canvas__sticker{position:absolute;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.drawing-canvas__sticker--pop{animation:sticker-pop .42s cubic-bezier(.34,1.4,.64,1)}@keyframes sticker-pop{0%{transform:scale(.2);opacity:.5}70%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.drawing-canvas__sticker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;cursor:copy;touch-action:none;background:#fef3c714}.drawing-canvas__sticker-hint{position:absolute;left:50%;top:.75rem;bottom:auto;z-index:5;transform:translate(-50%);padding:.4rem .75rem;font-size:.85rem;font-weight:700;color:#92400e;white-space:nowrap;background:#fef3c7f2;border-radius:999px;box-shadow:0 2px 8px #0000001f;pointer-events:none}.drawing-canvas canvas{display:block}.drawing-canvas__stage{position:relative;z-index:2}@media(min-width:768px){.drawing-app__new-draw-btn{height:2.5rem;padding:0 .95rem;font-size:.95rem}.drawing-app__color-label{max-width:16rem;font-size:.85rem}.drawing-app__settings-btn{width:2.65rem;height:2.65rem;font-size:1.2rem}.drawing-app__back{height:2.65rem;padding:0 1rem;font-size:1.05rem}.drawing-app__main{padding:0 1rem .35rem}}@media(min-width:768px)and (orientation:landscape){.drawing-app__header{padding:.35rem 1rem;padding-top:max(.35rem,env(safe-area-inset-top));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.drawing-app__title{font-size:1.1rem}.drawing-app__main{padding:0 1rem .25rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}@media(min-width:768px)and (orientation:portrait){.drawing-app__header{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.drawing-app__main{padding-bottom:.25rem}}.drawing-app__hidden-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{background:#fef9c3}button{font:inherit;cursor:pointer;border:none;background:none}button:disabled{opacity:.35;cursor:not-allowed}