@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root,[data-theme=dark]{--green:#2bd96a;--green-d:#1fa94f;--on-green:#05230f;--bg:#080c0a;--page:#0b100d;--card:#141d17;--card2:#1a251e;--line:#243029;--ink:#eaf3ee;--muted:#8a9a92;--soft:#2bd96a21;--shadow:0 18px 40px -18px #000000b3}[data-theme=light]{--green:#15b85a;--green-d:#0e9b4a;--on-green:#fff;--bg:#eaf1ec;--page:#fff;--card:#fff;--card2:#f3f8f4;--line:#e4ede7;--ink:#0d1a13;--muted:#5f7268;--soft:#15b85a1a;--shadow:0 18px 40px -22px #0d281947}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100vh;margin:0;padding:0}body{color:var(--ink);background:var(--bg);font-family:Plus Jakarta Sans,-apple-system,system-ui,sans-serif;transition:background .3s,color .3s}.disp,.word,.h1,.h2{font-family:Sora,sans-serif}.kz{background:radial-gradient(900px 500px at 70% -10%,#2bd96a1a,#0000 60%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px 12px;transition:background .3s;display:flex}[data-theme=light] .kz{background:radial-gradient(900px 500px at 70% -5%,#15b85a1f,#0000 60%),#dce8e0}.phone{background:var(--page);width:100%;max-width:412px;height:858px;max-height:calc(100vh - 48px);box-shadow:var(--shadow),0 0 0 1px #ffffff08;border-radius:38px;flex-direction:column;transition:background .3s;display:flex;position:relative;overflow:hidden}@media (max-width:480px){.kz{padding:0}.phone{border-radius:0;max-width:none;height:100vh;max-height:100vh}}.scroll{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.scroll::-webkit-scrollbar{width:0}.pad{padding:20px 20px 28px}.btn{cursor:pointer;background:var(--green);width:100%;color:var(--on-green);border:none;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:17px 20px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .12s,filter .2s;display:flex}.btn:active{transform:scale(.975)}.btn:hover{filter:brightness(1.05)}.btn.ghost{background:var(--soft);color:var(--green)}.btn.outline{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.btn.sm{width:auto;padding:11px 16px;font-size:14px}.btn:disabled{opacity:.5;cursor:default}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:17px}.chip{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.chip.g{background:var(--soft);color:var(--green)}.chip.m{background:var(--card2);color:var(--muted)}.fade{animation:.5s both f}@keyframes f{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.stg>*{animation:.5s both f}.stg>:first-child{animation-delay:30ms}.stg>:nth-child(2){animation-delay:80ms}.stg>:nth-child(3){animation-delay:.13s}.stg>:nth-child(4){animation-delay:.18s}.stg>:nth-child(5){animation-delay:.23s}.stg>:nth-child(6){animation-delay:.28s}.mark{background:var(--green);border-radius:30%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 22px -8px #2bd96ab3}.word{letter-spacing:-.6px;font-weight:800}.h1{letter-spacing:-1px;font-weight:800;line-height:1.08}.h2{letter-spacing:-.3px;font-weight:700}.sub{color:var(--muted);line-height:1.5}.lab{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:800}.top{padding:calc(16px + env(safe-area-inset-top)) 20px 13px;border-bottom:1px solid var(--line);background:var(--page);z-index:5;justify-content:space-between;align-items:center;display:flex}.nav{border-top:1px solid var(--line);background:var(--page);padding:8px 6px calc(11px + env(safe-area-inset-bottom));display:flex}.nav button{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 2px;font-family:inherit;font-size:11px;font-weight:700;transition:color .15s;display:flex}.nav button.on{color:var(--green)}.nav .ic{transition:transform .15s}.nav button.on .ic{transform:translateY(-2px)}.stat{background:var(--card);border:1px solid var(--line);border-radius:20px;flex:1;padding:15px}.stat .num{letter-spacing:-1px;color:var(--green);font-family:Sora;font-size:28px;font-weight:800;line-height:1}.stat .lab2{color:var(--muted);margin-top:7px;font-size:11.5px;font-weight:600}.bars{align-items:flex-end;gap:7px;height:80px;padding-top:8px;display:flex}.bars .col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.bars .bar{background:linear-gradient(180deg,var(--green),var(--green-d));border-radius:6px;width:100%;min-height:6px;transition:height .6s cubic-bezier(.3,1,.4,1)}.bars .d{color:var(--muted);font-size:9.5px;font-weight:700}.chatwrap{background:var(--page);flex-direction:column;flex:1;min-height:0;display:flex}.msgs{flex-direction:column;flex:1;gap:9px;padding:16px 16px 8px;display:flex;overflow-y:auto}.msgs::-webkit-scrollbar{width:0}.bub{white-space:pre-wrap;border-radius:16px;max-width:82%;padding:10px 13px;font-size:14px;line-height:1.45;animation:.25s both pop}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.bub.them{background:var(--card);border-top-left-radius:5px;align-self:flex-start}.bub.me{background:var(--green);color:var(--on-green);border-top-right-radius:5px;align-self:flex-end;font-weight:500}.bub .meta{opacity:.6;text-align:right;justify-content:flex-end;align-items:center;gap:3px;margin-top:3px;font-size:10px;display:flex}.typing{background:var(--card);border-radius:5px 16px 16px;align-self:flex-start;gap:4px;padding:12px 15px;display:flex}.typing span{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1s infinite bn}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bn{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.ibar{padding:11px 13px calc(11px + env(safe-area-inset-bottom));background:var(--page);border-top:1px solid var(--line);gap:8px;display:flex}.ibar input{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:24px;outline:none;flex:1;padding:13px 16px;font-family:inherit;font-size:14px}.ibar input:focus{border-color:var(--green)}.ibar input::placeholder{color:var(--muted)}.send{background:var(--green);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.row{cursor:pointer;border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:14px 20px;transition:background .15s;display:flex}.row:active{background:var(--card2)}.av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-family:Sora;font-size:18px;font-weight:800;display:flex}.tile{border:1px solid var(--line);cursor:pointer;background:var(--card);border-radius:20px;align-items:center;gap:14px;padding:16px;transition:border-color .15s,transform .12s;display:flex}.tile:active{transform:scale(.99)}.tileic{background:var(--soft);width:46px;height:46px;color:var(--green);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step{align-items:flex-start;gap:13px;display:flex}.stepn{background:var(--soft);width:31px;height:31px;color:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.stepn.done{background:var(--green);color:var(--on-green)}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#0009;align-items:flex-end;animation:.25s f;display:flex;position:absolute;inset:0}.sheet{background:var(--page);border-top:1px solid var(--line);border-radius:28px 28px 0 0;width:100%;padding:22px 20px 26px;animation:.3s cubic-bezier(.3,1,.4,1) up}@keyframes up{0%{transform:translateY(100%)}to{transform:none}}.handle{background:var(--line);border-radius:3px;width:42px;height:5px;margin:0 auto 16px}.tog{border:1px solid var(--line);background:var(--card);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.pghead{padding:calc(14px + env(safe-area-inset-top)) 16px 14px;border-bottom:1px solid var(--line);background:var(--page);align-items:center;gap:10px;display:flex}.iconbtn{color:var(--ink);cursor:pointer;background:0 0;border:none;display:flex}