:root,:root[data-theme=dark]{--bg: #0a0a0d;--sf: #15151a;--sf2: #24242c;--ln: rgba(244, 242, 236, .12);--tx: #f4f2ec;--mu: #8c8c96;--ac: #d4ff3a;--act: #d4ff3a;--co: #ff5a3c;--cot: #ff5a3c;--sel: #d4ff3a;--out: #1a1a1f;--sh: 0 12px 40px rgba(0, 0, 0, .5);--ink: #0a0a0d;--lime: #d4ff3a;color-scheme:dark}:root[data-theme=light]{--bg: #f4f2ec;--sf: #ffffff;--sf2: #e6e3d9;--ln: rgba(10, 10, 13, .12);--tx: #0a0a0d;--mu: #62626b;--ac: #d4ff3a;--act: #0a0a0d;--co: #ff5a3c;--cot: #c2361a;--sel: #0a0a0d;--out: #d6d2c6;--sh: 0 12px 40px rgba(10, 10, 13, .18);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--out)}body{font-family:Golos Text,system-ui,sans-serif;color:var(--tx);-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit}a{color:inherit}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes spark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@keyframes toastIn{0%{transform:translate(-50%,-12px);opacity:0}to{transform:translate(-50%);opacity:1}}.app{position:relative;max-width:480px;margin:0 auto;min-height:100dvh;background:var(--bg);color:var(--tx);overflow-x:clip}@media (min-width: 520px){.app{box-shadow:0 0 0 1px var(--ln)}}.screen{min-height:100dvh;display:flex;flex-direction:column}.top{padding:calc(env(safe-area-inset-top,0px) + 8px) 8px 8px;display:flex;align-items:center;justify-content:space-between;min-height:60px}.top-home{padding-left:16px;padding-right:16px}.top-title{font-size:17px;font-weight:700}.body{flex:1;padding:8px 16px 24px;display:flex;flex-direction:column;gap:12px}.gap16{gap:16px}.gap24{gap:24px}.center{justify-content:center}.foot{position:sticky;bottom:0;z-index:5;padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 20px);display:flex;flex-direction:column;gap:8px;background:var(--bg)}.foot.line{border-top:1px solid var(--ln)}.note{text-align:center;font-size:13px;color:var(--mu)}.display{margin:0;font-size:36px;line-height:1.08;font-weight:700;letter-spacing:-.02em;text-wrap:balance}.h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em;text-wrap:balance}.h1.big{font-size:30px}.h2{margin:12px 0 0;font-size:20px;font-weight:700}.lead{margin:0;font-size:16px;color:var(--mu);line-height:1.45}.mu{color:var(--mu)}.small{font-size:14px}.cap{font-size:13px}.act{color:var(--act)}.danger{color:var(--cot)}.btn{height:56px;width:100%;border:0;border-radius:16px;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .12s,opacity .15s;text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-primary{background:var(--ac);color:#0a0a0d}.btn-secondary{background:var(--sf2);color:var(--tx)}.btn-text{height:48px;background:transparent;color:var(--tx);font-size:16px;font-weight:500}.btn-tall{height:60px;border-radius:18px;font-size:18px}.btn-52{height:52px;font-size:16px}.btn-sm{height:40px;width:auto;padding:0 14px;border-radius:12px;font-size:15px;flex-shrink:0}.icon-btn{width:44px;height:44px;border:0;border-radius:14px;background:transparent;color:var(--tx);display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:active{background:var(--sf2)}.spacer44{width:44px}.link-btn{align-self:flex-start;height:44px;border:0;background:transparent;color:var(--tx);font-size:16px;font-weight:600;padding:0;text-decoration:underline;cursor:pointer}.avatar{width:44px;height:44px;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--sf2);color:var(--tx);font-size:15px;font-weight:600;cursor:pointer}.card{background:var(--sf);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:12px}.card.p16{padding:16px}.card.r20{border-radius:20px}.banner{display:flex;align-items:center;gap:12px;padding:14px 8px 14px 16px;border-radius:20px;background:var(--sf2)}.banner.alert{background:transparent;border:1.5px solid var(--co);padding-right:12px}.banner-text{flex:1;font-size:14px;line-height:1.4}.hint{padding:14px 16px;border-radius:20px;background:var(--sf2);font-size:15px;line-height:1.45}.skel{border-radius:20px;background:var(--sf2);animation:pulse 1.4s ease-in-out infinite}.bar{height:8px;border-radius:4px;background:var(--sf2);overflow:hidden}.bar>div{height:100%;border-radius:4px;background:var(--sel);transition:width .3s linear}.input{height:56px;width:100%;border-radius:16px;border:1.5px solid var(--ln);background:var(--sf);color:var(--tx);font-size:17px;padding:0 16px;outline:none}.input:focus,.textarea:focus{border-color:var(--sel)}.textarea{width:100%;font-size:16px;line-height:1.4;color:var(--tx);background:var(--bg);border:1.5px solid var(--ln);border-radius:14px;padding:12px 14px;outline:none;resize:none}.round-ico{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-chip{height:32px;padding:0 12px;border-radius:10px;display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;letter-spacing:-.01em}.logo-chip i{width:10px;height:10px;border-radius:3px;background:var(--ac);display:inline-block}.pill{align-self:flex-start;font-size:13px;font-weight:600;padding:4px 10px;border-radius:99px}.demo-pill{font-size:11px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:99px;border:1px solid var(--ln);color:var(--mu)}.stepper{display:flex;align-items:center;gap:10px}.stepper .seg{display:flex;gap:4px}.stepper .seg span{width:20px;height:4px;border-radius:2px;background:var(--sf2)}.stepper .seg span.on{background:var(--sel)}.stepper b{font-size:14px;font-weight:600;color:var(--mu)}.segctl{display:flex;gap:4px;padding:4px;border-radius:16px;background:var(--sf)}.segctl button{flex:1;height:44px;border:0;border-radius:12px;background:transparent;color:var(--tx);font-size:15px;font-weight:600;cursor:pointer}.segctl button.on{background:var(--ac);color:#0a0a0d}.row-btn{display:flex;align-items:center;gap:14px;padding:10px;border:0;border-radius:20px;background:var(--sf);color:var(--tx);text-align:left;cursor:pointer;transition:transform .12s;width:100%}.row-btn:active{transform:scale(.98)}.kv{display:flex;justify-content:space-between;font-size:16px;gap:12px}.kv b{font-weight:600}.group-label{font-size:13px;font-weight:600;color:var(--mu);padding-left:4px}.menu{display:flex;flex-direction:column;border-radius:20px;background:var(--sf);overflow:hidden}.menu>*{height:56px;padding:0 16px;border:0;border-bottom:1px solid var(--ln);background:transparent;color:var(--tx);font-size:16px;text-align:left;cursor:pointer;display:flex;align-items:center;text-decoration:none}.menu>*:last-child{border-bottom:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.style-card{padding:4px;border-radius:22px;border:2px solid transparent;background:var(--sf);color:var(--tx);text-align:left;cursor:pointer;display:flex;flex-direction:column;transition:border-color .15s,transform .12s}.style-card:active{transform:scale(.98)}.style-card.on{border-color:var(--sel)}.style-pv{position:relative;aspect-ratio:9 / 16;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #8c8c9640;overflow:hidden;font-weight:700;letter-spacing:-.02em}.style-check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--ink)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:20;animation:fadeIn .2s ease-out}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:480px;z-index:21;background:var(--sf);border-radius:28px 28px 0 0;padding:8px 16px calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;flex-direction:column;gap:16px}.sheet-inner{animation:sheetUp .28s cubic-bezier(.2,.8,.2,1)}.grabber{width:40px;height:5px;border-radius:3px;background:var(--ln);align-self:center}.toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:448px;z-index:30;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;background:var(--tx);color:var(--bg);font-size:15px;font-weight:600;box-shadow:var(--sh);animation:toastIn .2s ease-out}.toast i{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--lime)}.toast.err i{background:var(--co)}.spinner{display:inline-block;border-radius:50%;border:2.5px solid currentColor;border-top-color:transparent;animation:spin .8s linear infinite}.player{position:relative;width:100%;aspect-ratio:9 / 16;background:#16161b;overflow:hidden;flex-shrink:0}.player video{width:100%;height:100%;object-fit:cover;display:block}.player .mute{position:absolute;right:16px;bottom:16px;width:48px;height:48px;border-radius:50%;border:0;background:#0a0a0db3;color:#f4f2ec;display:flex;align-items:center;justify-content:center;cursor:pointer}.switch{width:52px;height:32px;border-radius:16px;background:var(--sf2);position:relative;transition:background .2s;flex-shrink:0}.switch b{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:13px;background:var(--mu);transition:left .2s,background .2s}.switch.on{background:var(--lime)}.switch.on b{left:23px;background:var(--ink)}.chip{height:40px;padding:0 14px;border-radius:99px;border:1.5px solid var(--ln);background:transparent;color:var(--tx);font-size:14px;font-weight:500;cursor:pointer}.chip.on{border-color:var(--sel);background:var(--sf2)}.qr{width:196px;height:196px;border-radius:16px;background:#fff;padding:10px;align-self:center}.qr-empty{width:196px;height:196px;border-radius:16px;border:1.5px dashed var(--mu);align-self:center;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-size:13px;color:var(--mu)}.num-step{width:28px;height:28px;border-radius:50%;background:var(--sf2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}