@font-face{font-family:Open Runde;src:url(/assets/OpenRunde-Regular-qOQ9SPmG.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Runde;src:url(/assets/OpenRunde-Medium-DZHGbmyv.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Open Runde;src:url(/assets/OpenRunde-Semibold-BgZxi88i.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Open Runde;src:url(/assets/OpenRunde-Bold-Dd9FiNwb.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:light;--yapp-obsidian: #070709;--yapp-ink-strong: #151515;--yapp-charcoal: #60606c;--yapp-slate: #8b8b8b;--yapp-white: #ffffff;--yapp-cloud: #f5f5f5;--yapp-sky-tint: #d7e6f5;--yapp-line: #bebecc;--yapp-line-soft: #ececf0;--yapp-blue: #2597d0;--yapp-blue-soft: rgba(37, 151, 208, .22);--yapp-sky: linear-gradient(180deg, #779bc1 0%, #9abfda 58%, #cbdcec 100%);--yapp-sky-compact: linear-gradient(180deg, #779bc1 0%, #8cb0d2 62%, #a9c7e0 86%, #cbdcec 100%);--yapp-shadow-card: rgba(16, 55, 132, .03) 0 17px 37px 0, rgba(16, 55, 132, .03) 0 67px 67px 0, rgba(16, 55, 132, .02) 0 150px 90px 0, rgba(36, 36, 40, .06) 0 1px 2px 0;--yapp-shadow-button: rgba(36, 36, 40, .1) 0 1px 2px 0, rgba(36, 36, 40, .09) 0 3px 3px 0, rgba(36, 36, 40, .05) 0 6px 4px 0, rgba(36, 36, 40, .01) 0 11px 4px 0;--yapp-shadow-soft: rgba(228, 229, 231, .24) 0 1px 2px 0;--yapp-shadow-blue: rgba(23, 107, 197, .08) 0 1px 1px 0, rgba(23, 107, 197, .07) 0 3px 3px 0;--yapp-r-icon: 8px;--yapp-r-input: 12px;--yapp-r-card: 18px;--yapp-r-large: 32px;--yapp-r-pill: 100px;--yapp-touch-min: 48px;--yapp-s-1: 4px;--yapp-s-2: 8px;--yapp-s-3: 12px;--yapp-s-4: 16px;--yapp-s-5: 20px;--yapp-s-6: 24px;--yapp-s-8: 32px;--yapp-s-10: 40px;--yapp-s-20: 80px;--yapp-safe-bottom: calc(env(safe-area-inset-bottom, 0px) + 12px) ;--yapp-font: "Open Runde", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--yapp-display-size: clamp(40px, 11vw, 80px);--yapp-display-lh: .9;--yapp-display-ls: -.04em;--yapp-heading-size: 44px;--yapp-heading-lh: 1.1;--yapp-heading-ls: -.04em;--yapp-heading-sm-size: 28px;--yapp-heading-sm-lh: 1.2;--yapp-heading-sm-ls: -.04em;--yapp-subhead-size: 20px;--yapp-subhead-lh: 1.3;--yapp-subhead-ls: -.02em;--yapp-body-lg-size: 18px;--yapp-body-lg-lh: 1.4;--yapp-body-size: 16px;--yapp-body-lh: 1.49;--yapp-body-ls: -.01em;--yapp-body-sm-size: 14px;--yapp-body-sm-lh: 1.4;--yapp-caption-size: 12px;--yapp-caption-lh: 1.2;--yapp-instant: .12s;--yapp-base: .2s;--yapp-enter: .28s;--yapp-ease-enter: cubic-bezier(.16, 1, .3, 1);--yapp-paper: var(--yapp-white);--yapp-surface: var(--yapp-white);--yapp-ink: var(--yapp-obsidian);--yapp-graphite: var(--yapp-charcoal);--yapp-hairline: var(--yapp-line);--yapp-hairline-soft: var(--yapp-line-soft);--yapp-hairline-w: 1px;--yapp-rule: 1px;--yapp-rule-card: 1px;--yapp-ink-40: var(--yapp-slate);--yapp-ink-55: var(--yapp-charcoal);--yapp-action: var(--yapp-obsidian);--yapp-action-soft: var(--yapp-sky-tint);--yapp-accent: var(--yapp-blue);--yapp-said: #efeff3;--yapp-improved: var(--yapp-blue);--yapp-r-block: var(--yapp-r-card);--yapp-r-bubble: var(--yapp-r-card);--yapp-font-ui: var(--yapp-font);--yapp-font-reason: var(--yapp-font)}.tg-theme{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--yapp-white);color:var(--yapp-obsidian);font-family:var(--yapp-font);font-size:var(--yapp-body-size);line-height:var(--yapp-body-lh);letter-spacing:var(--yapp-body-ls);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--yapp-sky-tint);color:var(--yapp-obsidian)}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit;margin:0}:where(a,button,[role=button],input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--yapp-blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.y-display,.y-heading,.y-heading-sm,.y-subhead{margin:0;text-wrap:balance;color:var(--yapp-ink-strong)}.y-display{font-size:var(--yapp-display-size);line-height:var(--yapp-display-lh);letter-spacing:var(--yapp-display-ls);font-weight:600}.y-display--landing{font-size:clamp(44px,8vw,80px)}.y-heading{font-size:var(--yapp-heading-sm-size);line-height:var(--yapp-heading-sm-lh);letter-spacing:var(--yapp-heading-sm-ls);font-weight:600}.y-heading--xl{font-size:var(--yapp-heading-size);line-height:var(--yapp-heading-lh);letter-spacing:var(--yapp-heading-ls)}.y-subhead{font-size:var(--yapp-subhead-size);line-height:var(--yapp-subhead-lh);letter-spacing:var(--yapp-subhead-ls);font-weight:600}.y-body{font-size:var(--yapp-body-size);line-height:var(--yapp-body-lh)}.y-body-lg{font-size:var(--yapp-body-lg-size);line-height:var(--yapp-body-lg-lh)}.y-ui{font-size:var(--yapp-body-sm-size);line-height:var(--yapp-body-sm-lh);font-weight:500}.y-caption{font-size:var(--yapp-caption-size);line-height:var(--yapp-caption-lh);font-weight:500;color:var(--yapp-charcoal)}.y-caption--quiet{color:var(--yapp-slate)}.y-muted{color:var(--yapp-charcoal)}.y-reason{font-size:var(--yapp-body-size);line-height:1.5;color:var(--yapp-charcoal);margin:0}.y-ipa{color:var(--yapp-charcoal);font-style:italic}.y-en{font-weight:600}.y-num{font-variant-numeric:tabular-nums}.y-accent{color:var(--yapp-blue)}.y-card{background:var(--yapp-white);border-radius:var(--yapp-r-card);box-shadow:var(--yapp-shadow-card);padding:var(--yapp-s-6);display:flex;flex-direction:column;gap:var(--yapp-s-4)}.y-card--flat{box-shadow:none;border:1px solid var(--yapp-line-soft)}.y-card--quiet{box-shadow:none;background:var(--yapp-cloud)}.y-card--ink{background:var(--yapp-obsidian);color:var(--yapp-white);box-shadow:var(--yapp-shadow-button)}.y-card--large{border-radius:var(--yapp-r-large);padding:var(--yapp-s-10)}.y-block{background:var(--yapp-cloud);border-radius:var(--yapp-r-card);padding:var(--yapp-s-4)}.y-dashed{border:1px dashed var(--yapp-line);border-radius:var(--yapp-r-input);padding:var(--yapp-s-5);box-shadow:var(--yapp-shadow-soft)}.y-hero{background:var(--yapp-sky-compact);color:var(--yapp-white);padding:var(--yapp-s-6) var(--yapp-s-5) var(--yapp-s-10);border-radius:0 0 var(--yapp-r-large) var(--yapp-r-large);display:flex;flex-direction:column;gap:var(--yapp-s-3)}.y-hero .y-display,.y-hero .y-heading,.y-hero .y-subhead{color:var(--yapp-white)}.y-hero__sub{color:var(--yapp-white);font-size:var(--yapp-body-lg-size);line-height:1.45;font-weight:500;margin:0;max-width:34ch}.y-hero__meta{color:var(--yapp-white);font-size:var(--yapp-body-sm-size);font-weight:500}.y-btn{--_bg: transparent;--_fg: var(--yapp-obsidian);--_bd: transparent;--_sh: none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--yapp-touch-min);padding:0 24px;border-radius:var(--yapp-r-pill);border:1px solid var(--_bd);background:var(--_bg);color:var(--_fg);box-shadow:var(--_sh);font-size:16px;font-weight:500;letter-spacing:-.01em;line-height:1;white-space:nowrap;cursor:pointer;transition:transform var(--yapp-instant) ease,background-color var(--yapp-base) ease,border-color var(--yapp-base) ease}.y-btn:active:not(:disabled){transform:scale(.98)}.y-btn:disabled{cursor:not-allowed;opacity:.4}.y-btn--primary,.y-btn--ink{--_bg: var(--yapp-obsidian);--_fg: var(--yapp-white);--_sh: var(--yapp-shadow-button)}.y-btn--secondary{--_bd: var(--yapp-line);--_bg: var(--yapp-white)}.y-btn--secondary:hover:not(:disabled){--_bd: var(--yapp-slate)}.y-btn--ghost{--_fg: var(--yapp-charcoal)}.y-btn--on-sky{--_bg: var(--yapp-white);--_fg: var(--yapp-obsidian);--_sh: var(--yapp-shadow-button)}.y-btn--lg{min-height:56px;font-size:17px}.y-btn--sm{min-height:36px;padding:0 14px;font-size:14px}.y-btn--block{display:flex;width:100%}.y-btn .y-icon{color:var(--yapp-blue)}.y-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--yapp-r-pill);border:1px solid var(--yapp-obsidian);background:var(--yapp-white);font-size:13px;font-weight:500;line-height:1.2;color:var(--yapp-obsidian);align-self:flex-start}.y-tag .y-icon{color:var(--yapp-blue)}.y-tag--soft{border-color:var(--yapp-line);color:var(--yapp-charcoal)}.y-tag--on-sky{border-color:#fff9;background:#ffffff2e;color:var(--yapp-white)}.y-tag--on-sky .y-icon{color:var(--yapp-white)}.y-chip{appearance:none;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--yapp-r-pill);border:1px solid var(--yapp-line);background:var(--yapp-white);color:var(--yapp-obsidian);font-size:14px;font-weight:500;line-height:1.1;cursor:pointer;transition:transform var(--yapp-instant) ease,background-color var(--yapp-base) ease,border-color var(--yapp-base) ease}.y-chip:active{transform:scale(.97)}.y-chip--active{background:var(--yapp-obsidian);border-color:var(--yapp-obsidian);color:var(--yapp-white)}.y-chip--soon{border-style:dashed;color:var(--yapp-slate);cursor:default}.y-chip--meta{padding:4px 10px;font-size:12px;color:var(--yapp-charcoal);cursor:default;background:transparent}.y-icon{flex:none;color:var(--yapp-blue)}.y-icon-box{width:36px;height:36px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--yapp-r-icon);background:var(--yapp-cloud);color:var(--yapp-blue)}.y-mark{border-radius:var(--yapp-r-pill);padding:1px 9px;white-space:nowrap;-webkit-box-decoration-break:clone;box-decoration-break:clone}.y-mark--said{background:var(--yapp-said);color:var(--yapp-charcoal)}.y-mark--improved,.y-mark--grow{background:var(--yapp-sky-tint);color:var(--yapp-obsidian);font-weight:600}.y-ring{width:18px;height:18px;flex:none;border-radius:var(--yapp-r-pill);border:1.5px solid var(--yapp-slate);display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1;color:var(--yapp-white)}.y-ring--done,.y-ring--grow{background:var(--yapp-blue);border-color:var(--yapp-blue)}.y-ring--hint{border-style:dashed}.y-ring--sm{width:16px;height:16px;font-size:10px}.y-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:1.2;color:var(--yapp-charcoal)}.y-label--action{color:var(--yapp-obsidian)}.y-wave{display:flex;align-items:center;gap:3px;min-width:0;color:var(--yapp-blue)}.y-wave__bar{width:3px;border-radius:var(--yapp-r-pill);background:currentColor;flex:none;transition:height var(--yapp-instant) linear}.y-wave__bar--rest{opacity:.28}.y-wave--lg{gap:4px}.y-wave--lg .y-wave__bar{width:4px}.y-wave--white{color:var(--yapp-white)}@keyframes y-breathe{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.y-wave--live .y-wave__bar{animation:y-breathe .9s var(--yapp-ease-enter) infinite;transform-origin:center}.y-wave--live .y-wave__bar:nth-child(2){animation-delay:.12s}.y-wave--live .y-wave__bar:nth-child(3){animation-delay:.24s}.y-wave--live .y-wave__bar:nth-child(4){animation-delay:60ms}.y-wave--live .y-wave__bar:nth-child(5){animation-delay:.3s}.y-mic{appearance:none;border:1px solid transparent;min-height:60px;padding:0 24px;border-radius:var(--yapp-r-pill);display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:17px;font-weight:500;letter-spacing:-.01em;background:var(--yapp-obsidian);color:var(--yapp-white);box-shadow:var(--yapp-shadow-button);cursor:pointer;transition:transform var(--yapp-instant) ease,background-color var(--yapp-base) ease}.y-mic:active:not(:disabled){transform:scale(.98)}.y-mic .y-icon{color:var(--yapp-blue)}.y-mic:disabled{opacity:.5}.y-mic--listening{background:var(--yapp-white);color:var(--yapp-obsidian);border-color:var(--yapp-sky-tint);box-shadow:0 0 0 6px var(--yapp-blue-soft),var(--yapp-shadow-blue)}.y-mic--processing{background:var(--yapp-cloud);color:var(--yapp-charcoal);box-shadow:none}.y-mic--speaking{background:var(--yapp-white);color:var(--yapp-obsidian);border-color:var(--yapp-line);box-shadow:var(--yapp-shadow-soft)}.y-mic--error{background:var(--yapp-cloud);color:var(--yapp-obsidian);box-shadow:none}.y-player{display:flex;align-items:center;gap:12px}.y-player__play{appearance:none;border:none;width:36px;height:36px;flex:none;border-radius:var(--yapp-r-pill);background:var(--yapp-blue);color:var(--yapp-white);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--yapp-shadow-blue);cursor:pointer;transition:transform var(--yapp-instant) ease}.y-player__play:active{transform:scale(.94)}.y-player__play--sm{width:32px;height:32px}.y-player__wave{flex:1;min-width:0;height:24px}.y-player__rate{border:1px solid var(--yapp-line);border-radius:var(--yapp-r-pill);padding:4px 10px;font-size:12px;font-weight:500;background:var(--yapp-white);cursor:pointer;flex:none}@keyframes y-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.y-bubble{border-radius:var(--yapp-r-card);padding:14px 16px;display:flex;flex-direction:column;gap:8px;animation:y-enter var(--yapp-enter) var(--yapp-ease-enter) both;max-width:92%}.y-bubble--ai{background:var(--yapp-cloud);align-self:flex-start}.y-bubble--user{background:var(--yapp-obsidian);color:var(--yapp-white);align-self:flex-end;max-width:86%}.y-bubble__meta{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;opacity:.7}.y-spoiler{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--yapp-charcoal);background:none;border:none;padding:0;text-align:left;cursor:pointer}.y-spoiler__text{filter:blur(4px);user-select:none;transition:filter var(--yapp-base) ease}.y-spoiler[aria-expanded=true] .y-spoiler__text{filter:none;user-select:text}.y-spoiler__badge{font-size:11px;font-weight:600;border:1px solid var(--yapp-line);border-radius:var(--yapp-r-pill);padding:1px 7px;flex:none;background:var(--yapp-white)}.y-review{background:var(--yapp-white);border-radius:var(--yapp-r-card);box-shadow:var(--yapp-shadow-card);border:1px solid var(--yapp-line-soft);padding:18px;display:flex;flex-direction:column;gap:12px;animation:y-enter var(--yapp-enter) var(--yapp-ease-enter) both}.y-review--raised{border-color:var(--yapp-line-soft)}.y-review__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.y-review__count{font-size:12px;font-weight:600;background:var(--yapp-sky-tint);color:var(--yapp-obsidian);border-radius:var(--yapp-r-pill);padding:3px 10px}.y-review__said{font-size:16px;line-height:1.5;color:var(--yapp-charcoal)}.y-review__improved{font-size:16px;line-height:1.5;color:var(--yapp-obsidian)}.y-review__why{font-size:15px;line-height:1.5;color:var(--yapp-charcoal);margin:0}.y-review__fix+.y-review__fix{border-top:1px solid var(--yapp-line-soft);padding-top:12px}.y-review__actions{display:flex;gap:8px;flex-wrap:wrap}.y-waiting{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--yapp-charcoal);padding:4px 2px}.y-waiting__pill{height:6px;width:72px;flex:none;border-radius:var(--yapp-r-pill);background:linear-gradient(90deg,var(--yapp-blue) 50%,var(--yapp-line-soft) 50%) 0 0 / 200% 100%;animation:y-drain 1.4s linear infinite}@keyframes y-drain{0%{background-position:100% 0}to{background-position:0 0}}.y-streak{display:flex;flex-direction:column;gap:10px}.y-streak__num{font-size:64px;line-height:.9;letter-spacing:-.04em;font-weight:600;font-variant-numeric:tabular-nums}.y-streak__days{display:flex;gap:5px}.y-streak__day{flex:1;height:8px;border-radius:var(--yapp-r-pill);background:var(--yapp-line-soft)}.y-streak__day--on{background:var(--yapp-obsidian)}.y-hero .y-streak__day{background:#ffffff59}.y-hero .y-streak__day--on{background:var(--yapp-white)}.y-minutes{--_pct: 0%;width:96px;height:96px;flex:none;border-radius:var(--yapp-r-pill);background:conic-gradient(var(--yapp-blue) 0 var(--_pct),var(--yapp-line-soft) var(--_pct) 100%);display:flex;align-items:center;justify-content:center}.y-minutes__hole{width:80px;height:80px;border-radius:var(--yapp-r-pill);background:var(--yapp-white);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.y-minutes--sm{width:80px;height:80px}.y-minutes--sm .y-minutes__hole{width:66px;height:66px}.y-level__bars{display:flex;gap:6px;align-items:flex-end;height:32px}.y-level__bar{width:8px;flex:none;border-radius:var(--yapp-r-pill);background:var(--yapp-line-soft)}.y-level__bar--on{background:var(--yapp-blue)}.y-level__scale{display:flex;justify-content:space-between;font-size:11px;font-weight:500;color:var(--yapp-slate)}.y-word{background:var(--yapp-white);border-radius:var(--yapp-r-card);box-shadow:var(--yapp-shadow-card);padding:var(--yapp-s-5);display:flex;flex-direction:column;gap:10px}.y-scenario{appearance:none;text-align:left;cursor:pointer;background:var(--yapp-white);color:var(--yapp-obsidian);border:1px solid transparent;border-radius:var(--yapp-r-card);box-shadow:var(--yapp-shadow-card);padding:18px;display:flex;flex-direction:column;gap:8px;transition:transform var(--yapp-instant) ease,border-color var(--yapp-base) ease}.y-scenario:active{transform:scale(.99)}.y-scenario--active{border-color:var(--yapp-obsidian)}.y-scenario__title{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2}.y-scenario__meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.y-tabbar{background:#ffffffeb;-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border:1px solid var(--yapp-line-soft);border-radius:var(--yapp-r-pill);box-shadow:var(--yapp-shadow-card);padding:6px;display:flex;justify-content:space-between}.y-tab{appearance:none;background:none;border:none;cursor:pointer;flex:1;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--yapp-r-pill);font-size:11px;font-weight:500;color:var(--yapp-slate)}.y-tab .y-icon{color:var(--yapp-slate)}.y-tab--active{color:var(--yapp-obsidian)}.y-tab--active .y-icon{color:var(--yapp-blue)}.y-sheet{background:var(--yapp-white);border-radius:var(--yapp-r-large) var(--yapp-r-large) 0 0;box-shadow:0 -12px 40px #10378414;padding:12px 20px 20px;display:flex;flex-direction:column;gap:12px;animation:y-sheet-up var(--yapp-enter) var(--yapp-ease-enter) both}@keyframes y-sheet-up{0%{transform:translateY(100%)}to{transform:none}}.y-sheet__grab{width:40px;height:5px;border-radius:var(--yapp-r-pill);background:var(--yapp-line-soft);align-self:center}.y-toast{background:var(--yapp-obsidian);color:var(--yapp-white);border-radius:var(--yapp-r-pill);padding:12px 18px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:10px;box-shadow:var(--yapp-shadow-button);animation:y-enter var(--yapp-enter) var(--yapp-ease-enter) both}.y-toast__dot{width:8px;height:8px;border-radius:var(--yapp-r-pill);background:var(--yapp-blue);flex:none}.y-skeleton{display:flex;flex-direction:column;gap:8px}.y-skeleton__line{height:12px;border-radius:var(--yapp-r-pill);background:var(--yapp-line-soft);animation:y-pulse 1.2s ease-in-out infinite}@keyframes y-pulse{0%,to{opacity:1}50%{opacity:.55}}.y-input{width:100%;min-height:48px;padding:12px 16px;border-radius:var(--yapp-r-input);border:1px solid var(--yapp-line);background:var(--yapp-white);color:var(--yapp-obsidian);font-size:16px;line-height:1.35;box-shadow:var(--yapp-shadow-soft)}.y-input::placeholder{color:var(--yapp-slate)}.y-input:focus{outline:none;border-color:var(--yapp-obsidian)}.y-stack{display:flex;flex-direction:column;gap:var(--yapp-s-4)}.y-stack--sm{gap:var(--yapp-s-2)}.y-stack--lg{gap:var(--yapp-s-6)}.y-row{display:flex;align-items:center;gap:var(--yapp-s-2);flex-wrap:wrap}.y-row--between{justify-content:space-between;flex-wrap:nowrap}.y-grow{flex:1;min-width:0}.y-hr{height:1px;background:var(--yapp-line-soft);border:none;margin:0}.y-on-ink{color:inherit}html,body,#root{height:100%}body{overscroll-behavior-y:none;background:var(--yapp-cloud)}.app{height:100dvh;max-width:520px;margin:0 auto;display:flex;flex-direction:column;background:var(--yapp-cloud)}.app--white{background:var(--yapp-white)}.app__body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.app__content{padding:16px 16px 20px;display:flex;flex-direction:column;gap:14px}.app__hero+.app__content{padding-top:20px}.app__foot{flex:none;padding:10px 16px var(--yapp-safe-bottom);display:flex;flex-direction:column;gap:10px;background:var(--yapp-cloud);box-shadow:0 -12px 24px -12px #10378414}.app--white .app__foot{background:var(--yapp-white);border-top:1px solid var(--yapp-line-soft);box-shadow:none}.app__topbar{flex:none;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--yapp-white);border-bottom:1px solid var(--yapp-line-soft)}.icon-btn{appearance:none;width:44px;height:44px;flex:none;border-radius:var(--yapp-r-pill);border:1px solid var(--yapp-line);background:var(--yapp-white);color:var(--yapp-obsidian);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn--bare{border-color:transparent;background:transparent}.icon-btn--lg{width:60px;height:60px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 2px 0}.link-btn{appearance:none;background:none;border:none;padding:0;cursor:pointer;font-size:14px;font-weight:500;color:var(--yapp-blue)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}.center{display:flex;align-items:center;justify-content:center}.fade-in{animation:y-enter var(--yapp-enter) var(--yapp-ease-enter) both}.tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.stat-num{font-size:32px;font-weight:600;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;color:var(--yapp-ink-strong)}.dialog-flow{display:flex;flex-direction:column;gap:12px;padding:16px 16px 8px}.composer{display:flex;align-items:flex-end;gap:10px}.composer__input{flex:1;min-width:0;min-height:52px;max-height:140px;padding:14px 18px;border-radius:26px;border:1px solid var(--yapp-line);background:var(--yapp-white);color:var(--yapp-obsidian);font-size:16px;line-height:1.4;resize:none;box-shadow:var(--yapp-shadow-soft)}.composer__input::placeholder{color:var(--yapp-slate)}.composer__input:focus{outline:none;border-color:var(--yapp-obsidian)}.row-item{display:flex;align-items:center;gap:12px;padding:4px 0}.row-item+.row-item{border-top:1px solid var(--yapp-line-soft);padding-top:12px}.spin{width:22px;height:22px;border-radius:9999px;border:2px solid var(--yapp-line-soft);border-top-color:var(--yapp-blue);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}