*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--g-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--g-energy: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--g-cool: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--g-warm: linear-gradient(135deg, #fddb92 0%, #d1fdff 100%);--g-dark: linear-gradient(135deg, #0f0c29, #302b63, #24243e);--g-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--c-primary: #667eea;--c-energy: #f5576c;--c-success: #38ef7d;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--nav-height: 84px;--safe-bottom: env(safe-area-inset-bottom, 0px);--c-text-sub: rgba(255,255,255,.55);--c-text-muted: rgba(255,255,255,.35);--c-text-hint: rgba(255,255,255,.22);--c-surface: rgba(255,255,255,.06);--c-surface-2: rgba(255,255,255,.1);--c-border: rgba(255,255,255,.1);--c-border-2: rgba(255,255,255,.16);--c-modal: rgba(18,16,38,.99);--c-sheet: rgba(18,16,38,.98);--c-nav-active: #c4b5fd}[data-theme=light]{--c-text-sub: rgba(0,0,0,.55);--c-text-muted: rgba(0,0,0,.38);--c-text-hint: rgba(0,0,0,.25);--c-surface: rgba(0,0,0,.05);--c-surface-2: rgba(0,0,0,.08);--c-border: rgba(0,0,0,.1);--c-border-2: rgba(0,0,0,.15);--c-modal: rgba(242,242,247,.99);--c-sheet: rgba(242,242,247,.98);--c-nav-active: #5c4fcf}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;background:var(--tg-theme-bg-color, #0f0f23);color:var(--tg-theme-text-color, #ffffff);overscroll-behavior:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-in{animation:fadeInUp .45s cubic-bezier(.16,1,.3,1) both}.delay-1{animation-delay:.07s}.delay-2{animation-delay:.14s}.delay-3{animation-delay:.21s}.delay-4{animation-delay:.28s}.delay-5{animation-delay:.35s}.page{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:20px 16px calc(var(--nav-height) + var(--safe-bottom) + 16px);animation:fadeIn .25s ease both}.page--no-nav{padding-bottom:20px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card--gradient{background:var(--g-primary);border:none}.gradient-text{background:var(--g-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text--energy{background:var(--g-energy);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 20px;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:active{transform:none}.btn--primary{background:var(--g-primary);color:#fff;box-shadow:0 8px 24px #667eea66}.btn--energy{background:var(--g-energy);color:#fff;box-shadow:0 8px 24px #f5576c66}.btn--success{background:var(--g-success);color:#fff;box-shadow:0 8px 24px #38ef7d4d}.btn--ghost{background:var(--c-surface-2);color:var(--tg-theme-text-color, #fff);border:1px solid var(--c-border-2);box-shadow:none}.btn--icon{width:44px;height:44px;padding:0;border-radius:50%;font-size:20px;flex-shrink:0}.fab{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px);right:20px;width:56px;height:56px;border-radius:50%;border:none;background:var(--g-energy);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 8px 24px #f5576c80;transition:transform .2s ease;z-index:10;display:flex;align-items:center;justify-content:center}.fab:active{transform:scale(.9)}.input{width:100%;padding:15px 16px;background:var(--c-surface);border:1px solid var(--c-border-2);border-radius:var(--radius-sm);color:var(--tg-theme-text-color, #fff);font-size:16px;outline:none;transition:border-color .2s,background .2s}.input:focus{border-color:var(--c-primary);background:#667eea14}.input::placeholder{color:var(--c-text-muted)}textarea.input{resize:none;font-family:inherit}.option-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--radius-sm);color:var(--tg-theme-text-color, #fff);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.option-btn:active{transform:scale(.97)}.option-btn--active{background:#667eea33;border-color:var(--c-primary);color:var(--tg-theme-text-color, #fff)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fadeIn .2s ease both}.sheet{position:fixed;bottom:0;left:0;right:0;background:var(--c-sheet);border-radius:24px 24px 0 0;padding:24px 20px calc(20px + var(--safe-bottom));z-index:101;animation:slideUp .35s cubic-bezier(.16,1,.3,1) both;max-height:90vh;overflow-y:auto}.sheet-handle{width:36px;height:4px;background:var(--c-border-2);border-radius:2px;margin:0 auto 20px}.skeleton{background:linear-gradient(90deg,var(--c-surface) 0%,var(--c-surface-2) 50%,var(--c-surface) 100%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:0}