:root{--bg: #000000;--card: rgba(28, 28, 30, .7);--card-solid: #0e0e0f;--border: #1c1c1e;--accent: #30d158;--accent-2: #5ae682;--warn: #ffd60a;--bad: #ff453a;--text: #ffffff;--muted: #a1a1a6;--subtle: #6e6e72;--radius-card: 20px;--radius-inner: 13px;--pad-card: 18px;--tab-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg)}body{overflow-x:hidden}input,button,textarea,select{font-family:inherit;color:inherit}button{cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app{min-height:100%;background:radial-gradient(120% 60% at 50% -10%,rgba(48,209,88,.08),transparent 60%),var(--bg)}.screen{max-width:480px;margin:0 auto;padding:calc(var(--safe-top) + 16px) 16px calc(var(--tab-h) + var(--safe-bottom) + 28px);min-height:100vh}.card{background:var(--card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--pad-card);box-shadow:0 8px 30px #00000059}.card+.card{margin-top:16px}.card-tap{transition:transform .15s ease}.card-tap:active{transform:scale(.985)}.section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.hero-number{font-size:52px;font-weight:700;letter-spacing:-.03em;line-height:1}.muted{color:var(--muted)}.subtle{color:var(--subtle);font-size:12.5px}.body{font-size:15px;line-height:1.45}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-inner);padding:13px 18px;font-size:15px;font-weight:600;transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04210e;width:100%}.btn-ghost{background:var(--card-solid);border:1px solid var(--border);color:var(--text)}.btn-sm{padding:8px 13px;font-size:13px}.btn:disabled{opacity:.5}.input,.textarea{width:100%;background:var(--card-solid);border:1px solid var(--border);border-radius:var(--radius-inner);padding:13px 14px;font-size:16px;color:var(--text);outline:none;transition:border-color .15s ease}.input:focus,.textarea:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:88px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--card-solid);border:1px solid var(--border);border-radius:999px;padding:7px 12px;font-size:13px;color:var(--muted)}.chip-active{border-color:var(--accent);color:var(--text)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:space-around;align-items:center;height:calc(var(--tab-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#0a0a0bcc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border)}.tabbar-inner{width:100%;max-width:480px;margin:0 auto;display:flex;justify-content:space-around}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 10px;font-size:10.5px;font-weight:500;color:var(--subtle);transition:color .15s ease}.tab-active{color:var(--accent)}.header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.header h1{font-size:26px;font-weight:700;letter-spacing:-.02em}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--card-solid);border:1px solid var(--border);color:var(--text);transition:transform .12s ease}.icon-btn:active{transform:scale(.92)}.ring-wrap{display:flex;align-items:center;gap:18px}.macro-row{display:flex;flex-direction:column;gap:6px}.macro-track{height:8px;border-radius:999px;background:var(--card-solid);overflow:hidden}.macro-fill{height:100%;border-radius:999px;transition:width .5s ease}.skeleton{border-radius:var(--radius-inner);background:linear-gradient(100deg,#ffffff0a 30%,#ffffff17,#ffffff0a 70%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap8{gap:8px}.gap12{gap:12px}.wrap{flex-wrap:wrap}.grow{flex:1}.center{align-items:center;justify-content:center}.col{display:flex;flex-direction:column}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}.text-accent{color:var(--accent)}.text-warn{color:var(--warn)}.text-bad{color:var(--bad)}.fade-in{animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}