:root{--radius:12px;--sans:"Inter", system-ui, -apple-system, sans-serif;--transition:.25s ease}[data-theme=light]{--bg:#eef0f5;--surface:#fff;--surface-hover:#f4f5f8;--border:#d4d7e0;--border-focus:#6366f1;--text:#52566a;--text-h:#1b1d2a;--accent:#5558e6;--accent-hover:#4347d9;--accent-text:#fff;--accent-bg:#5558e61a;--accent-border:#5558e659;--success:#0d9f6e;--success-bg:#0d9f6e14;--success-border:#0d9f6e4d;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000012;--toggle-bg:#c9cdd8;--toggle-bg-active:#5558e6}[data-theme=dark]{--bg:#0c0e14;--surface:#161923;--surface-hover:#1e2130;--border:#272b3a;--border-focus:#7c7ff2;--text:#8b90a5;--text-h:#eaecf4;--accent:#7c7ff2;--accent-hover:#9a9df5;--accent-text:#0c0e14;--accent-bg:#7c7ff21a;--accent-border:#7c7ff24d;--success:#34d399;--success-bg:#34d39914;--success-border:#34d39940;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--toggle-bg:#2e3245;--toggle-bg-active:#7c7ff2}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100dvh;transition:background var(--transition), color var(--transition)}#root{justify-content:center;min-height:100dvh;display:flex}.app{width:100%;max-width:520px;min-height:100dvh}.screen{flex-direction:column;gap:26px;padding:24px 20px;display:flex}.screen-header{justify-content:space-between;align-items:center;display:flex}.screen-header h1{color:var(--text-h);letter-spacing:-.3px;font-size:22px;font-weight:700}.icon-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:18px;display:flex}.icon-btn:hover{background:var(--surface-hover);border-color:var(--border-focus);color:var(--text-h)}.icon-btn:active{transform:scale(.95)}.form-group{flex-direction:column;gap:10px;display:flex}.form-group>label{text-transform:uppercase;letter-spacing:.8px;color:var(--text);opacity:.75;font-size:11px;font-weight:600}.radio-group{gap:8px;display:flex}.radio-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);transition:all var(--transition);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;padding:13px 8px;font-size:13px;font-weight:600;display:flex}.radio-card:hover{border-color:var(--accent-border);background:var(--surface-hover)}.radio-card.selected{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent-border)}.radio-card input{display:none}select{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-h);font-size:15px;font-family:var(--sans);cursor:pointer;appearance:none;transition:all var(--transition);box-shadow:var(--shadow-sm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238b90a5'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding:13px 16px;font-weight:500}select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-bg);outline:none}input[type=number]{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-h);font-size:15px;font-weight:500;font-family:var(--sans);transition:all var(--transition);box-shadow:var(--shadow-sm);padding:13px 16px}input[type=number]:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.estimate-btn{background:var(--accent);border-radius:var(--radius);width:100%;color:var(--accent-text);font-size:15px;font-weight:700;font-family:var(--sans);cursor:pointer;transition:all var(--transition);letter-spacing:.2px;border:none;padding:15px}.estimate-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.estimate-btn:active{transform:scale(.98)}.result-card{background:var(--success-bg);border:1.5px solid var(--success-border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:8px;padding:28px 20px;display:flex}.result-label{text-transform:uppercase;letter-spacing:.8px;color:var(--success);font-size:11px;font-weight:600}.result-value{color:var(--success);letter-spacing:-.5px;font-size:30px;font-weight:800}.theme-toggle{align-items:center;gap:14px;display:flex}.theme-icon{transition:opacity var(--transition);opacity:.4;font-size:18px;line-height:1}.theme-icon.active{opacity:1}.toggle-track{background:var(--toggle-bg);cursor:pointer;width:56px;height:30px;transition:background var(--transition);border:none;border-radius:15px;flex-shrink:0;padding:0;position:relative}.toggle-track.active{background:var(--toggle-bg-active)}.toggle-thumb{width:24px;height:24px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-track.active .toggle-thumb{transform:translate(26px)}@media (width<=380px){.screen{gap:18px;padding:16px 14px}.screen-header h1{font-size:18px}.radio-card{padding:10px 4px;font-size:12px}.result-value{font-size:24px}.estimate-btn{padding:13px;font-size:14px}}@media (width>=521px){.screen{padding:44px 36px}.screen-header h1{font-size:28px}.radio-card{padding:15px 12px;font-size:15px}.result-card{padding:36px 24px}.result-value{font-size:34px}}