:root{--c-bg:#f7f7f8;--c-surface:#fff;--c-surface-2:#f1f1f3;--c-border:#e3e3e7;--c-text:#1c1c1e;--c-text-2:#6b6b70;--c-text-3:#9a9aa1;--c-accent:#16a34a;--c-accent-soft:#dcfce7;--c-accent-2:#2563eb;--c-accent-3:#f59e0b;--c-danger:#dc2626;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #0000000a, 0 1px 3px #0000000f;--shadow-md:0 2px 6px #0000000f, 0 4px 14px #00000014;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", Arial, sans-serif;--font-num:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", Arial, sans-serif;--tabbar-h:64px;--maxw:640px}@media (prefers-color-scheme:dark){:root.theme-system,:root:not(.theme-light):not(.theme-dark){--c-bg:#0c0c0d;--c-surface:#161618;--c-surface-2:#1f1f22;--c-border:#2a2a2e;--c-text:#f5f5f7;--c-text-2:#a8a8ad;--c-text-3:#6b6b70;--c-accent-soft:#052e16}}:root.theme-dark{--c-bg:#0c0c0d;--c-surface:#161618;--c-surface-2:#1f1f22;--c-border:#2a2a2e;--c-text:#f5f5f7;--c-text-2:#a8a8ad;--c-text-3:#6b6b70;--c-accent-soft:#052e16}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;margin:0;font-size:16px;line-height:1.4}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--c-accent-2);text-decoration:none}.app{min-height:100%;max-width:var(--maxw);padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + var(--sp-4));margin:0 auto;position:relative}.screen{padding:var(--sp-4);padding-top:calc(var(--sp-5) + env(safe-area-inset-top,0px))}.screen-title{letter-spacing:-.02em;margin:0 0 var(--sp-4);color:var(--c-text);font-size:28px;font-weight:700}.tabbar{background:color-mix(in srgb, var(--c-surface) 92%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--c-border);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);z-index:50;max-width:var(--maxw);justify-content:space-around;align-items:stretch;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--c-text-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;font-size:11px;text-decoration:none;display:flex}.tabbar a.active{color:var(--c-accent)}.tabbar a .icon{font-size:22px;line-height:1}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-4);margin-bottom:var(--sp-4);box-shadow:var(--shadow-sm)}.card h2{text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-2);margin:0 0 var(--sp-3);font-size:13px;font-weight:600}.chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chip{appearance:none;background:var(--c-surface-2);color:var(--c-text);white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.chip:hover{background:var(--c-border)}.chip.active{background:var(--c-accent-soft);color:var(--c-accent);border-color:var(--c-accent)}.field{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-direction:column;display:flex}.field-label{color:var(--c-text-2);justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.field-value{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--c-text);letter-spacing:-.01em;font-size:18px;font-weight:600}.field input[type=range]{width:100%;accent-color:var(--c-accent)}.input-num{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-num);font-variant-numeric:tabular-nums;padding:10px 12px}.input-num:focus{outline:2px solid var(--c-accent);outline-offset:1px}.toggle{align-items:center;gap:var(--sp-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.toggle input{display:none}.toggle .track{background:var(--c-border);border-radius:999px;width:44px;height:26px;transition:background .15s;position:relative}.toggle .track:after{content:"";width:22px;height:22px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle input:checked+.track{background:var(--c-accent)}.toggle input:checked+.track:after{transform:translate(18px)}.kpi{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.kpi:last-child{border-bottom:none}.kpi-label{color:var(--c-text-2);font-size:14px}.kpi-value{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--c-text);font-size:18px;font-weight:600}.kpi-value.big{font-size:28px}.kpi-value.accent{color:var(--c-accent)}.btn{appearance:none;background:var(--c-accent);color:#fff;border-radius:var(--radius-md);border:none;width:100%;padding:12px 18px;font-size:16px;font-weight:600;transition:filter .12s}.btn:hover{filter:brightness(1.05)}.btn:active{filter:brightness(.95)}.btn.secondary{background:var(--c-surface-2);color:var(--c-text);border:1px solid var(--c-border)}.btn.danger{color:var(--c-danger);border:1px solid var(--c-border);background:0 0}.row{gap:var(--sp-2);display:flex}.row>*{flex:1}.compare-grid{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.empty{text-align:center;padding:var(--sp-7) var(--sp-4);color:var(--c-text-2)}.muted{color:var(--c-text-2);font-size:14px}