:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f4f0e8;--surface:#fff;--surface-muted:#f8faf7;--text:#1e2528;--muted:#657174;--line:#dbe1dd;--accent:#176f62;--accent-strong:#0f564c;--accent-soft:#dcefeb;--shadow:0 18px 50px #1e25281f;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--shell-gap-x:28px;--shell-padding-y:0px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{overscroll-behavior:none;min-width:320px;height:100dvh;min-height:100dvh;color:var(--text);background:linear-gradient(135deg, #176f6224, transparent 34%), linear-gradient(315deg, #93602f21, transparent 30%), var(--page);margin:0;overflow:hidden}button,input,output,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(840px, calc(100% - var(--shell-gap-x)));height:100dvh;padding:var(--shell-padding-y) 0;--app-shell-width:min(840px, calc(100vw - var(--shell-gap-x)));--screen-nav-reserve:64px;--screen-content-pad-x:14px;--question-card-pad-top:14px;--screen-header-top-space:66px;margin:0 auto;position:relative;overflow:hidden}.screen-track{z-index:1;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow-y:scroll}.screen-track::-webkit-scrollbar{display:none}.app-loading{place-items:center;width:100%;height:100%;display:grid}.app-loading-mark{width:76px;height:76px;color:var(--accent-strong);box-shadow:var(--shadow);background:#eef7f4d1;border:1px solid #0f564c29;border-radius:8px;place-items:center;font-size:18px;font-weight:900;display:grid}.screen-nav{left:calc(var(--safe-area-left) + var(--screen-content-pad-x));z-index:24;background:#ffffffb8;border:1px solid #0f564c29;border-radius:8px;gap:8px;padding:8px;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 1px #ffffffdb,0 8px 18px #0f564c14}.screen-nav-button{width:37px;height:37px;color:var(--accent-strong);background:#eef7f4;border:1px solid #0000;border-radius:7px;place-items:center;font-size:17px;font-weight:860;line-height:1;text-decoration:none;display:grid}.screen-nav-button.is-active{background:#eef7f4d1;border-color:#0f564c3d;box-shadow:inset 0 0 0 1px #0f564c1f}.screen-nav-button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #176f6259}.question-kp-header{left:calc(max(calc((100vw - var(--app-shell-width)) / 2), var(--safe-area-left)) + var(--screen-content-pad-x));right:calc(max(calc((100vw - var(--app-shell-width)) / 2), var(--safe-area-right)) + var(--screen-content-pad-x));top:calc(var(--safe-area-top) + var(--shell-padding-y) + var(--question-card-pad-top));z-index:30;min-width:0;color:var(--accent-strong);pointer-events:none;background:#ffffffb8;border:1px solid #0f564c29;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px;font-size:13px;font-weight:880;line-height:1.1;display:flex;position:fixed;box-shadow:inset 0 1px #ffffffdb,0 8px 18px #0f564c14}.question-kp-header[hidden]{display:none}.question-kp-header strong{min-width:0;color:var(--accent-strong);text-overflow:ellipsis;white-space:nowrap;text-align:center;background:#eef7f4;border:1px solid #0000;border-radius:7px;flex:1 1 0;padding:9px 10px;font-size:17px;font-weight:860;line-height:1;overflow:hidden}.question-kp-total{position:relative}.question-kp-pop{z-index:3;animation:.76s cubic-bezier(.16,1.52,.32,1) question-kp-pop;overflow:visible}.question-kp-burst{z-index:100;pointer-events:none;width:1px;height:1px;position:fixed;overflow:visible}.question-kp-star{color:#f6c84d;font-size:var(--star-size,28px);opacity:0;text-shadow:0 1px #fffffff5,0 0 10px #ffe980f2,0 8px 18px #895b0e57;animation:question-kp-star-burst 1.08s cubic-bezier(.14, .86, .22, 1) var(--star-delay) forwards;font-weight:900;line-height:1;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}@keyframes question-kp-pop{0%{transform:scale(1);box-shadow:inset 0 1px #ffffffe6,0 5px 12px #9a68182e}38%{transform:scale(1.06);box-shadow:inset 0 1px #fffffff0,0 0 0 5px #f6c84d57,0 0 26px #f6c84d61,0 14px 24px #9a681847}to{transform:scale(1);box-shadow:inset 0 1px #ffffffe6,0 5px 12px #9a68182e}}@keyframes question-kp-star-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.38)rotate(28deg)}34%{opacity:1;transform:translate(calc(-50% + var(--star-x) * .46), calc(-50% + var(--star-y) * .46)) scale(1.05) rotate(72deg)}to{opacity:0;transform:translate(calc(-50% + var(--star-x)), calc(-50% + var(--star-y))) scale(.74) rotate(160deg)}}.question-card,.welcome-card,.stats-card,.settings-card{grid-template-columns:calc(var(--safe-area-left) + var(--screen-nav-reserve)) minmax(0, 1fr);scroll-snap-align:start;scroll-snap-stop:always;min-width:0;height:100%;min-height:100%;padding:calc(14px + var(--safe-area-top)) calc(14px + var(--safe-area-right)) calc(14px + var(--safe-area-bottom)) 0;background:var(--surface);flex:0 0 100%;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:18px;display:grid;position:relative;overflow:hidden}.question-card>*,.welcome-card>*,.stats-card>*,.settings-card>*{z-index:1;position:relative}.screen-header,.screen-footer{grid-column:1/-1}.screen-main{grid-column:2;min-height:0;display:grid;overflow:hidden}.screen-header{text-align:center;gap:8px;display:grid}.question-card .screen-header,.stats-card .screen-header{padding-top:var(--screen-header-top-space)}.screen-footer{justify-content:center;align-self:end;align-items:center;width:100%;height:44px;min-height:44px;display:flex;overflow:hidden}.screen-header,.screen-footer{padding-left:calc(var(--safe-area-left) + var(--screen-content-pad-x))}.settings-card{--telegram-header-color:#c9ecfe;background:radial-gradient(circle at 50% 18%, #fffffff5 0 18%, transparent 18.5%), linear-gradient(180deg, #bfe9ffd1, #fff6e0e6 56%, #fffffff5), var(--surface)}.settings-card:before,.question-card:before,.stats-card:before{content:"";pointer-events:none;background:#bfe4a6c7;border-radius:50% 50% 0 0;height:36%;position:absolute;inset:auto -18% -22%}.settings-card .screen-header h1,.stats-title{color:var(--accent-strong);margin:0;font-size:clamp(32px,7vw,54px);font-weight:860;line-height:1}.settings-list{scrollbar-width:thin;gap:10px;height:100%;min-height:0;padding-bottom:12px;padding-right:4px;display:grid;overflow-y:auto}.settings-field{background:#ffffffc7;border:1px solid #0f564c29;border-radius:8px;gap:8px;min-width:0;padding:13px;display:grid}.settings-label-with-icon{min-width:0;color:var(--text);align-items:center;gap:9px;font-size:14px;font-weight:820;display:flex}.settings-field-icon{background:#eef7f4;border-radius:7px;place-items:center;width:24px;height:24px;font-size:15px;display:grid}.settings-wallet-icon{width:24px;height:24px;display:block}input,output,select{width:100%;min-height:42px;color:var(--text);background:#ffffffeb;border:1px solid #0f564c38;border-radius:8px;padding:0 12px;font-size:16px}.settings-inline-button{color:#fff;background:var(--accent-strong);border:1px solid #0f564c3d;border-radius:8px;min-height:40px;font-size:14px;font-weight:820}.user-form-status{color:var(--accent-strong);margin:0;font-size:13px;font-weight:760}.welcome-card{--telegram-header-color:#bfe9ff;background:radial-gradient(circle at 18% 16%,#fffffff0 0 8%,#0000 8.5%),radial-gradient(circle at 84% 20%,#ffffffd1 0 6%,#0000 6.5%),linear-gradient(#bfe9ff 0%,#edf8ff 48%,#ffecc0 100%);align-items:center}.welcome-card:before{content:"";background:#bfe4a6;border-radius:50% 50% 0 0;height:42%;position:absolute;inset:auto -10% -24%}.welcome-title{color:#0f564c;letter-spacing:0;margin:0 0 10px;font-size:clamp(42px,8vw,72px);font-weight:880;line-height:.95}.welcome-text{color:#253136;max-width:610px;margin:0 auto;font-size:clamp(19px,3.4vw,28px);font-weight:720;line-height:1.22}.welcome-image{object-fit:contain;pointer-events:none;width:min(100%,610px);max-height:min(48vh,360px);margin:0 auto;display:block}.question-card{--telegram-header-color:#eff9fe;background:radial-gradient(circle at 50% 16%, #fffffff0 0 16%, transparent 16.5%), radial-gradient(circle at 82% 18%, #fff4d8c7 0 10%, transparent 10.5%), linear-gradient(180deg, #edf8ffeb, #fffffff5 46%, #fff6e0e6 100%), var(--surface)}.question-text{text-align:center;margin:0;font-size:clamp(25px,5vw,34px);font-weight:720;line-height:1.12}.question-answer{align-self:end;gap:16px;display:grid}.price-input{--currency-char-count:3;width:100%;display:flex;position:relative}.number-output{width:100%;min-height:54px;padding:0 max(82px, calc((var(--currency-char-count) * 1ch) + 58px)) 0 14px;color:var(--accent-strong);letter-spacing:0;text-align:right;background:#eef7f4;border:1px solid #0f564c38;border-radius:8px;justify-content:flex-end;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:24px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px 4px #1e252814}.question-currency-select{width:max(58px, calc((var(--currency-char-count) * 1ch) + 24px));height:28px;min-height:28px;color:var(--accent-strong);background:var(--accent-soft);appearance:none;text-align:center;text-align-last:center;border:1px solid #0f564c29;border-radius:6px;padding:0 9px;font-size:13px;font-weight:850;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.keypad{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.keypad-button{border:1px solid var(--line);min-height:58px;color:var(--text);background:var(--surface-muted);border-radius:8px;grid-column:span 2;font-size:24px;font-weight:840}.keypad-button:hover{border-color:var(--accent);background:var(--accent-soft)}.keypad-button-muted{color:var(--muted)}.keypad-button-clear,.keypad-button-delete{grid-column:span 3}.stats-card{--telegram-header-color:#c9ecfe;background:radial-gradient(circle at 50% 18%, #fffffff5 0 18%, transparent 18.5%), linear-gradient(180deg, #bfe9ffd1, #fff6e0e6 56%, #fffffff5), var(--surface)}.stats-subtitle{max-width:560px;color:var(--muted);margin:0 auto;font-size:17px;font-weight:720;line-height:1.3}.stats-content{align-content:center;gap:14px;height:100%;min-height:0;display:grid}.stats-section{background:#ffffffb8;border:1px solid #0f564c29;border-radius:8px;gap:12px;padding:16px;display:grid}.stats-section h3{color:var(--text);margin:0;font-size:18px}.stats-section p{color:var(--muted);margin:0;font-size:15px;font-weight:650;line-height:1.35}.stats-metrics{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;display:grid}.stats-metric{background:#eef7f4;gap:5px;min-width:0;padding:12px;display:grid}.stats-metric strong{color:var(--accent-strong);overflow-wrap:anywhere;font-size:20px;line-height:1}.stats-metric span{color:var(--muted);font-size:12px;font-weight:780;line-height:1.15}.scroll-cue{appearance:none;width:min(100%,300px);color:var(--accent-strong);cursor:pointer;background:0 0;border:0;justify-items:center;gap:2px;margin:0 auto;padding:0;display:grid}.scroll-cue.is-animated{animation:1.35s ease-in-out infinite cue-bounce}.scroll-cue-text{text-align:center;font-size:12px;font-weight:780;line-height:1.15}.scroll-cue-arrow{border-bottom:2px solid;border-right:2px solid;width:9px;height:9px;transform:rotate(45deg)}@keyframes cue-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (width<=620px){.app-shell{--shell-gap-x:0px;--screen-nav-reserve:50px;--screen-content-pad-x:10px}.screen-nav{gap:6px;padding:6px}.screen-nav-button{width:32px;height:32px;font-size:14px}.question-kp-header{gap:6px;padding:6px}.question-kp-header strong{padding:8px 6px;font-size:14px}.question-card,.welcome-card,.stats-card,.settings-card{padding-right:calc(10px + var(--safe-area-right));gap:12px}.settings-field{padding:11px}.welcome-text{font-size:19px}.question-answer{gap:12px}.number-output{min-height:48px;padding:0 max(74px, calc((var(--currency-char-count) * 1ch) + 54px)) 0 12px;font-size:22px}.question-currency-select{height:26px;min-height:26px;font-size:12px;right:8px}.keypad{gap:8px}.keypad-button{min-height:48px;font-size:22px}}@media (prefers-reduced-motion:reduce){.question-kp-pop,.question-kp-star{animation:none}}
