.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}.toolbar{flex-shrink:0;display:flex;flex-direction:column;gap:.2rem;padding:.32rem .45rem;padding-bottom:max(.32rem,env(safe-area-inset-bottom));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:.65rem;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__colors-wrap{overflow:visible;padding:.14rem .1rem .08rem;margin:0 -.06rem}.toolbar__strip{display:flex;flex-wrap:nowrap;align-items:center;gap:.18rem;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:1.95rem}.toolbar__strip::-webkit-scrollbar{display:none}.toolbar__strip--colors{min-height:1.85rem;padding:.08rem .1rem}.toolbar__sep{flex-shrink:0;width:1px;height:1.2rem;margin:0 .04rem;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:center;gap:.06rem;padding:.08rem;background:#e5e7eb;border-radius:8px}.toolbar__size-btn{display:flex;align-items:center;justify-content:center;min-width:1.55rem;min-height:1.55rem;padding:.1rem;color:#4b5563;border-radius:6px}.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__btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;min-width:1.9rem;min-height:1.9rem;font-size:1rem;background:#f3f4f6;border-radius:8px}.toolbar__btn--active{background:#eef2ff;box-shadow:inset 0 0 0 1.5px #6366f1}.toolbar__btn:disabled{opacity:.35}.toolbar__btn--trace{font-size:.82rem;font-weight:900;font-family:KaiTi,STKaiti,serif}.toolbar__btn--trace.toolbar__btn--active{background:#fef3c7;box-shadow:inset 0 0 0 1.5px #f59e0b}.toolbar__btn--coloring{font-size:.8rem;font-weight:900}.toolbar__btn--coloring.toolbar__btn--active{background:#dcfce7;box-shadow:inset 0 0 0 1.5px #22c55e}.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{color:#e9d5ff;background:#1e1b4b;box-shadow:inset 0 0 0 1.5px #a78bfa}.toolbar__btn--star.toolbar__btn--active{background:#fef3c7;box-shadow:inset 0 0 0 1.5px #f59e0b}.toolbar__btn--crayon{font-size:.8rem;font-weight:900;font-family:KaiTi,STKaiti,serif}.toolbar__btn--crayon.toolbar__btn--active{background:#ffedd5;box-shadow:inset 0 0 0 1.5px #ea580c}.toolbar__btn--lucky{font-size:.9rem;background:linear-gradient(135deg,#fef3c7,#fde68a)}.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;font-size:1.08rem}.toolbar__btn:active:not(:disabled){transform:scale(.94)}@media(min-width:768px){.toolbar{gap:.26rem;padding-left:max(.45rem,env(safe-area-inset-left));padding-right:max(.45rem,env(safe-area-inset-right))}.toolbar__color{width:2.1rem;height:2.1rem}.toolbar__btn{min-width:2.65rem;min-height:2.65rem;font-size:1.12rem}.toolbar__size-btn{min-width:1.85rem;min-height:1.85rem}.toolbar__size-dot--thick{width:12px;height:12px}}@media(min-width:768px)and (orientation:portrait){.toolbar{padding-bottom:max(.45rem,env(safe-area-inset-bottom))}.toolbar__strip{gap:.22rem;min-height:2.35rem}.toolbar__color{width:2.35rem;height:2.35rem}.toolbar__btn{min-width:2.75rem;min-height:2.75rem}}@media(min-width:768px)and (orientation:landscape){.toolbar{order:-1;flex-direction:column;flex-shrink:0;width:5rem;max-height:100%;gap:.35rem;border-top:none;border-right:1px solid rgb(0 0 0 / 6%);padding:.4rem .32rem;padding-left:max(.32rem,env(safe-area-inset-left));padding-bottom:max(.4rem,env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.toolbar__scroll{overflow:visible}.toolbar__scroll:before,.toolbar__scroll:after{display:none}.toolbar__colors-wrap{padding:.1rem .06rem;margin:0}.toolbar__strip--colors{display:grid;grid-template-columns:1fr 1fr;gap:.22rem;min-height:auto;padding:.06rem;overflow:visible}.toolbar__strip:not(.toolbar__strip--colors){flex-direction:column;align-items:stretch;gap:.2rem;min-height:auto;overflow:visible}.toolbar__color{width:100%;height:auto;aspect-ratio:1;justify-self:center;max-width:2.35rem}.toolbar__btn{width:100%;min-width:0;min-height:2.65rem}.toolbar__btn--lucky{grid-column:1 / -1;width:100%;max-width:none;min-height:2.35rem}.toolbar__size-group{justify-content:center;width:100%}.toolbar__sep{width:auto;height:1px;align-self:stretch;margin:.1rem .2rem}}.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}.trace-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}.trace-picker{width:min(560px,100%);max-height:min(85vh,560px);display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 16px 48px #0003}.trace-picker__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid #e5e7eb}.trace-picker__title{margin:0;font-size:1.1rem;color:#4338ca}.trace-picker__hint{margin:.25rem 0 0;font-size:.8rem;color:#6b7280}.trace-picker__close{width:2.25rem;height:2.25rem;font-size:1.35rem;color:#6b7280;background:#f3f4f6;border-radius:8px}.trace-picker__tabs{display:flex;gap:.35rem;padding:0 1rem .5rem}.trace-picker__tab{flex:1;padding:.4rem .5rem;font-size:.8rem;font-weight:800;color:#6366f1;background:#eef2ff;border-radius:999px}.trace-picker__tab--active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.trace-picker__count{margin:0;padding:0 1rem .35rem;font-size:.72rem;font-weight:600;color:#9ca3af}.trace-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.65rem;padding:1rem;overflow-y:auto}.trace-picker__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.65rem .35rem;background:#f9fafb;border-radius:14px;border:2px solid transparent}.trace-picker__item--active,.trace-picker__item:active{border-color:#6366f1;background:#eef2ff}.trace-picker__item--practiced{background:#fffbeb}.trace-picker__star{position:absolute;top:.2rem;right:.25rem;font-size:.75rem;line-height:1;pointer-events:none}.trace-picker__char{font-size:2rem;font-family:KaiTi,STKaiti,serif;line-height:1;color:#374151}.trace-picker__meta{font-size:.65rem;color:#6b7280;text-align:center;line-height:1.3}.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__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__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-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}.coloring-picker{width:min(480px,100%);max-height:min(85vh,36rem);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 16px 48px #0003;display:flex;flex-direction:column}.coloring-picker__header{display:flex;align-items:flex-start;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid #e5e7eb}.coloring-picker__title{margin:0;font-size:1.1rem;color:#4338ca}.coloring-picker__hint{margin:.25rem 0 0;font-size:.8rem;color:#6b7280}.coloring-picker__close{width:2.25rem;height:2.25rem;font-size:1.35rem;color:#6b7280;background:#f3f4f6;border-radius:8px}.coloring-picker__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.65rem;padding:1rem;overflow-y:auto;flex:1}.coloring-picker__item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .75rem;background:#f9fafb;border-radius:14px;border:2px solid transparent}.coloring-picker__item--active{border-color:#6366f1;background:#eef2ff}.coloring-picker__emoji{font-size:2rem}.coloring-picker__name{font-size:1rem;font-weight:800;color:#374151}.coloring-picker__name-en{font-size:.75rem;color:#6b7280}.sticker-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:#00000059}.sticker-picker{width:min(100%,22rem);max-height:min(85vh,28rem);overflow:auto;background:#fff;border-radius:20px;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%;bottom:calc(5.5rem + env(safe-area-inset-bottom));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(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(orientation:landscape){.praise-toast{bottom:calc(1.5rem + env(safe-area-inset-bottom))}}@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}}.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__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-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%;bottom:.75rem;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__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__workspace{flex-direction:row}.drawing-app__main{flex:1;min-width:0;padding:0 1rem .5rem .35rem;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}}*,*: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}