@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/comic-neue-latin-700-normal-NE4Vcoll.woff2)format("woff2"),url(/assets/comic-neue-latin-700-normal-yR9qu__P.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#1d1b18;--ink-soft:#55514a;--ink-faint:#77726a;--line:#1d1b18;--line-soft:#dcd7cd;--line-rule:#1d1b1829;--paper:#faf7f1;--card:#fff;--hl:#fde68a;--hl-soft:#fff6d3;--hl-edge:#e4c04f;--rp:#f59a3c;--rp-ink:#8f4a0b;--rp-soft:#fdeedc;--rp-bubble:#fdd5a8;--rp-shadow:#fbc283;--rp-edge:#e7ae76;--qa:#7fa6d3;--qa-ink:#2c5d91;--qa-soft:#e3ecf8;--qa-edge:#a9bfdc;--header-h:64px;--font-body:"Nunito Variable", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Roboto, "Helvetica Neue", Arial, sans-serif;--font-hand:"Comic Neue", "Nunito Variable", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;font-family:var(--font-body);color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.37}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--paper);color:var(--ink)}.hl{background:linear-gradient(transparent 52%, var(--hl) 52%, var(--hl) 92%, transparent 92%);padding:0 2px}#root{text-align:left;max-width:none;padding:0}.app{flex-direction:column;height:100dvh;display:flex}.site-header{z-index:10;height:calc(var(--header-h,64px) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 14px 0;background:var(--paper);color:var(--ink);border-bottom:2px solid #0000;justify-content:space-between;align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0;right:0}.site-header.with-line{border-bottom-color:var(--line-rule)}.brand-home{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:0;padding:6px 0}.brand-home:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.brand-name{letter-spacing:-.005em;align-items:center;gap:.35em;min-width:0;font-size:1.25rem;font-weight:800;display:flex}.brand-emoji{flex:none}.brand-house{color:var(--ink);align-items:center;display:inline-flex}.brand-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.brand-by{font-size:.72em;font-family:var(--font-hand);letter-spacing:.01em;color:var(--ink-soft);margin-left:8px;font-weight:700}.chat-area{min-height:0;padding-top:calc(var(--header-h,64px) + env(safe-area-inset-top,0px));flex-direction:column;flex:1;display:flex}.chat-slot{flex-direction:column;flex:1;width:100%;max-width:900px;min-height:0;margin:0 auto;display:flex}.chat-frame{background:#fff;border:0;flex:1;width:100%}@media (width>=720px){.site-header{padding-left:28px;padding-right:28px}.brand-name{font-size:1.4rem}}@media (width<=479px){.brand-text{line-height:1.15}.brand-by{margin:1px 0 0;font-size:.68em;display:block}}@media (width<=400px){.brand-name{font-size:1.15rem}}.chat.mode-qa{--mode-dot:var(--qa);--mode-ink:var(--qa-ink);--mode-soft:var(--qa-soft);--send-bg:var(--card);--send-ink:var(--qa-ink)}.chat.mode-rp{--mode-dot:var(--rp);--mode-ink:var(--rp-ink);--mode-soft:var(--rp-bubble);--send-bg:var(--rp-bubble);--send-ink:var(--ink)}.chat{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.messages{flex-direction:column;flex:1;gap:14px;padding:22px 16px 14px;display:flex;overflow-y:auto}.mode-switcher{flex:none;position:relative}.mode-pill{border:2px solid var(--line);background:var(--card);min-height:42px;color:var(--ink);box-shadow:3px 3px 0 var(--line);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 12px 0 14px;font-size:.98rem;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.mode-dot{border-radius:50%;flex:none;width:10px;height:10px}.mode-pill.rp .mode-dot{background:var(--rp)}.mode-pill.qa .mode-dot{background:var(--qa)}.mode-pill:active:not(:disabled){box-shadow:1px 1px 0 var(--line);transform:translate(2px,2px)}.mode-pill.pulse{transform-origin:85%;animation:2.47s ease-in-out mode-heartbeat}@keyframes mode-heartbeat{0%{transform:scale(1)}7%{transform:scale(1.2)}17.48%{transform:scale(1)}24.47%{transform:scale(1.2)}37.86%,62.14%{transform:scale(1)}69.13%{transform:scale(1.2)}79.61%{transform:scale(1)}86.6%{transform:scale(1.2)}to{transform:scale(1)}}.mode-pill:disabled{opacity:.6;cursor:default}.mode-pill:focus-visible{outline:2px solid var(--qa-ink);outline-offset:3px}.mode-menu{z-index:20;border:2px solid var(--line);background:var(--card);width:min(290px,100vw - 28px);box-shadow:4px 4px 0 var(--line);border-radius:14px;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.mode-option{width:100%;min-height:58px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;display:flex}.mode-option:hover,.mode-option:focus-visible{background:#f4f1ea;outline:none}.mode-option.current.qa{background:var(--qa-soft)}.mode-option.current.rp{background:var(--rp-soft)}.mode-option-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.mode-option.qa .mode-option-icon{background:var(--qa-soft);color:var(--qa-ink)}.mode-option.rp .mode-option-icon{background:var(--rp);color:var(--ink)}.mode-option-text{flex-direction:column;flex:1;line-height:1.3;display:flex}.mode-option-label{font-weight:800}.mode-option .zh{color:var(--ink);margin-left:6px;font-size:.85rem;font-weight:700}.mode-option-hint{color:var(--ink-soft);font-size:.9rem}.mode-about{border:0;border-top:1px solid var(--line-soft);width:100%;font:inherit;color:var(--ink-soft);text-align:center;cursor:pointer;background:0 0;border-radius:0 0 10px 10px;margin-top:2px;padding:10px 12px;font-size:.95rem;font-weight:700}.mode-about:hover,.mode-about:focus-visible{background:#f4f1ea;outline:none}.mode-check{color:var(--ink);flex:none}.mode-option:not(.current) .mode-check{visibility:hidden}.start{flex-direction:column;align-self:center;gap:12px;width:100%;max-width:40rem;display:flex}.start.intro{flex:1 0 auto}.start h1{letter-spacing:-.01em;color:var(--ink);margin:4px 0 0;font-size:1.85rem;font-weight:800;line-height:1.2}.start-sub{color:var(--ink-soft);margin:0 0 6px}.start-label{font-family:var(--font-hand);color:var(--mode-ink);margin:8px 0 0;font-size:1.1rem;font-weight:700}.start-foot{text-align:center;font-family:var(--font-hand);color:var(--ink-soft);margin:auto 0 0;padding-top:18px;font-size:1.02rem;font-weight:700}.trial-note{background:var(--hl-soft);color:var(--ink);border-radius:10px;margin:0;padding:8px 12px;font-size:.95rem;font-weight:700}.avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:23px;line-height:1;display:flex}.avatar.big{width:54px;height:54px;font-size:30px}.avatar.hero,.scene-card>.avatar{display:none}.mode-card{border:2px solid var(--line-soft);background:var(--card);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;gap:8px;padding:18px;transition:transform 80ms,box-shadow 80ms;display:flex}.mode-card.rp{border-color:var(--line);background:var(--rp-soft);box-shadow:5px 5px 0 var(--line);padding:20px 20px 22px}.mode-card.rp .avatar.big{background:var(--rp);border:2px solid var(--line);color:var(--ink)}.mode-card.qa .avatar.big{background:var(--qa-soft);width:48px;height:48px;color:var(--qa-ink)}.mode-card.rp:active{box-shadow:2px 2px 0 var(--line);transform:translate(3px,3px)}.mode-card.qa:hover{border-color:#c7c0b3}.mode-card-head{align-items:center;gap:14px;display:flex}.mode-card-titles{flex-direction:column;display:flex}.mode-card-title{font-size:1.3rem;font-weight:800;line-height:1.25}.mode-card.qa .mode-card-title{font-size:1.12rem}.mode-card-kicker{letter-spacing:.05em;font-size:.82rem;font-weight:800}.mode-card-kicker .zh{letter-spacing:0;margin-left:8px;font-size:.95rem;font-weight:700}.mode-card.qa .mode-card-kicker{color:var(--qa-ink)}.mode-card.rp .mode-card-kicker{color:var(--rp-ink)}.mode-card-body{color:var(--ink-soft)}.mode-card.rp .mode-card-body{color:var(--ink)}.mode-card-example{color:var(--ink-soft);font-size:.95rem;font-style:italic}.starter{background:var(--card);width:100%;min-height:56px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;font-size:1.02rem;font-weight:700;display:flex;box-shadow:0 1px 3px #2820141a,0 0 0 1px #2820140a}.starter-arrow{color:var(--qa-ink);font-size:1.3rem}.starter:hover:not(:disabled){box-shadow:0 3px 10px #2820141f,0 0 0 1px #2c5d9140}.scene-card{border:2px solid var(--line);background:var(--card);width:100%;color:var(--ink);box-shadow:4px 4px 0 var(--rp-shadow);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:flex-start;margin-bottom:4px;padding:16px 18px;transition:transform 80ms,box-shadow 80ms;display:flex}.scene-card:active:not(:disabled){box-shadow:2px 2px 0 var(--rp-shadow);transform:translate(2px,2px)}.scene-card-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.scene-card-title{justify-content:space-between;align-items:flex-start;gap:10px;font-size:1.15rem;font-weight:800;line-height:1.3;display:flex}.difficulty{color:var(--ink-soft);white-space:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:7px;font-size:.85rem;font-weight:700;display:inline-flex}.scene-card-title .difficulty{height:1.495rem}.dots{gap:3px;display:inline-flex}.dots i{border:2px solid var(--rp);border-radius:50%;width:10px;height:10px}.difficulty.easy .dots i:nth-child(-n+1),.difficulty.medium .dots i:nth-child(-n+2),.difficulty.hard .dots i{background:var(--rp)}.scene-card-summary{color:var(--ink-soft);font-size:.98rem}.starter:disabled,.scene-card:disabled{opacity:.55;cursor:default}.mode-card:focus-visible,.starter:focus-visible,.scene-card:focus-visible{outline:2px solid var(--qa-ink);outline-offset:3px}.chat.screen-intro .messages,.chat.screen-home .messages{scrollbar-width:none}.chat.screen-intro .messages::-webkit-scrollbar{display:none}.chat.screen-home .messages::-webkit-scrollbar{display:none}@media (width<=719px) and (height<=760px){.chat.screen-intro .messages,.chat.screen-home .messages{gap:8px;padding-top:12px;padding-bottom:8px}.start{gap:9px}.start h1{margin-top:0;font-size:1.5rem}.start-sub{margin-bottom:0;font-size:.95rem;line-height:1.3}.start-label{margin-top:0}.trial-note{padding:5px 12px}.starter{min-height:48px;padding:10px 16px}.mode-card{gap:6px;padding:12px 16px}.mode-card.rp{padding:14px 16px 15px}.mode-card.rp .avatar.big{width:46px;height:46px}.mode-card.qa .avatar.big{width:40px;height:40px}.mode-card-title{font-size:1.18rem}.mode-card-body,.mode-card-example{font-size:.95rem;line-height:1.3}.mode-card.qa .mode-card-body,.mode-card.qa .mode-card-example{display:inline}.mode-card.qa{display:block}.mode-card.qa .mode-card-head{margin-bottom:6px}.mode-card.qa .mode-card-example{margin-left:4px}.start-foot{padding-top:6px;font-size:.9rem}.scene-card{margin-bottom:2px;padding:11px 14px}.scene-card-title{font-size:1.06rem}.scene-card-title .difficulty{height:1.378rem}.difficulty{gap:6px;font-size:.82rem}.scene-card-summary{font-size:.93rem;line-height:1.25}.chat.mode-rp.screen-home .composer{margin-bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:6px;padding:8px 12px 11px}.chat.mode-rp.screen-home .composer-top{min-height:0}.composer{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}}.bubble{border:2px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;max-width:85%;padding:12px 16px;font-size:1.02rem;line-height:1.42;position:relative}.bubble.user{background:var(--mode-soft);color:var(--ink);border-bottom-right-radius:4px;align-self:flex-end}.bubble.user.qa{background:var(--qa-soft);border-color:var(--qa-edge)}.bubble.user.rp{background:var(--rp-bubble);border-color:var(--rp-edge)}.bubble.assistant{background:var(--card);color:var(--ink);border-bottom-left-radius:4px;align-self:flex-start;margin-top:1.5rem}.who{font-family:var(--font-hand);white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.2;display:block;position:absolute;bottom:calc(100% + 4px);left:2px}.who svg{display:none}.who.qa{color:var(--qa-ink)}.who.rp{color:var(--ink)}.bubble strong{font-weight:800}.hints{border-bottom-right-radius:12px;border-bottom-left-radius:2px;margin:10px -16px -12px;position:relative;overflow:hidden}.hints.first{border-top-left-radius:12px;border-top-right-radius:12px;margin-top:-12px}.hint{background:var(--hl-soft);border-top:1.5px dashed var(--hl-edge);color:var(--ink-soft);white-space:normal;align-items:flex-start;gap:8px;padding:8px 16px 9px;font-size:.92rem;line-height:1.35;display:flex}.hints.first .hint:first-child{border-top:0}.hint-text{flex:1;min-width:0}.hints.collapsed:after{content:"";background:var(--hl-soft);height:9px;position:absolute;bottom:0;left:0;right:0}.hint-toggle{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.hint-toggle.more{background:linear-gradient(to right, transparent, var(--hl-soft) 1.6em);align-items:center;padding-left:2.2em;display:flex;position:absolute;right:16px}.hint-toggle.hide{margin-left:6px}.hint-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px}.hint b{color:var(--ink);font-weight:800}.hint-icon{color:#9a7600;flex-shrink:0;margin-top:1px}.video-link{color:var(--qa-ink);text-decoration:underline;-webkit-text-decoration-color:var(--hl-edge);text-decoration-color:var(--hl-edge);text-underline-offset:3px;overflow-wrap:anywhere;font-weight:700;text-decoration-thickness:2px}.video-link:hover{color:#1d426b}.video-link:focus-visible{outline:2px solid var(--qa-ink);outline-offset:2px;border-radius:2px}.bubble.typing{border-style:dashed;border-color:var(--line-soft);color:var(--ink-faint);margin-top:0;font-style:italic}.marker{align-items:center;gap:10px;margin:6px 0;display:flex}.marker-line{border-top:2px dashed var(--line-soft);flex:1;height:0}.marker-text{text-align:center;flex-direction:column;align-items:center;display:flex}.marker-title{letter-spacing:.04em;font-size:.85rem;font-weight:800}.marker.rp .marker-title{color:var(--rp-ink)}.marker.qa .marker-title{color:var(--qa-ink)}.marker-sub{color:var(--ink-soft);font-size:.92rem}.marker.scene{border:2px solid var(--line-soft);background:var(--card);border-radius:14px;margin:0 0 4px;padding:12px 16px}.marker.scene .marker-line{display:none}.marker.scene .scene-avatar{width:36px;height:36px;font-size:20px}.marker.scene .marker-text{text-align:left;align-items:flex-start;gap:2px}.error-banner{color:#7d2318;background:#fdecea;border:2px solid #c94a3a;border-radius:12px;margin:0 16px 10px;padding:10px 14px;font-size:.98rem;font-weight:600}.composer{padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:2px solid #0000;flex-direction:column;flex:none;gap:8px;display:flex;position:sticky;bottom:0}.chat.has-thread .composer{border-top-color:var(--line-rule)}.chat.mode-rp.screen-home .composer{margin:0 16px calc(14px + env(safe-area-inset-bottom,0px));border:2px dashed var(--hl-edge);background:var(--hl-soft);border-radius:14px;padding:12px 14px 14px}.chat.mode-rp.screen-home .composer-hint{font-family:var(--font-hand);color:var(--ink);font-size:1.1rem;font-weight:700}.composer-top{align-items:center;min-height:24px;padding-left:2px;display:flex}.composer-hint{color:var(--ink-soft);font-size:.95rem}.composer-hint b{color:var(--ink);font-weight:800}.new-chat{color:var(--mode-ink);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:2px 0;font-size:.98rem;font-weight:800;display:inline-flex}.new-chat:before{content:"+";font-size:1.25rem;font-weight:700;line-height:1}.new-chat:hover{text-underline-offset:3px;text-decoration:underline}.composer-row{align-items:flex-end;gap:10px;display:flex}.composer textarea{border:2px solid var(--line);background:var(--card);min-width:0;min-height:50px;max-height:140px;color:var(--ink);font:inherit;resize:none;border-radius:14px;flex:auto;padding:12px 16px;font-size:1.02rem;overflow-y:hidden}.composer textarea::placeholder{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.composer textarea:focus-visible{outline:3px solid var(--hl);outline-offset:0}.composer textarea:disabled{background:#f4f1ea}.chat .composer .send-btn{appearance:none;border:2px solid var(--line);background-color:var(--send-bg);width:54px;height:50px;color:var(--send-ink);box-shadow:3px 3px 0 var(--line);cursor:pointer;border-radius:14px;flex:none;justify-content:center;align-items:center;margin:0 3px 3px 0;padding:0;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.chat .composer .send-btn:active:not(:disabled){box-shadow:1px 1px 0 var(--line);transform:translate(2px,2px)}.chat .composer .send-btn:disabled{opacity:.45;cursor:default}.composer .send-btn:focus-visible,.new-chat:focus-visible{outline:2px solid var(--qa-ink);outline-offset:3px}@media (width>=720px){.chat .trial-card,.chat .error-banner{margin-left:24px;margin-right:24px}.chat.screen-intro .trial-card,.chat.screen-intro .error-banner,.chat.screen-home .trial-card,.chat.screen-home .error-banner{align-self:center;width:min(100% - 48px,40rem);margin-left:0;margin-right:0}.chat.screen-intro .composer,.chat.screen-home .composer{align-self:center;width:min(100%,40rem + 48px)}.chat.mode-rp.screen-home .composer{width:min(100% - 48px,40rem)}.messages{padding:28px 24px 14px}.composer{padding:12px 24px 18px}.chat.mode-rp.screen-home .composer{margin:0 24px 18px}.bubble{max-width:75%}.start h1{font-size:2.1rem}}@media (hover:hover){.scene-card:hover:not(:disabled){box-shadow:5px 5px 0 var(--rp-shadow);transform:translate(-1px,-1px)}.mode-card.rp:hover{box-shadow:6px 6px 0 var(--line);transform:translate(-1px,-1px)}}.trial-remaining,.tier-badge{z-index:2;white-space:nowrap;pointer-events:none;margin:0;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #2820141f}.trial-remaining{background:var(--card);border:1.5px solid var(--line-soft);color:var(--ink-soft);box-shadow:none;border-radius:999px;padding:4px 14px;font-size:.92rem;font-weight:600}.trial-card{border:2px solid var(--hl-edge);background:var(--hl-soft);box-shadow:4px 4px 0 var(--hl-edge);color:var(--ink);border-radius:14px;margin:0 16px 12px;padding:14px 16px}.trial-card p{margin:0}.trial-card-title{font-size:1.08rem;font-weight:800;margin-bottom:6px!important}.trial-card-body{font-size:1rem;line-height:1.37}.trial-card-hint{color:var(--ink-soft);font-size:.92rem;margin-top:8px!important}.char-count{color:var(--ink-soft);align-self:flex-end;font-size:.9rem}.char-count.over{color:#7d2318;background:#fdecea;border:2px solid #c94a3a;border-radius:10px;align-self:stretch;padding:8px 12px;font-size:.95rem;font-weight:700}.composer textarea[aria-invalid=true]{border-color:#c94a3a}.tier-badge{border:1.5px solid var(--line-soft);background:var(--card);color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:800}.tier-badge.invite{border-color:var(--rp-shadow);background:var(--rp-soft);color:var(--rp-ink)}.chat.has-pill .messages{padding-bottom:56px;scroll-padding-bottom:56px}.chat.screen-intro .messages{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.chat{--fb-fill:var(--qa-soft);--fb-on:var(--qa-ink)}.chat.mode-rp{--fb-fill:var(--rp-bubble);--fb-on:var(--rp-ink)}.fb{align-self:flex-start;align-items:center;gap:2px;margin-top:-10px;padding-left:2px;display:flex}.fb-btn{color:var(--ink-faint);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:4px;display:inline-flex}@media (hover:hover){.fb-btn:hover{color:var(--ink-soft);background:#1d1b180d}}.fb-btn.on,.fb-btn.on:hover{color:var(--fb-on)}.fb-btn:focus-visible{outline:2px solid var(--qa-ink);outline-offset:1px}.speaker{z-index:30;pointer-events:none;transform-origin:50% 0;transition:transform .28s,opacity .28s;animation:.32s ease-out speaker-in;position:fixed;transform:translate(-50%)scale(1)}.speaker-face{border:2px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:62px;line-height:1;display:flex;box-shadow:0 4px 14px #2820142e}.speaker.speaking .speaker-face{animation:1.6s ease-in-out infinite speaker-glow}.speaker.leaving{opacity:0;transform:translate(-50%)scale(.2)}@keyframes speaker-in{0%{opacity:0;transform:translate(-50%)scale(.4)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes speaker-glow{0%,to{box-shadow:0 0 0 6px #f59a3c47,0 0 0 13px #f59a3c1a,0 4px 14px #2820142e}50%{box-shadow:0 0 0 9px #f59a3c5c,0 0 0 19px #f59a3c24,0 4px 14px #2820142e}}.about-area{min-height:0;padding-top:calc(var(--header-h,64px) + env(safe-area-inset-top,0px));flex:1;overflow-y:auto}.about{max-width:720px;margin:0 auto;padding:26px 20px 48px}.about h1{margin:0 0 16px;font-size:2rem;line-height:1.15}.about h2{margin:26px 0 6px;font-size:1.15rem}.about p{margin:0 0 12px}.about-zh{color:var(--ink-soft)}.about-link{color:var(--qa-ink);text-underline-offset:3px;font-weight:800}.profile-box{border-top:1.5px solid var(--line-soft);border-bottom:1.5px solid var(--line-soft);margin:16px 0 14px;padding:12px 0 10px}.profile-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.about .profile-head h3{margin:0;font-size:1.08rem}.about .profile-line{margin:0 0 4px;font-weight:600}.about .profile-line.goal{font-weight:400}.profile-guess{color:var(--ink-faint);font-size:.85em;font-weight:600}.about .profile-note{color:var(--ink-soft);margin:6px 0 0;font-size:.92rem}.profile-clear{font:inherit;color:#a3361f;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.profile-clear:focus-visible,.switch:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:999px}.profile-confirm{color:#7a2716;background:#fbe9e4;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:6px;padding:7px 10px;font-size:.92rem;font-weight:700;display:flex}.profile-confirm-actions{gap:14px;display:inline-flex}.profile-confirm-delete,.profile-confirm-cancel{font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:2px 0;font-weight:800;text-decoration:underline}.profile-confirm-delete{color:#a3361f}.profile-confirm-cancel{color:var(--ink)}.profile-confirm-delete:focus-visible,.profile-confirm-cancel:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.profile-paused{opacity:.45}.switch{font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:4px 0 4px 6px;display:inline-flex}.switch-text{text-align:right;min-width:1.6em;color:var(--ink-soft);font-size:.9rem;font-weight:700;line-height:1}.switch-track{background:#ddd7cc;border-radius:999px;width:44px;height:26px;transition:background-color .15s;position:relative}.switch.on .switch-track{background:var(--rp)}.switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1d1b1840}.switch.on .switch-knob{left:21px}@media (prefers-reduced-motion:reduce){.switch-track,.switch-knob{transition:none}}.close-link{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:6px 2px 6px 6px;font-size:1rem;font-weight:700;display:inline-flex}.close-x{width:32px;height:32px;color:var(--ink);background:#ece7dd;border-radius:50%;justify-content:center;align-items:center;display:flex}.close-link:hover .close-x{background:#e2dccf}.close-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:18px}.chat-area[hidden]{display:none}@media (width<=479px){.about{padding:20px 16px 40px}.about h1{font-size:1.7rem}}