:root{color-scheme:dark;--bg: #0a0a0c;--bg-card: #151518;--bg-elevated: #1c1c21;--bg-nav: #111114;--bg-input: rgba(255, 255, 255, .08);--bg-input-focus: rgba(255, 255, 255, .12);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .62);--text-tertiary: rgba(255, 255, 255, .38);--accent: #6366f1;--accent-hover: #7c7ff5;--accent-text: #ffffff;--danger: #ef4444;--success: #22c55e;--coin: #fbbf24;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .14);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--device-safe-top: env(safe-area-inset-top, 0px);--device-safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: var(--device-safe-top);--safe-bottom: var(--device-safe-bottom);--tg-safe-top: 0px;--tg-safe-bottom: 0px;--nav-height: 64px;--header-height: 52px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img,video{display:block;max-width:100%}#app{position:relative;width:100%;max-width:600px;height:var(--app-viewport-height, var(--tg-viewport-height, 100%));overflow:hidden;margin:0 auto}@media(min-width:1024px){#app{max-width:100%}}.screen{position:absolute;inset:0;display:none;flex-direction:column;overflow:hidden}.screen.is-active{display:flex}.screen__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(var(--safe-top) + 12px) 16px calc(var(--nav-height) + var(--safe-bottom) + 16px)}.nav{position:absolute;left:0;right:0;bottom:0;display:flex;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-nav);border-top:1px solid var(--border);z-index:10}.nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-tertiary);font-size:11px;transition:color .15s}.nav__item.is-active{color:var(--accent)}.nav__icon{font-size:20px;line-height:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.card+.card{margin-top:12px}.section-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:0 20px;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-text);font-size:16px;font-weight:600;transition:background .15s,opacity .15s}.btn:active{background:var(--accent-hover)}.btn:disabled{opacity:.45;cursor:default}.btn--secondary{background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-primary)}.btn__price{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:500;opacity:.85}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 14px;border-radius:var(--radius-full);background:var(--bg-input);border:1px solid transparent;color:var(--text-secondary);font-size:14px;transition:all .15s}.chip.is-selected{background:#6366f12e;border-color:var(--accent);color:var(--text-primary)}.field{width:100%;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid transparent;color:var(--text-primary);resize:none}.field:focus{outline:none;background:var(--bg-input-focus);border-color:var(--border-light)}.field::placeholder{color:var(--text-tertiary)}.coin{color:var(--coin);font-weight:600}.muted{color:var(--text-tertiary);font-size:13px}.error-box{padding:12px 14px;border-radius:var(--radius-md);background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:14px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.is-hidden{display:none!important}.boot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:var(--bg);z-index:100}