@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2"),url(/assets/roboto-latin-500-normal-DQZyH_nt.woff)format("woff")}:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;height:100%;margin:0}.mobile-carousel{overscroll-behavior:contain;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;max-width:100%;display:block;position:relative;overflow:auto}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-carousel{touch-action:pan-y;overflow:auto hidden}.mobile-carousel[data-dragging=true]{cursor:none}.mobile-carousel-content{width:max-content;min-width:100%;transform:translateX(var(--mobile-carousel-overdrag));will-change:transform;display:flex}.mobile-carousel-scrollbar{z-index:4;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.mobile-carousel-scrollbar[data-visible=true]{opacity:1}.mobile-carousel-scrollbar-thumb{background:#00000059;border-radius:999px;height:3px;position:absolute;bottom:4px;right:4px}body{min-width:320px;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.phone-stage{place-items:center;width:100%;height:100%;padding:24px;display:grid;position:relative}.device-menu-bar{z-index:100;border-radius:12px;padding:3px;position:absolute;top:18px;right:18px}.device-picker-trigger{color:#151515;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;height:34px;padding:0 10px 0 12px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-trigger:hover,.device-picker-trigger[data-state=open]{background:#0000000e}.device-picker-trigger:focus-visible{outline-offset:2px;outline:2px solid #000000b8}.device-picker-menu{z-index:200;min-width:168px;transform-origin:var(--radix-dropdown-menu-content-transform-origin);background:#fffffffa;border-radius:12px;padding:3px;animation:.12s ease-out device-menu-in;box-shadow:0 0 1px #0000000f,0 0 0 1px #00000014,0 4px 4px #0000000d}.device-picker-item{color:#181818;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:space-between;align-items:center;height:34px;padding:0 9px 0 10px;font:500 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-item[data-highlighted]{background:#f0f0f0}.device-picker-item[data-state=checked]{font-weight:600}.device-picker-check{color:#181818;place-items:center;display:grid}@keyframes device-menu-in{0%{opacity:0;transform:scale(.98)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.phone-scale-box{position:relative}.phone-device{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.phone-bezel{object-fit:contain;z-index:2;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.device-screen{cursor:none;z-index:1;-webkit-user-select:none;user-select:none;background:#fff;border-radius:42px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.device-camera{z-index:75;pointer-events:none;background:#050505;border-radius:50%;display:block;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.device-screen,.device-screen *{cursor:none!important}.device-screen img,.keyboard-asset{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.device-screen input,.device-screen textarea,.device-screen select,.device-screen option,.device-screen [contenteditable=true]{-webkit-user-select:auto;user-select:auto}.device-screen:active,.device-screen:active *,.device-screen input,.device-screen textarea,.device-screen button,.device-screen a,.device-screen [role=button]{cursor:none!important}.device-screen[data-cursor-debug=true],.device-screen[data-cursor-debug=true] *{cursor:default!important}.device-screen :focus,.device-screen :focus-visible{box-shadow:none!important;outline:0!important}.flow-stack,.flow-scenes,.flow-screen,.mobile-app-viewport{position:absolute;inset:0}.mobile-app-viewport[data-platform=android][data-keyboard-visible=false]{bottom:var(--device-safe-area-bottom,48px)}.flow-stack{--flow-header-height:0px;--flow-header-content-height:0px;--flow-header-safe-area:0px;--flow-footer-height:0px;--keyboard-height:0px;touch-action:pan-y;background:0 0;overflow:hidden}.flow-fixed-header{z-index:12;height:var(--flow-header-height);padding-top:var(--flow-header-safe-area);box-sizing:border-box;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;position:absolute;top:0;left:0;right:0}.flow-fixed-footer{z-index:12;right:0;bottom:var(--keyboard-height);height:var(--flow-footer-height);background:0 0;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0}.flow-scenes{top:var(--flow-header-height);bottom:0;overflow:hidden}.flow-screen{will-change:transform;background:0 0;overflow:hidden}.mobile-page{--mobile-safe-area-height:var(--device-safe-area-bottom,34px);--keyboard-height:0px;position:absolute;inset:0}.mobile-page[data-keyboard-visible=true],.mobile-app-viewport[data-platform=android] .mobile-page{--mobile-safe-area-height:0px}.mobile-scroll{top:0;right:0;bottom:var(--keyboard-height);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;touch-action:none;-webkit-user-select:none;user-select:none;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;overflow:hidden auto}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-scroll[data-dragging=true]{cursor:none}.mobile-cursor{z-index:80;opacity:0;pointer-events:none;will-change:transform;background:radial-gradient(circle at 50% 44%,#ffffffb3 0 34%,#ffffff8a 58%,#eeeeee7a 100%);border:.5px solid #0000001f;border-radius:999px;width:48px;height:48px;transition:opacity 90ms,background 80ms,box-shadow 80ms;position:absolute;top:0;left:0;box-shadow:inset 0 1px 2px #fff9,inset 0 -5px 10px #0000000d,inset 0 0 0 1px #00000006}.mobile-cursor:before{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#fff0);border-radius:999px;width:32px;height:17px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.mobile-cursor:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 0 3px #ffffff47,inset -1px 0 3px #00000005}.mobile-cursor-hotspot{pointer-events:none;background:#ffffffd1;border:1px solid #007afff2;border-radius:999px;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffbf,0 0 0 3px #007aff29}.mobile-cursor-hotspot:before,.mobile-cursor-hotspot:after{content:"";background:#007afff2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-cursor-hotspot:before{width:17px;height:1px}.mobile-cursor-hotspot:after{width:1px;height:17px}.mobile-cursor[data-visible=true]{opacity:1}.mobile-cursor[data-active=true]{background:radial-gradient(circle at 50% 55%,#e8e8e894 0 30%,#f8f8f880 62%,#ffffffad 100%);box-shadow:inset 0 3px 7px #00000014,inset 0 -4px 8px #ffffff57,inset 0 0 0 1px #00000008}.mobile-cursor[data-active=true]:before{background:linear-gradient(#0000000e,#0000)}.mobile-cursor[data-active=true]:after{box-shadow:inset 0 5px 9px #0000000b,inset 0 -3px 7px #ffffff47}.mobile-scroll-content{will-change:transform;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;padding:0;display:grid}.app-screen{background:#fff}.mobile-scrollbar{z-index:9;top:4px;right:5px;bottom:calc(var(--mobile-safe-area-height) + var(--keyboard-height) + 4px);opacity:0;pointer-events:none;width:4px;transition:bottom .26s cubic-bezier(.2,.8,.2,1),opacity .18s;position:absolute}.mobile-page[data-keyboard-dragging=true] .mobile-scroll,.mobile-page[data-keyboard-dragging=true] .mobile-scrollbar,.flow-stack[data-keyboard-dragging=true] .flow-fixed-footer{transition:none}.mobile-scrollbar[data-visible=true]{opacity:1}.mobile-scrollbar-thumb{background:#00000047;border-radius:999px;width:4px;min-height:36px;transition:background .12s;box-shadow:0 0 0 1px #ffffff2e}.status-bar{z-index:72;color:#050505;pointer-events:none;background:0 0;grid-template-columns:1fr auto;align-items:center;height:54px;padding:10px 34px 0 36px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;display:grid;position:absolute;top:0;left:0;right:0}.device-screen[data-device=pixel-10] .status-bar{align-items:start;height:auto;padding:32px 32px 0;font-family:Roboto,Arial,sans-serif}.status-time{text-align:center;letter-spacing:0;justify-self:start;min-width:58px;font-size:15px;font-weight:600;line-height:1}.status-indicators{justify-self:end;align-items:center;display:flex}.status-indicator-svg{display:block}.status-indicator-svg[data-platform=ios]{width:79px;height:13px}.status-indicator-svg[data-platform=android]{width:50px;height:14px}.device-screen[data-device=pixel-10] .status-time{font-weight:500;transform:translateY(2px)}.home-indicator-svg{z-index:70;width:100%;height:var(--device-safe-area-bottom,34px);pointer-events:none;display:block;position:absolute;bottom:0;left:0;right:0}.android-navigation-bar{z-index:70;width:428px;height:var(--device-safe-area-bottom,48px);pointer-events:none;-webkit-user-drag:none;display:block;position:absolute;bottom:-1px;left:-1px}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:26px;line-height:1.08}h2{font-size:15px}p{color:#555;font-size:14px;line-height:1.45}.field-label{color:#555;font-size:13px;font-weight:800}.mobile-field{gap:8px;display:grid}.mobile-field input{color:#151515;background:#fff;border:1px solid #0000001a;border-radius:8px;outline:0;width:100%;min-height:44px;padding:0 12px}.mobile-field input:focus{box-shadow:none;border-color:#00000029}.device-screen .mobile-field input:focus,.device-screen .mobile-field input:focus-visible{border-color:#0000001f;box-shadow:none!important;outline:0!important}.sheet-overlay{z-index:20;background:#00000057;position:absolute;inset:0}.bottom-sheet{z-index:21;touch-action:none;background:#fff;border-radius:22px 22px 0 0;flex-direction:column;min-height:260px;display:flex;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 -16px 48px #0003}.sheet-handle-zone{touch-action:none;place-items:center;height:30px;display:grid}.sheet-handle{background:#c9c9c4;border-radius:999px;width:42px;height:5px}.sheet-header{gap:4px;padding:0 18px 14px;display:grid}.sheet-title{margin:0;font-size:18px;font-weight:900}.sheet-description{color:#737373;margin:0;font-size:13px;line-height:1.35}.sheet-content{padding:0 18px 24px;overflow:auto}.keyboard-dock{z-index:30;height:339px;box-shadow:none;pointer-events:none;will-change:transform;background:#d8d9de;border-radius:32px 32px 0 0;padding:0;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.keyboard-dock[data-platform=android]{background:#f3f2f6;border-radius:0;box-shadow:0 -1px 2px #00000014}.keyboard-dock[data-visible=true]{pointer-events:auto}.keyboard-asset{z-index:1;border-radius:inherit;object-fit:cover;object-position:center bottom;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:relative}.keyboard-dock[data-platform=android] .keyboard-asset{object-fit:fill;border-radius:0}:root{--mn-orange:#ff5a36;--mn-orange-deep:#ef3e19;--mn-teal:#02b3a6;--mn-cream:#fff9f2;--mn-yellow:#ffcb57;--mn-navy:#0d223d;--mn-ink:#16202b;--mn-muted:#6f756f;--mn-line:#0d223d1a;--mn-shadow:0 12px 28px #352a1c17, 0 2px 6px #352a1c0d}*{box-sizing:border-box}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #02b3a66b}.app-shell{width:100%;height:100%;color:var(--mn-ink);background:var(--mn-cream);font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif;position:relative;overflow:hidden}.app-screen{background:var(--mn-cream);height:100%}.screen-content{min-height:100%;padding:58px 20px calc(var(--mobile-safe-area-height) + 108px)}.screen-content h1,.screen-content h2,.screen-content h3,.screen-content p{margin:0}.screen-content h1,.screen-content h2,.screen-content h3{color:var(--mn-navy);letter-spacing:-.045em;font-weight:800}.brand-header,.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.brand-kicker{color:var(--mn-teal);letter-spacing:.12em;font-size:10px;font-weight:800;margin-bottom:3px!important}.brand-header h1,.page-header h1{font-size:30px;line-height:1.12}.brand-subtitle,.page-header p:last-child{color:var(--mn-muted);font-size:13px;margin-top:4px!important}.location-pill,.lock-badge{min-height:34px;color:var(--mn-orange-deep);background:#fff;border:1px solid #ff5a3629;border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 5px 14px #382c200f}.small-label{color:#ffffffd6;letter-spacing:.02em;align-items:center;gap:5px;font-size:11px;font-weight:750;display:inline-flex}.small-label.dark{color:var(--mn-teal)}.small-label.light{color:#ffffffd1}.bobei-card{color:#fff;background:var(--mn-orange);min-height:326px;box-shadow:var(--mn-shadow);border-radius:28px 17px 30px 20px;position:relative;overflow:hidden}.bobei-card>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bobei-card:after{content:"";pointer-events:none;background:#a4260e14;position:absolute;inset:0}.bobei-copy,.bobei-input-panel,.hero-button{z-index:1;position:relative}.bobei-copy{max-width:270px;padding:24px 22px 0}.bobei-copy h2{color:#fff;text-shadow:0 2px 12px #43140861;margin-top:6px;font-size:27px;line-height:1.14}.bobei-copy p{color:#fffffff2;text-shadow:0 1px 8px #43140852;margin-top:6px;font-size:12px;font-weight:600;line-height:1.5}.bobei-input-panel{background:#fff9f2f5;border:1px solid #ffffff73;border-radius:17px;grid-template-columns:1fr auto;gap:8px;padding:8px;display:grid;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 10px 24px #5c1e0c29}.bobei-input-panel textarea{resize:none;width:100%;min-height:42px;max-height:72px;color:var(--mn-navy);background:0 0;border:0;outline:none;padding:9px 9px 7px;font-size:13px;line-height:1.35}.bobei-input-panel textarea::placeholder{color:#9b958e}.hero-button,.primary-button,.secondary-button,.record-button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;font-weight:750;display:inline-flex}.hero-button{color:#fff;background:var(--mn-orange-deep);min-width:90px;padding:0 14px;font-size:12px}.bobei-card>.hero-button-light{min-height:42px;color:var(--mn-orange-deep);background:#fff;position:absolute;bottom:20px;left:22px}.home-section,.learn-section,.spirit-section{margin-top:24px}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.section-title-row h2{font-size:18px}.text-action{color:var(--mn-muted);background:0 0;border:0;align-items:center;gap:2px;padding:5px 0;font-size:11px;display:inline-flex}.daily-word-card{text-align:left;width:100%;min-height:165px;box-shadow:var(--mn-shadow);background:#fff;border:0;border-radius:22px 26px 18px 24px;padding:18px;display:flex;position:relative;overflow:hidden}.daily-word-copy{z-index:1;width:62%;position:relative}.accent-chip{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:750;display:inline-flex}.accent-chip.teal{color:#007c73;background:#02b3a61f}.accent-chip.yellow{color:#8c5d00;background:#ffcb5747}.daily-word-copy h3{margin-top:10px;font-size:24px}.daily-word-copy>p:last-of-type{color:var(--mn-muted);margin-top:2px;font-size:12px}.romanization{letter-spacing:.01em;font-family:Roboto,sans-serif;color:var(--mn-teal)!important;margin-top:3px!important;font-size:11px!important}.audio-link{color:var(--mn-orange-deep);align-items:center;gap:5px;margin-top:12px;font-size:11px;font-weight:750;display:inline-flex}.daily-word-card img{object-fit:cover;border-radius:70px 0 0;width:152px;height:152px;position:absolute;bottom:-12px;right:-12px}.together-preview{text-align:left;color:#fff;background:var(--mn-navy) url(/assets/app/douzhen-market.png) center/cover no-repeat;width:100%;min-height:180px;box-shadow:var(--mn-shadow);border:0;border-radius:25px 18px 28px 19px;padding:20px;position:relative;overflow:hidden}.together-preview:after{content:"";background:#0d223d73;position:absolute;inset:0}.preview-overlay,.round-play{z-index:1;position:relative}.preview-overlay{max-width:235px}.preview-overlay h3{color:#fff;margin-top:6px;font-size:22px;line-height:1.22}.preview-overlay p{color:#ffffffc7;margin-top:7px;font-size:12px}.round-play{width:40px;height:40px;color:var(--mn-navy);background:var(--mn-yellow);border-radius:50%;place-items:center;display:inline-grid;position:absolute;bottom:18px;right:18px}.spirit-mini-card{text-align:left;background:#ffcb572e;border:0;border-radius:20px;justify-content:space-between;align-items:center;width:100%;padding:18px;display:flex}.spirit-mini-card h3{margin-top:8px;font-size:17px}.spirit-mini-card p{color:var(--mn-muted);margin-top:3px;font-size:11px}.spirit-mini-card>svg{width:34px;height:34px;color:var(--mn-orange)}.page-header h1{font-size:29px}.icon-button{border:1px solid var(--mn-line);width:38px;height:38px;color:var(--mn-navy);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 5px 14px #382c200f}.accent-switch{border:1px solid var(--mn-line);background:#fff;border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:4px;display:grid}.accent-switch button{height:34px;color:var(--mn-muted);background:0 0;border:0;border-radius:10px;font-size:12px;font-weight:700}.accent-switch button.active{color:#fff;background:var(--mn-teal);box-shadow:0 4px 11px #02b3a638}.word-hero-card{min-height:270px;box-shadow:var(--mn-shadow);background:#fff;border-radius:26px 18px 30px 20px;position:relative;overflow:hidden}.word-bubble{z-index:1;color:#fff;background:var(--mn-teal);border-radius:44% 38% 42% 12%/30% 34% 45% 22%;width:228px;min-height:190px;padding:20px;position:absolute;top:18px;left:17px}.word-bubble>span:first-child{opacity:.82;font-size:10px;font-weight:700}.word-bubble .romanization{color:#ffffffdb!important}.word-bubble h2{color:#fff;margin-top:4px;font-size:29px}.word-bubble>p:last-of-type{opacity:.82;margin-top:3px;font-size:12px}.listen-button{color:var(--mn-teal);background:#fff;border:0;border-radius:999px;align-items:center;gap:6px;margin-top:13px;padding:8px 11px;font-size:10px;font-weight:750;display:inline-flex}.listen-button.playing{color:var(--mn-navy);background:var(--mn-yellow)}.word-hero-card>img{object-fit:cover;border-radius:60% 0 0;width:210px;height:210px;position:absolute;bottom:-22px;right:-28px}.practice-card{border:1px solid var(--mn-line);background:#fff;border-radius:22px;margin-top:16px;padding:18px}.practice-heading{justify-content:space-between;align-items:flex-start;display:flex}.practice-heading h3{margin-top:4px;font-size:18px}.record-dot{background:#d8d5d0;border-radius:50%;width:10px;height:10px;margin-top:4px}.record-dot.recording{background:var(--mn-orange);box-shadow:0 0 0 6px #ff5a361f}.waveform{justify-content:center;align-items:center;gap:5px;height:64px;margin:8px 0;display:flex}.waveform span{background:#02b3a66b;border-radius:99px;width:3px;max-height:24px;transition:max-height .18s,background .18s}.waveform.active span{background:var(--mn-teal);max-height:58px;animation:.8s ease-in-out infinite alternate voice-wave}.waveform.active span:nth-child(3n){animation-delay:-300ms}@keyframes voice-wave{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}.record-button,.primary-button{color:#fff;background:var(--mn-orange);width:100%;min-height:44px;box-shadow:0 8px 16px #ff5a3633}.record-button.stop{background:var(--mn-navy);box-shadow:none}.feedback-panel{color:#007d73;background:#02b3a617;border-radius:14px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;display:flex}.feedback-panel>svg{flex:none;width:20px;height:20px}.feedback-panel strong{color:var(--mn-navy);font-size:12px;display:block}.feedback-panel p{margin-top:2px;font-size:11px}.related-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.related-word-card{text-align:left;background:#fff;border:0;border-radius:18px 13px 18px 15px;min-height:118px;padding:14px 9px;box-shadow:0 6px 18px #352a1c0f}.related-word-card:nth-child(2){background:#ffcb5726}.related-word-card:nth-child(3){background:#02b3a617}.related-word-card strong{color:var(--mn-navy);font-size:17px;display:block}.related-word-card span{color:var(--mn-teal);margin-top:4px;font:10px Roboto,sans-serif;display:block}.related-word-card p{color:var(--mn-muted);margin-top:12px;font-size:10px}.voice-list{gap:8px;display:grid}.voice-row{border:1px solid var(--mn-line);text-align:left;min-height:58px;color:var(--mn-navy);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative}.voice-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.voice-avatar.orange{background:var(--mn-orange)}.voice-avatar.teal{background:var(--mn-teal)}.voice-avatar.yellow{color:var(--mn-navy);background:var(--mn-yellow)}.voice-meta{min-width:74px;display:grid}.voice-meta strong{font-size:12px}.voice-meta small{color:var(--mn-muted);margin-top:2px;font-size:9px}.mini-wave{color:var(--mn-teal);letter-spacing:-2px;margin-left:auto;font-size:10px}.editor-pick{color:#7c5100;background:var(--mn-yellow);border-radius:999px;padding:2px 6px;font-size:8px;font-weight:800;position:absolute;top:-6px;right:12px}.feature-story{color:#fff;background:var(--mn-navy);min-height:300px;box-shadow:var(--mn-shadow);border-radius:28px 19px 31px 21px;position:relative;overflow:hidden}.feature-story>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.feature-story:after{content:"";background:#0d223d75;position:absolute;inset:0}.feature-story-copy{z-index:1;position:absolute;bottom:20px;left:20px;right:20px}.feature-story-copy h2{color:#fff;max-width:280px;margin-top:6px;font-size:26px;line-height:1.2}.feature-story-copy p{color:#fffc;margin-top:8px;font-size:11px}.interview-section{margin-top:16px}.story-location{color:var(--mn-muted);align-items:center;gap:4px;margin-bottom:10px;font-size:10px;font-weight:650;display:inline-flex}.speech-stack{gap:9px;display:grid}.speech-card{border:1px solid var(--mn-line);text-align:left;width:100%;min-height:84px;color:var(--mn-navy);background:#fff;border-radius:22px 16px 22px 12px;align-items:center;gap:10px;padding:12px;transition:transform .16s,border-color .16s,background .16s;display:flex}.speech-card.active{background:#02b3a614;border-color:#02b3a65c;transform:translate(4px)}.speech-person{color:#fff;background:var(--mn-orange);border-radius:15px 15px 15px 5px;flex:none;place-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:grid}.speech-card:nth-child(2) .speech-person{background:var(--mn-teal)}.speech-card:nth-child(3) .speech-person{color:var(--mn-navy);background:var(--mn-yellow)}.speech-copy{gap:2px;min-width:0;display:grid}.speech-copy small{color:var(--mn-muted);font-size:9px}.speech-copy strong{font-size:14px}.speech-copy>span{color:var(--mn-muted);font-size:10px}.speech-play{color:#fff;background:var(--mn-navy);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.speech-card.active .speech-play{background:var(--mn-teal)}.topic-section{margin-top:24px}.topic-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.topic-card{border-radius:21px 15px 23px 18px;min-height:150px;padding:16px}.topic-card>span{font-size:10px;font-weight:750}.topic-card h3{margin-top:22px;font-size:17px;line-height:1.3}.topic-card p{margin-top:10px;font-size:9px}.teal-card{color:#fff;background:var(--mn-teal)}.teal-card h3{color:#fff}.teal-card p{color:#ffffffbf}.yellow-card{color:#765000;background:var(--mn-yellow)}.yellow-card p{color:#402b00a3}.spirit-header{align-items:center}.lock-badge{color:var(--mn-navy);border-color:var(--mn-line)}.spirit-hero{min-height:390px;box-shadow:var(--mn-shadow);background:#ffcb5733;border-radius:28px 19px 34px 22px;position:relative;overflow:hidden}.spirit-hero>img{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.spirit-hero.preview>img{transform:scale(1.035)}.spirit-message{background:#fff9f2ed;border:1px solid #ffffffa6;border-radius:18px 18px 18px 7px;padding:14px 16px;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 10px 24px #352a1c1a}.spirit-message p{color:var(--mn-navy);margin-top:4px;font-size:13px;font-weight:700}.activation-card{border:1px solid var(--mn-line);background:#fff;border-radius:23px;gap:12px;margin-top:16px;padding:22px;display:grid;position:relative}.activation-icon{width:36px;height:36px;color:var(--mn-orange);background:#ff5a361a;border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;right:20px}.activation-card h2{margin-top:4px;font-size:20px}.activation-card p{max-width:285px;color:var(--mn-muted);margin-top:5px;font-size:11px;line-height:1.55}.secondary-button{width:100%;min-height:42px;color:var(--mn-orange-deep);background:#fff;border:1px solid #ff5a3638}.benefit-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.benefit-grid article{text-align:center;background:#fff;border-radius:18px;place-items:center;min-height:112px;padding:14px 8px;display:grid;box-shadow:0 6px 18px #352a1c0f}.benefit-grid article svg{width:23px;height:23px;color:var(--mn-teal)}.benefit-grid article:nth-child(2) svg{color:var(--mn-orange)}.benefit-grid article:nth-child(3) svg{color:#e09a00}.benefit-grid strong{color:var(--mn-navy);font-size:11px}.benefit-grid span{color:var(--mn-muted);font-size:9px}.purchase-sheet{gap:12px;padding:4px 0 8px;display:grid}.purchase-step{background:var(--mn-cream);border-radius:15px;align-items:flex-start;gap:12px;padding:12px;display:flex}.purchase-step>span{color:#fff;background:var(--mn-teal);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid}.purchase-step p{color:var(--mn-muted);font-size:11px;line-height:1.45}.purchase-step strong{color:var(--mn-navy);font-size:12px;display:block}.profile-screen{padding-left:0;padding-right:0}.profile-header{color:#fff;background:var(--mn-navy);align-items:center;gap:16px;min-height:180px;margin-top:-58px;padding:68px 24px 26px;display:flex}.profile-avatar{width:68px;height:68px;color:var(--mn-navy);background:var(--mn-yellow);border:3px solid #fffc;border-radius:50%;flex:none;place-items:center;font-size:25px;font-weight:850;display:grid}.profile-header h1{color:#fff;margin-top:4px;font-size:26px}.profile-header p{color:#ffffffa8;margin-top:2px;font-size:11px}.profile-stats{box-shadow:var(--mn-shadow);background:#fff;border-radius:20px;grid-template-columns:repeat(3,1fr);margin:-14px 20px 0;padding:16px 8px;display:grid}.profile-stats article{text-align:center;gap:3px;display:grid}.profile-stats article+article{border-left:1px solid var(--mn-line)}.profile-stats strong{color:var(--mn-orange);font-size:21px}.profile-stats span{color:var(--mn-muted);font-size:9px}.profile-progress{background:#02b3a617;border-radius:20px;margin:18px 20px 0;padding:18px}.progress-title{color:var(--mn-navy);justify-content:space-between;font-size:11px;display:flex}.progress-track{background:#02b3a626;border-radius:999px;height:8px;margin-top:11px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--mn-teal);width:57%;height:100%;display:block}.profile-progress p{color:var(--mn-muted);margin-top:9px;font-size:10px}.menu-list{border:1px solid var(--mn-line);background:#fff;border-radius:20px;margin:18px 20px 0;overflow:hidden}.menu-row{text-align:left;width:100%;min-height:58px;color:var(--mn-navy);background:#fff;border:0;align-items:center;gap:10px;padding:0 14px;font-size:12px;font-weight:650;display:flex}.menu-row+.menu-row{border-top:1px solid var(--mn-line)}.menu-icon{width:32px;height:32px;color:var(--mn-teal);background:#02b3a617;border-radius:10px;place-items:center;display:grid}.menu-row small{color:var(--mn-muted);margin-left:auto;font-size:10px;font-weight:500}.menu-row>svg{color:#a5a19b;margin-left:2px}.last-section{margin-bottom:16px}.bottom-navigation{z-index:20;min-height:calc(66px + var(--mobile-safe-area-height));padding:8px 6px calc(5px + var(--mobile-safe-area-height));background:#fffdf9fa;border-top:1px solid #0d223d17;grid-template-columns:repeat(5,1fr);display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #352a1c0f}.nav-item{color:#8d8a85;background:0 0;border:0;border-radius:13px;align-content:center;place-items:center;gap:4px;min-width:0;padding:5px 0;font-size:8px;font-weight:650;display:grid}.nav-item.active,.nav-item.active svg{color:var(--mn-orange)}:is(.mobile-scroll-content:has(>.immersive-home),.mobile-scroll-content:has(>.immersive-spirit)){height:100%}.immersive-home,.immersive-spirit{isolation:isolate;height:100%;min-height:100%;color:var(--mn-navy);background:#f8eddd;position:relative;overflow:hidden}.scene-background,.spirit-scene-bg{z-index:-2;object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.immersive-home:after,.immersive-spirit:after{z-index:-1;content:"";pointer-events:none;position:absolute;inset:0}.immersive-home:after{background:linear-gradient(#fff9ec57 0%,#0000 34% 73%,#fff7e659 100%)}.spirit-title p{color:#b84828;letter-spacing:.17em;margin:0 0 2px;font-size:8px;font-weight:800}.spirit-title h1{color:var(--mn-navy);letter-spacing:-.08em;margin:0;font-family:STKaiti,KaiTi,Songti SC,serif;font-size:24px;font-weight:900}.daily-cast-meter{z-index:4;color:#17314aad;align-items:center;gap:7px;font-family:STKaiti,KaiTi,serif;font-size:9px;font-weight:800;display:flex;position:absolute;top:51px;right:18px}.daily-cast-meter>div{gap:3px;display:flex}.daily-cast-meter svg{width:9px;height:9px}.daily-cast-meter .available{color:#c95632}.daily-cast-meter .used{color:#17314a2e}.home-inscription{text-shadow:0 1px #fff9;width:min(72%,282px);position:absolute;top:128px;left:24px}.home-inscription span{color:#b84828;letter-spacing:.16em;font-family:STKaiti,KaiTi,serif;font-size:11px;font-weight:800}.home-inscription h2{color:#17314a;letter-spacing:-.08em;margin:6px 0 0;font-family:STKaiti,KaiTi,Songti SC,serif;font-size:clamp(27px,7.5vw,32px);font-weight:900;line-height:1.16}.home-inscription p{color:#17314ab8;margin:8px 0 0;font-family:STKaiti,KaiTi,serif;font-size:12px;font-weight:700}.bobei-model-stage{z-index:2;width:min(75vw,292px);height:318px;color:var(--mn-navy);background:0 0;border:0;padding:0;position:absolute;top:280px;left:50%;transform:translate(-50%)}.bobei-model-stage:disabled{opacity:1}:is(.app-screen:has(.immersive-home.casting)+.bottom-navigation,.app-screen:has(.immersive-home.answering)+.bottom-navigation){opacity:.58;pointer-events:none}.bobei-animation-rig,.bobei-ready-pair,.bobei-ready-piece,.bobei-landed-result{position:absolute;inset:0}.bobei-animation-rig{pointer-events:none;transform-origin:50% 65%}.bobei-ready-pair{transition:opacity .18s}.bobei-ready-piece,.bobei-landed-result{object-fit:contain;filter:drop-shadow(0 20px 16px #5a26113b);width:100%;height:100%}.bobei-ready-piece.left{clip-path:inset(0 50% 0 0);transform:rotate(-2deg)}.bobei-ready-piece.right{clip-path:inset(0 0 0 50%);transform:rotate(-2deg)}.bobei-landed-result{opacity:0;transform:scale(.88)rotate(-5deg)}.bobei-model-stage:active:not(:disabled) .bobei-animation-rig{transform:translateY(6px)scale(.97)}.casting .bobei-animation-rig{animation:1.62s cubic-bezier(.18,.72,.26,1) both bobei-flight}.casting .bobei-ready-piece.left{animation:1.62s ease-in-out both close-left}.casting .bobei-ready-piece.right{animation:1.62s ease-in-out both close-right}.casting .bobei-landed-result{animation:1.62s ease-in-out both reveal-result}.answering .bobei-ready-pair,.result .bobei-ready-pair{opacity:0}.answering .bobei-landed-result,.result .bobei-landed-result{opacity:1;transform:translateY(10px)rotate(1deg)scale(1.02)}.gesture-cue{color:#70432c;letter-spacing:.12em;text-align:center;text-shadow:0 1px 3px #fff8e8;font-family:STKaiti,KaiTi,serif;font-size:11px;font-weight:800;position:absolute;bottom:9px;left:0;right:0}.question-area{z-index:3;right:32px;bottom:calc(92px + var(--mobile-safe-area-height));position:absolute;left:32px}.question-scroll{background:#fff9ebe3;border:1px solid #6f432c33;border-radius:4px 13px 5px 10px;grid-template-columns:62px 1fr;align-items:center;min-height:58px;padding:5px 14px;display:grid;transform:rotate(-.5deg);box-shadow:0 8px 20px #402a1817}.question-scroll>span{color:#b84828;font-family:STKaiti,KaiTi,serif;font-size:11px;font-weight:900}.question-scroll textarea{resize:none;width:100%;height:45px;min-height:45px;color:var(--mn-navy);background:0 0;border:0;border-left:1px solid #6f432c29;outline:0;padding:13px 0 8px 11px;font-size:12px;line-height:1.4}.question-scroll textarea::placeholder{color:#4540398a}.question-scroll textarea:disabled{opacity:.62}.question-validation{color:#a63c24;text-align:center;margin:7px 8px 0;font-size:9px;font-weight:750;line-height:1.35}.answer-scroll{z-index:4;right:26px;bottom:calc(88px + var(--mobile-safe-area-height));background:#fff9ebf0;border:1px solid #6f432c33;border-radius:5px 15px 7px 12px;min-height:106px;padding:13px 15px 14px;position:absolute;left:26px;transform:rotate(-.35deg);box-shadow:0 9px 22px #402a181c}.answer-heading{border-bottom:1px solid #6f432c21;align-items:center;gap:8px;padding-bottom:7px;display:flex}.answer-heading span{color:#b84828;flex:none;font-family:STKaiti,KaiTi,serif;font-size:10px;font-weight:900}.answer-heading small{color:#17314a8c;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;overflow:hidden}.answer-scroll>p{color:#17314a;margin:8px 0 0;font-family:STKaiti,KaiTi,serif;font-size:11px;font-weight:750;line-height:1.55}.culture-note{right:26px;bottom:calc(78px + var(--mobile-safe-area-height));color:#232e348a;text-align:center;margin:0;font-size:8px;position:absolute;left:26px;transform:translateY(62px)}@keyframes bobei-flight{0%,16%{transform:translateY(0)rotate(0)scale(1)}46%{transform:translateY(-102px)rotate(10deg)scale(.8)}72%{transform:translateY(-35px)rotate(-8deg)scale(.9)}88%{transform:translateY(15px)rotate(3deg)scale(1.04)}to{transform:translateY(10px)rotate(1deg)scale(1.02)}}@keyframes close-left{0%{opacity:1;transform:translate(0)rotate(-2deg)}18%{opacity:1;transform:translate(34px)rotate(11deg)}48%{opacity:1;transform:translate(34px)rotate(110deg)}57%,to{opacity:0;transform:translate(34px)rotate(170deg)}}@keyframes close-right{0%{opacity:1;transform:translate(0)rotate(-2deg)}18%{opacity:1;transform:translate(-34px)rotate(-11deg)}48%{opacity:1;transform:translate(-34px)rotate(-110deg)}57%,to{opacity:0;transform:translate(-34px)rotate(-170deg)}}@keyframes reveal-result{0%,50%{opacity:0;transform:scale(.82)rotate(-14deg)}56%{opacity:1;transform:scale(.86)rotate(8deg)}88%{opacity:1;transform:scale(1.04)rotate(-2deg)}to{opacity:1;transform:translateY(10px)scale(1.02)rotate(1deg)}}.immersive-spirit:after{background:linear-gradient(#fff9ec38,#0000 30% 75%,#fbf4e133)}.spirit-title{z-index:2;position:absolute;top:45px;left:22px}.spirit-title p{color:#058e83}.spirit-title h1{font-size:28px}.spirit-title>span{color:#0d223da6;margin-top:5px;font-family:STKaiti,KaiTi,serif;font-size:11px;font-weight:700;display:block}.activation-tag{z-index:4;color:#7d4c31;background:#fff6dee8;border:1px solid #5a3f232b;border-right:0;border-radius:17px 0 0 17px;align-items:center;gap:5px;min-height:42px;padding:0 13px 0 11px;font-family:STKaiti,KaiTi,serif;font-size:10px;font-weight:800;display:flex;position:absolute;top:53px;right:-3px;box-shadow:0 5px 13px #432a1814}.activation-tag svg{width:13px;height:13px}.spirit-video-stage{z-index:2;pointer-events:none;width:min(84vw,330px);height:430px;position:absolute;top:230px;left:50%;transform:translate(-50%)}.spirit-video-stage img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 15px #2243392e);width:100%;height:100%;animation:4.2s ease-in-out infinite spirit-breathe}@keyframes spirit-breathe{0%,to{transform:translateY(0)rotate(-.3deg)}50%{transform:translateY(-7px)rotate(.5deg)}}.environment-hotspot{z-index:3;color:#163a45;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffbeebd;border:0;align-items:center;gap:4px;min-height:32px;padding:5px 7px;font-family:STKaiti,KaiTi,serif;font-size:10px;font-weight:900;display:flex;position:absolute;box-shadow:0 3px 10px #24403914}.environment-hotspot i{background:var(--mn-orange);border:1px solid #fff9e8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #ff5a362e}.environment-hotspot.clothes{border-radius:4px 12px 9px 10px;top:191px;left:18px}.environment-hotspot.tea{border-radius:10px 5px 11px 7px;top:418px;left:24px}.environment-hotspot.garden{border-radius:8px 12px 5px 10px;top:292px;right:17px}.environment-hotspot.story{border-radius:10px 4px 9px 12px;top:174px;right:28px}.spirit-speech{z-index:4;right:24px;bottom:calc(106px + var(--mobile-safe-area-height));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fffbede8;border:1px solid #02b3a640;border-radius:19px 19px 19px 5px;grid-template-columns:46px 1fr 30px;align-items:center;min-height:62px;padding:10px 11px 10px 14px;display:grid;position:absolute;left:24px;box-shadow:0 9px 22px #1d43391f}.spirit-speech>span{color:#058e83;font-family:STKaiti,KaiTi,serif;font-size:11px;font-weight:900}.spirit-speech p{color:var(--mn-navy);margin:0;font-family:STKaiti,KaiTi,serif;font-size:12px;font-weight:800}.spirit-speech button{color:#fff;background:var(--mn-teal);border:0;border-radius:50%;place-items:center;width:29px;height:29px;padding:0;display:grid}.spirit-preview-note{z-index:3;right:24px;bottom:calc(92px + var(--mobile-safe-area-height));color:#0d223d8c;text-align:center;margin:0;font-size:8px;position:absolute;left:24px}.bottom-navigation{min-height:calc(70px + var(--mobile-safe-area-height));padding:7px 5px calc(5px + var(--mobile-safe-area-height));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffbf1f0;border-top-color:#65472b1a;box-shadow:0 -7px 22px #4634200d}.nav-item{color:#6f716e;border-radius:0;gap:3px;font-size:8px}.nav-item svg{width:18px;height:18px}.nav-item.active{color:var(--mn-orange-deep);font-weight:800}.nav-item.active:after{background:var(--mn-orange);content:"";border-radius:99px;width:15px;height:2px}.today-screen,.today-detail,.speed-screen{background:radial-gradient(circle at 92% 8%, #ffcb572b, transparent 27%), var(--mn-cream)}.today-header,.speed-header,.detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.today-header h1,.speed-header h1{font-size:31px}.today-header>div>p:last-child,.speed-header>div>p:last-child{color:var(--mn-muted);margin-top:4px;font-size:12px}.streak-pill{min-height:34px;color:var(--mn-orange-deep);background:#ffffffd6;border:1px solid #ff5a361f;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.daily-feature{text-align:left;color:#fff;background:#48afa5;border:0;border-radius:35% 21% 31% 17%/18% 29% 16% 23%;width:100%;min-height:282px;padding:0;position:relative;overflow:hidden;box-shadow:0 18px 32px #1e6e6730}.daily-feature:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 14%,#ffffff30,#0000 26%),linear-gradient(145deg,#00746b14,#0000 55%);position:absolute;inset:0}.daily-feature-copy{z-index:2;width:66%;padding:33px 0 28px 26px;position:relative}.daily-feature-copy>span:first-child{color:#ffffffc7;letter-spacing:.05em;font-size:9px;font-weight:750}.daily-feature-copy>p{color:#fffc;margin-top:20px;font:12px Roboto,sans-serif}.daily-feature-copy h2{color:#fff;letter-spacing:-.08em;margin-top:4px;font-family:STKaiti,KaiTi,Songti SC,serif;font-size:37px}.daily-feature-copy strong{opacity:.86;margin-top:2px;font-size:12px;font-weight:650;display:block}.feature-more{align-items:center;gap:2px;margin-top:28px;font-size:10px;font-weight:800;display:inline-flex}.daily-feature>img{z-index:1;object-fit:cover;object-position:52% center;filter:drop-shadow(-10px 12px 14px #0049441f);width:215px;height:215px;position:absolute;bottom:-20px;right:-34px}.daily-listen{text-align:left;width:calc(100% - 18px);min-height:66px;color:var(--mn-navy);background:#fffffff2;border:1px solid #0d223d14;border-radius:8px 20px 14px 19px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;margin:-5px 9px 0;padding:9px 14px;display:grid;box-shadow:0 9px 22px #352a1c14}.daily-listen>span:first-child{color:#fff;background:var(--mn-orange);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.daily-listen>span:nth-child(2){gap:2px;display:grid}.daily-listen small{color:var(--mn-muted);font-size:9px}.daily-listen strong{font-size:12px}.daily-listen i{color:var(--mn-teal);letter-spacing:-2px;font-size:9px}.daily-listen.playing i{animation:.65s ease-in-out infinite alternate voice-wave}.daily-practice-card{border:1px solid var(--mn-line);background:#ffffffeb;border-radius:25px 18px 27px 14px;margin-top:18px;padding:17px}.daily-practice-card .waveform{height:48px;margin:5px 0}.daily-practice-card .waveform span{max-height:20px}.daily-practice-card .waveform.active span{max-height:44px}.practice-actions{grid-template-columns:1fr auto;gap:8px;display:grid}.practice-actions .record-button{padding:0 14px}.publish-button{color:#007c73;background:#02b3a617;border:1px solid #02b3a640;border-radius:14px;min-width:98px;font-size:11px;font-weight:800}.safety-note{color:#8a8781;justify-content:center;align-items:center;gap:4px;font-size:8px;display:flex;margin-top:10px!important}.safety-note svg{width:10px;height:10px}.review-status{color:#007c73;background:#02b3a617;border-radius:15px 15px 15px 6px;align-items:flex-start;gap:10px;padding:13px;display:flex}.review-status>svg{flex:none;width:20px;height:20px}.review-status strong{color:var(--mn-navy);font-size:12px;display:block}.review-status p{color:var(--mn-muted);margin-top:3px;font-size:9px;line-height:1.45}.today-screen .voice-list{gap:10px}.today-screen .voice-row{background:#02b3a617;border:0;border-radius:22px 12px 24px 9px;min-height:64px}.today-screen .voice-row:nth-child(2){background:#ffcb5733;border-radius:12px 25px 9px 22px;margin-left:14px}.today-screen .voice-row:nth-child(3){background:#ff5a3614;border-radius:26px 10px 18px 12px;margin-right:10px}.today-screen .voice-row:nth-child(4){background:#02b3a614;border-radius:11px 22px 18px 27px;margin-left:7px}.today-screen .voice-row:nth-child(5){background:#ffcb572b;border-radius:24px 17px 10px 21px;margin-right:16px}.today-screen .voice-row.active{box-shadow:inset 0 0 0 1px #02b3a64d,0 7px 18px #352a1c0f}.detail-header{align-items:center;margin-bottom:18px}.detail-header>span{color:var(--mn-navy);font-size:13px;font-weight:800}.detail-header .icon-button.playing{color:#fff;background:var(--mn-teal)}.detail-word-hero{color:#fff;background:#48afa5;border-radius:28% 15% 24% 12%/18% 26% 14% 22%;padding:28px 23px 24px;box-shadow:0 15px 28px #1e6e6729}.detail-word-hero>span{opacity:.78;font-size:9px}.detail-word-hero>p{opacity:.82;margin-top:18px;font:12px Roboto,sans-serif}.detail-word-hero h1{color:#fff;margin-top:2px;font:900 40px STKaiti,KaiTi,serif}.detail-audio-button{color:#007c73;background:#fff;border:0;border-radius:999px;align-items:center;gap:6px;min-height:36px;margin-top:17px;padding:0 13px;font-size:10px;font-weight:800;display:inline-flex}.meaning-card,.story-card{border:1px solid var(--mn-line);background:#fff;border-radius:20px 13px 22px 15px;grid-template-columns:34px 1fr;gap:11px;margin-top:15px;padding:18px;display:grid}.story-card{background:#ffcb5721}.detail-number{color:var(--mn-orange);font:800 10px Roboto,sans-serif}.meaning-card small,.story-card small,.usage-card small{color:var(--mn-teal);font-size:9px;font-weight:800}.meaning-card h2,.story-card h2{margin-top:5px;font-size:18px}.meaning-card p,.story-card p{color:var(--mn-muted);margin-top:7px;font-size:11px;line-height:1.65}.usage-card{color:#fff;background:var(--mn-navy);border-radius:12px 23px 15px 22px;margin-top:15px;padding:17px 54px 17px 18px;position:relative}.usage-card p{margin-top:7px;font-size:14px;font-weight:800}.usage-card>span{color:#ffffffa3;margin-top:4px;font-size:9px;display:block}.usage-card button{width:34px;height:34px;color:var(--mn-navy);background:var(--mn-yellow);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.detail-source{color:#99958f;text-align:center;font-size:8px;margin:14px 0 8px!important}.speed-count{color:var(--mn-orange);font:900 24px Roboto,sans-serif}.speed-count small{color:#a19d96;font-size:11px}.speed-progress{background:#0d223d14;border-radius:999px;height:6px;margin:-7px 0 22px;overflow:hidden}.speed-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--mn-orange), var(--mn-yellow));height:100%;transition:width .22s;display:block}.flash-card{text-align:left;color:#fff;background:radial-gradient(circle at 85% 12%,#ffffff24,#0000 24%),#0fa79d;border:0;border-radius:31px 20px 34px 16px;width:100%;min-height:430px;padding:26px;transition:transform .18s,background .24s;display:block;position:relative;overflow:hidden;box-shadow:0 21px 35px #0a5f5930}.flash-card:active{transform:scale(.985)rotate(-.4deg)}.flash-card.revealed{background:radial-gradient(circle at 12% 88%, #ffcb5733, transparent 30%), var(--mn-navy)}.flash-card:after{content:"";border:1px solid #ffffff1a;border-radius:44% 56% 38% 62%;width:230px;height:230px;position:absolute;bottom:-72px;right:-64px}.card-order{opacity:.65;font:900 12px Roboto,sans-serif}.card-category{float:right;color:var(--mn-navy);background:var(--mn-yellow);border-radius:999px;padding:5px 9px;font-size:8px;font-weight:850}.flash-word{text-align:center;position:absolute;top:118px;left:24px;right:24px}.flash-word p{color:#ffffffb8;font:13px Roboto,sans-serif}.flash-word h2{color:#fff;letter-spacing:-.07em;margin-top:8px;font:900 43px STKaiti,KaiTi,serif}.flash-answer{border-top:1px solid #ffffff26;padding-top:17px;position:absolute;bottom:62px;left:25px;right:25px}.flash-answer strong{font-size:15px}.flash-answer p{margin-top:13px;font-family:STKaiti,KaiTi,serif;font-size:14px;font-weight:800}.flash-answer small{color:#ffffff94;margin-top:4px;font-size:9px;display:block}.flip-hint{color:#ffffffa6;text-align:center;font-size:10px;font-weight:700;position:absolute;bottom:28px;left:0;right:0}.speed-audio{color:#007c73;background:#fff;border:1px solid #02b3a633;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:42px;margin:14px auto 0;padding:0 18px;font-size:11px;font-weight:800;display:flex}.speed-audio.playing{color:#fff;background:var(--mn-teal)}.speed-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.speed-actions button{border-radius:17px;justify-content:center;align-items:center;gap:8px;min-height:58px;font-weight:800;display:flex}.speed-actions button>span{text-align:left;gap:1px;font-size:12px;display:grid}.speed-actions small{opacity:.62;font-size:8px;font-weight:600}.review-button{border:1px solid var(--mn-line);color:var(--mn-navy);background:#fff}.know-button{color:#fff;background:var(--mn-orange);border:0;box-shadow:0 9px 18px #ff5a362b}.speed-tip{background:#ffcb5729;border-radius:16px 8px 18px 12px;margin-top:18px;padding:15px 16px}.speed-tip span{color:#9a6700;font-size:9px;font-weight:850}.speed-tip p{color:var(--mn-muted);margin-top:4px;font-size:10px;line-height:1.5}.speed-finished{text-align:center;color:#fff;background:var(--mn-navy);border-radius:31px 20px 34px 16px;min-height:430px;padding:62px 25px 28px;box-shadow:0 21px 35px #0d223d2b}.finish-mark{width:60px;height:60px;color:var(--mn-navy);background:var(--mn-yellow);border-radius:50%;place-items:center;margin:0 auto 23px;display:grid}.finish-mark svg{width:28px;height:28px}.speed-finished>p{color:#ffffff9e;font-size:10px}.speed-finished h2{color:#fff;max-width:260px;margin:9px auto 0;font-size:24px;line-height:1.25}.finish-stats{background:#ffffff1f;border-radius:15px;grid-template-columns:1fr 1fr;gap:1px;margin-top:36px;display:grid;overflow:hidden}.finish-stats span{color:#ffffff9e;background:#ffffff0d;gap:3px;padding:16px;font-size:9px;display:grid}.finish-stats strong{color:#fff;font-size:23px}.restart-button{width:100%;min-height:46px;color:var(--mn-navy);background:var(--mn-yellow);border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:11px;font-weight:850;display:flex}@media (height>=900px){.bobei-model-stage{height:340px;top:318px}.home-inscription{top:148px}.spirit-video-stage{height:470px;top:270px}.environment-hotspot.clothes{top:225px}.environment-hotspot.tea{top:475px}.environment-hotspot.garden{top:335px}.environment-hotspot.story{top:205px}}@media (width<=370px){.screen-content{padding-left:16px;padding-right:16px}.bobei-copy h2{font-size:24px}.word-bubble{width:210px}.related-grid{gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}