.app{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--surface-2);display:flex;flex-direction:column}.scroll{flex:1;overflow-y:auto;padding:0 16px calc(76px + env(safe-area-inset-bottom,0px))}.pt-safe{padding-top:max(14px,env(safe-area-inset-top,0px))}.btn{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--r-md);padding:15px 16px;font:700 15px var(--font);cursor:pointer;width:100%;transition:transform .08s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:linear-gradient(135deg,#2aabee,#3a6df0);color:#fff;box-shadow:0 16px 30px -12px #2f6ee8b3}.btn-ghost{background:transparent;color:var(--ink-2);box-shadow:none}.btn-soft{background:var(--surface);color:var(--brand-blue-deep);border:1px solid var(--line)}.btn-pill{border-radius:var(--r-pill)}.card{background:var(--surface);border-radius:20px;padding:14px;box-shadow:0 2px 4px #1428500d,0 18px 34px -20px #1428504d}.card-flat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}.chip{flex:0 0 auto;font:700 10px var(--font);border-radius:var(--r-pill);padding:2px 7px}.chip-menfess{color:var(--brand-blue-deep);background:var(--surface-tint)}.chip-message{color:var(--teal);background:#e1f6f4}.badge-plan{display:flex;align-items:center;gap:5px;background:#fff3;border:1px solid rgba(255,255,255,.28);border-radius:var(--r-pill);padding:5px 10px;color:#fff;font:700 12px var(--font);flex:0 0 auto}.tile{display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:#fff}.tile-menfess{background:linear-gradient(135deg,#2aabee,#2f73e8);box-shadow:0 8px 16px -6px #2f6ee88c}.tile-message{background:linear-gradient(135deg,#1bc5bd,#0e9c97);box-shadow:0 8px 16px -6px #0e9c9780}.section-label{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 8px}.section-label .lbl{font:700 12px var(--font);color:var(--muted);letter-spacing:.8px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);z-index:20}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;background:none;border:0;cursor:pointer;color:var(--muted)}.nav-item .pill{width:48px;height:30px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center}.nav-item.active{color:var(--brand-blue-deep)}.nav-item.active .pill{background:linear-gradient(135deg,#2aabee29,#3a6df029)}.nav-item i{font-size:22px}.nav-item span{font:600 10.5px var(--font)}.nav-item.active span{font-weight:700}.field-label{font:700 12.5px var(--font);color:var(--ink);margin-bottom:7px;display:block}.input{width:100%;border:1.5px solid var(--line-2);border-radius:var(--r-md);padding:13px 14px;font:500 15px var(--mono);color:var(--ink);background:var(--surface);outline:none}.input:focus{border-color:var(--brand-blue)}.topbar{display:flex;align-items:center;gap:12px;padding:6px 4px 14px}.topbar .title{font:800 19px var(--font);color:var(--ink);letter-spacing:-.3px}.iconbtn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--ink-2);cursor:pointer;flex:0 0 auto}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font:800 18px var(--font);flex:0 0 auto}:root{--tg-blue: #2aabee;--brand-blue: #3a6df0;--brand-blue-deep: #2f73e8;--grad-brand: linear-gradient(150deg, #2a4fc7 0%, #3a6df0 55%, #2aabee 100%);--grad-menfess: linear-gradient(135deg, #3fbbd6, #0e9c97);--grad-premium: linear-gradient(135deg, #8b7bf0, #6d5ae6);--grad-amber: linear-gradient(135deg, #f7b93e, #ee9412);--grad-green: linear-gradient(135deg, #22c77e, #12a866);--teal: #0e9c97;--purple: #6d5ae6;--amber: #ee9412;--green: #12b76a;--red: #d33a3a;--ink: #0e1826;--ink-2: #55647a;--muted: #93a2b5;--line: #e7ecf4;--line-2: #dde5f0;--surface: #ffffff;--surface-2: #f0f4fa;--surface-tint: #e8f1fe;--bg: #dbe2eb;--r-pill: 999px;--r-lg: 18px;--r-md: 14px;--r-sm: 11px;--shadow-card: 0 1px 2px rgba(14, 24, 38, .04), 0 8px 24px rgba(14, 24, 38, .06);--font: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}:root[data-theme=dark]{--ink: #eef2f7;--ink-2: #aeb9c7;--muted: #7e8da1;--line: #243244;--line-2: #2c3c50;--surface: #17212b;--surface-2: #1d2b38;--surface-tint: #1b2a3a;--bg: #0e1621}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}i[class^=ph],i[class*=" ph"]{line-height:1;font-style:normal}button{font-family:inherit;cursor:pointer}a{text-decoration:none;color:inherit}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}