:root{color-scheme:light dark;--wb-purple: #A435D8;--bg: var(--tg-theme-bg-color, #F9F9F9);--text: var(--tg-theme-text-color, #111111);--card: var(--tg-theme-secondary-bg-color, rgba(127, 127, 127, .08));--hint: var(--tg-theme-hint-color, rgba(127, 127, 127, .7));--tabbar-h: 64px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:Raleway,-apple-system,system-ui,sans-serif;margin:0;background:var(--bg);color:var(--text)}.w{font-weight:700;color:var(--wb-purple)}.base{font-weight:300}.center-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.brand{margin-bottom:28px}.brand-logo{font-size:44px;letter-spacing:-1.5px;line-height:1}.brand-slogan{display:block;margin-top:8px;font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;opacity:.45}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg);border-bottom:1px solid rgba(127,127,127,.15)}.topbar-logo{font-size:22px;letter-spacing:-.5px}.topbar-title{font-size:16px;font-weight:600;opacity:.7}.content{flex:1;padding:20px 18px;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px)}.screen-title{font-size:24px;font-weight:700;margin:0 0 10px}.muted{font-size:15px;font-weight:300;line-height:1.6;color:var(--hint);margin:0 0 20px}.lead{font-size:15px;font-weight:500;line-height:1.5;margin:0 0 14px;opacity:.9}.features{list-style:none;margin:0 0 22px;padding:0}.features li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:14px;font-weight:400;line-height:1.4}.features li span{font-size:18px;line-height:1.3;flex-shrink:0}.section-title{font-size:15px;font-weight:600;opacity:.6;margin:26px 0 10px}.cta{width:100%;display:flex;align-items:center;gap:14px;padding:18px;border:none;border-radius:18px;background:var(--wb-purple);color:#fff;font-family:inherit;text-align:left;cursor:pointer}.cta:active{transform:scale(.99)}.cta-icon{font-size:26px}.cta-text{display:flex;flex-direction:column;gap:2px}.cta-text b{font-size:17px;font-weight:700}.cta-sub{font-size:13px;font-weight:400;opacity:.85}.teaser{width:100%;display:flex;align-items:center;gap:12px;padding:16px;border:none;border-radius:16px;background:var(--card);color:inherit;font-family:inherit;text-align:left;cursor:pointer}.teaser:active{transform:scale(.99)}.teaser-icon{font-size:22px}.teaser-text{font-size:14px;font-weight:400;line-height:1.45;color:var(--hint)}.status-strip{margin-top:26px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:14px;background:var(--card);font-size:14px;font-weight:500}.status-badge{padding:4px 12px;border-radius:999px;background:#a435d824;color:var(--wb-purple);font-size:13px;font-weight:700}.placeholder{margin-top:10px;padding:40px 20px;border-radius:16px;background:var(--card);text-align:center;font-size:15px;color:var(--hint)}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:500;opacity:.75}.field-input{font-family:inherit;font-size:16px;padding:12px 14px;border-radius:12px;border:1px solid rgba(127,127,127,.25);background:var(--bg);color:inherit}.field-input:focus{outline:2px solid var(--wb-purple);border-color:transparent}.result{margin-top:22px;padding:16px 18px;border-radius:16px;background:var(--card);border-left:4px solid #1D9E75}.result--loss{border-left-color:#d8354b}.result-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;font-size:15px}.result-row b{font-size:18px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid rgba(127,127,127,.15)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:none;color:var(--hint);font-family:inherit;cursor:pointer}.tab-icon{font-size:20px;line-height:1}.tab-label{font-size:11px;font-weight:500}.tab--active{color:var(--wb-purple)}.tab--active .tab-label{font-weight:700}