*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d14;--bg2: #13131f;--bg3: #1a1a2e;--card: #16213e;--border: rgba(255,255,255,.07);--accent: #6366f1;--accent2: #60a5fa;--accent-dim: rgba(99,102,241,.15);--green: #4ade80;--yellow: #fbbf24;--red: #f87171;--text: #e8eaff;--text2: #9294b0;--text3: #4a4c6a;--header-bg: rgba(13,13,20,.92);--tab-bg: rgba(13,13,20,.95);--accent-glow: rgba(99,102,241,.4);--radius: 14px;--tab-h: 56px;--header-h: 56px;color-scheme:dark;--green-dim: rgba(74,222,128,.15);--yellow-dim: rgba(251,191,36,.15);--macro-p: #818cf8;--macro-c: #fbbf24;--macro-f: #f87171;--chart-grid: rgba(255,255,255,.05);--chart-ref: rgba(255,255,255,.2);--muscle-idle: #242438;--border-faint: rgba(255,255,255,.04);--shadow-pop: 0 8px 24px rgba(0,0,0,.5)}[data-theme=rosa]{--bg: #110f12;--bg2: #181419;--bg3: #221c24;--card: #281f2a;--border: rgba(255,255,255,.07);--accent: #f43f5e;--accent2: #fb7185;--accent-dim: rgba(244,63,94,.15);--text: #f6eef1;--text2: #a8959c;--text3: #574a51;--header-bg: rgba(17,15,18,.92);--tab-bg: rgba(17,15,18,.95);--accent-glow: rgba(244,63,94,.38)}[data-theme=ambra]{--bg: #12110c;--bg2: #1a1812;--bg3: #24211a;--card: #2a251c;--border: rgba(255,255,255,.07);--accent: #f59e0b;--accent2: #fbbf24;--accent-dim: rgba(245,158,11,.15);--text: #f6f1e6;--text2: #a89c89;--text3: #574f41;--header-bg: rgba(18,17,12,.92);--tab-bg: rgba(18,17,12,.95);--accent-glow: rgba(245,158,11,.36)}[data-theme=grafite]{--bg: #0e0f12;--bg2: #15171b;--bg3: #1d2027;--card: #20242c;--border: rgba(255,255,255,.07);--accent: #4c8dff;--accent2: #7dabff;--accent-dim: rgba(76,141,255,.15);--text: #eef1f6;--text2: #93a0b4;--text3: #4a525f;--header-bg: rgba(14,15,18,.92);--tab-bg: rgba(14,15,18,.95);--accent-glow: rgba(76,141,255,.38)}[data-theme=oceano]{--bg: #08131c;--bg2: #0c1b27;--bg3: #102633;--card: #12303f;--border: rgba(255,255,255,.07);--accent: #06b6d4;--accent2: #38bdf8;--accent-dim: rgba(6,182,212,.16);--text: #e2f4fb;--text2: #88a6b4;--text3: #41606f;--header-bg: rgba(8,19,28,.92);--tab-bg: rgba(8,19,28,.95);--accent-glow: rgba(6,182,212,.4)}[data-theme=carta]{--bg: #f4f5fb;--bg2: #ffffff;--bg3: #eceef6;--card: #ffffff;--border: rgba(0,0,0,.1);--accent: #6366f1;--accent2: #4f46e5;--accent-dim: rgba(99,102,241,.12);--green: #16a34a;--yellow: #d97706;--red: #dc2626;--text: #1a1c2e;--text2: #565a76;--text3: #9aa0b8;--header-bg: rgba(255,255,255,.9);--tab-bg: rgba(255,255,255,.92);--accent-glow: rgba(99,102,241,.25);color-scheme:light;--green-dim: rgba(22,163,74,.12);--yellow-dim: rgba(217,119,6,.14);--macro-p: #6366f1;--macro-c: #d97706;--macro-f: #dc2626;--chart-grid: rgba(0,0,0,.08);--chart-ref: rgba(0,0,0,.25);--muscle-idle: #d8dce8;--border-faint: rgba(0,0,0,.05);--shadow-pop: 0 8px 24px rgba(0,0,0,.15)}html,body,#root{height:100%;height:100dvh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;touch-action:manipulation;-webkit-text-size-adjust:100%}button{cursor:pointer;border:none;background:none;color:inherit;font:inherit}input{font:inherit;color:inherit}.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.app-header{position:fixed;top:0;left:0;right:0;z-index:100;height:calc(var(--header-h) + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.screen-toggle{display:flex;background:var(--bg3);border-radius:10px;padding:3px;gap:2px}.toggle-btn{padding:6px 16px;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--text2);transition:all .2s}.toggle-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.icon-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text2);background:var(--bg3);transition:all .15s}.icon-btn:active{opacity:.7}.screen-wrap{position:relative;flex:1;overflow:hidden;margin-top:calc(var(--header-h) + env(safe-area-inset-top))}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease}.screen.active{transform:none;opacity:1}.screen.left{transform:translate(-100%);opacity:0;pointer-events:none}.screen.right{transform:translate(100%);opacity:0;pointer-events:none}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;height:calc(var(--tab-h) + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-around;padding:0;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:var(--tab-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border)}.tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;font-size:10px;font-weight:600;color:var(--text3);transition:color .2s;padding-top:2px}body.kb-open .tab-bar{display:none}.tab-item.active{color:var(--accent2)}.tab-item svg{transition:transform .2s}.tab-item.active svg{transform:scale(1.1)}.card{background:var(--bg3);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.section-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);padding:0 16px;margin-bottom:10px}.btn-primary{background:var(--accent);color:#fff;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .15s,transform .1s;box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:active{opacity:.85;transform:scale(.98)}.btn-ghost{background:var(--bg3);color:var(--text2);border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);transition:background .15s}.btn-ghost:active{background:var(--bg)}.btn-sm{padding:6px 14px;font-size:13px;box-shadow:none}.btn-xs{padding:4px 12px;font-size:12px;box-shadow:none}.btn-primary:focus-visible,.btn-ghost:focus-visible,.icon-btn:focus-visible,.seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.seg{display:flex;background:var(--bg3);border-radius:10px;padding:3px;gap:2px}.seg-btn{flex:1;padding:7px 0;border-radius:8px;font-size:13px;font-weight:600;background:none;color:var(--text2);transition:all .2s}.seg-btn.active{background:var(--accent);color:#fff}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;animation:fadeIn .2s ease;padding-bottom:var(--kb, 0px);transition:padding-bottom .18s ease}.overlay.center{align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{width:100%;max-height:calc(100dvh - var(--kb, 0px) - 5dvh);background:var(--bg2);border-radius:20px 20px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:10px auto 0;flex-shrink:0}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-title{font-size:16px;font-weight:700}.modal-box{background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border);padding:20px;width:calc(100% - 40px);max-width:360px;animation:popIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.input{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:11px 14px;font-size:16px;color:var(--text);width:100%;outline:none;transition:border-color .15s;-webkit-appearance:none}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text3)}.input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg) inset;caret-color:var(--text)}.input-bare{flex:1;min-width:0;background:none;border:none;outline:none;padding:0;font-size:16px;color:var(--text);caret-color:var(--accent)}.input-bare::placeholder{color:var(--text3)}.input-row{display:flex;align-items:center;gap:8px}.page-content{padding:16px;display:flex;flex-direction:column;gap:16px}.chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:var(--accent-dim);color:var(--accent2);border:1px solid var(--accent-dim)}.prog-bar-bg{height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.prog-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:4px}.flex1{flex:1}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-muted{color:var(--text2)}.text-dim{color:var(--text3)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-yellow{color:var(--yellow)}.text-accent{color:var(--accent2)}.text-center{text-align:center}.bold{font-weight:700}.mt4{margin-top:4px}.mt8{margin-top:8px}.mt12{margin-top:12px}::-webkit-scrollbar{width:0}