*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#0a0c14;--bg-card:#121726;--bg-card2:#161c2d;--bg-input:#0d1117;--border:#ffffff12;--border-focus:#e8722a80;--text-primary:#f0f2f8;--text-secondary:#8b92a8;--text-muted:#5a6075;--accent-orange:#e8722a;--accent-orange-light:#ff9a5c;--accent-purple:#7c5cbf;--accent-purple-light:#a078e8;--radius-card:16px;--radius-input:10px;--shadow-card:0 4px 40px #00000080;--transition:.2s ease}html{scroll-behavior:smooth}body{background-color:var(--bg-deep);min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 60% at 10% 0,#7c5cbf2e 0%,#0000 60%),radial-gradient(60% 50% at 90% 100%,#e8722a1f 0%,#0000 55%);font-family:Inter,system-ui,sans-serif}#root{justify-content:center;min-height:100vh;padding:32px 16px 80px;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.app{width:100%;max-width:920px}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.header__title{letter-spacing:-.5px;font-size:clamp(20px,4vw,28px);font-weight:800;line-height:1.2}.header__tagline{color:var(--text-muted);letter-spacing:.02em;margin-top:6px;font-size:12px}.header__right{flex-shrink:0;align-items:center;gap:10px;display:flex}.currency-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#e8722a,#c85a15);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:11px;font-weight:700;display:flex;box-shadow:0 0 16px #e8722a66}.currency-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b92a8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-color:var(--bg-card);border-radius:10px;outline:none;padding:9px 32px 9px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.currency-select:focus{border-color:var(--border-focus)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:border-color var(--transition);padding:20px 22px}.card:hover{border-color:#ffffff1c}.card__label{color:var(--text-secondary);align-items:center;gap:7px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.card__hint{color:var(--text-muted);margin-top:9px;font-size:11.5px;line-height:1.55}.card__hint--error{color:#e85c5c!important}.grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=700px){.grid-3{grid-template-columns:1fr 1fr}}@media (width<=500px){.grid-2,.grid-3{grid-template-columns:1fr}}.field{background:var(--bg-input);border-radius:var(--radius-input);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);border:1px solid #ffffff0f;outline:none;padding:12px 15px;font-family:Inter,sans-serif;font-size:14px}.field::placeholder{color:var(--text-muted)}.field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #e8722a14}.field--error{border-color:#e85c5c8c!important}select.field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b92a8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-color:var(--bg-input);cursor:pointer;padding-right:36px}select.field option{background:#1a2136}.info-btn{width:18px;height:18px;color:var(--accent-orange-light);cursor:pointer;transition:background var(--transition);background:#ff8c3c26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Georgia,serif;font-size:10px;font-style:italic;font-weight:700;display:inline-flex;position:relative}.info-btn:hover{background:#ff8c3c47}.info-btn__tip{color:var(--text-secondary);white-space:nowrap;white-space:normal;z-index:200;pointer-events:none;text-align:left;background:#1e2540;border:1px solid #ffffff1a;border-radius:8px;max-width:260px;padding:8px 12px;font-family:Inter,sans-serif;font-size:11.5px;font-style:normal;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000080}.info-btn__tip:after{content:"";border:5px solid #0000;border-top-color:#1e2540;position:absolute;top:100%;left:50%;transform:translate(-50%)}.slider-card{margin-bottom:16px}.slider-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.slider-value{color:var(--accent-orange-light);flex-shrink:0;font-size:20px;font-weight:800}.range{appearance:none;cursor:pointer;background:linear-gradient(90deg, var(--accent-orange) var(--pct,14%), #7c5cbf4d var(--pct,14%));border:none;border-radius:2px;outline:none;width:100%;height:4px;transition:background .1s}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-orange);cursor:pointer;border-radius:50%;width:22px;height:22px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 4px #e8722a33,0 2px 8px #00000080}.range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 7px #e8722a38,0 2px 8px #00000080}.range::-moz-range-thumb{background:var(--accent-orange);cursor:pointer;border:none;border-radius:50%;width:22px;height:22px}.slider-hint{color:var(--text-muted);margin-top:10px;font-size:11.5px;line-height:1.5}.advanced-toggle{color:var(--text-secondary);cursor:pointer;transition:color var(--transition);-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:14px;padding:4px 0;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:flex}.advanced-toggle:hover{color:var(--text-primary)}.arrow{font-size:9px;transition:transform .25s;display:inline-block}.arrow--open{transform:rotate(90deg)}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.btn{cursor:pointer;letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;border-radius:10px;padding:12px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.btn:active{transform:scale(.96)}.btn--primary{color:#fff;background:linear-gradient(135deg,#e8722a,#c85a15);border-color:#ff8c3c40;box-shadow:0 4px 20px #e8722a4d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #e8722a73}.btn--secondary{color:var(--text-primary);background:0 0;border-color:#ffffff1f}.btn--secondary:hover{background:#ffffff0d;border-color:#ffffff38}.divider{background:var(--border);height:1px;margin:24px 0 20px}.results{animation:.4s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.results__title{margin-bottom:16px;font-size:15px;font-weight:700}.results-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}@media (width<=700px){.results-grid{grid-template-columns:1fr 1fr}}@media (width<=420px){.results-grid{grid-template-columns:1fr}}.result-card{background:var(--bg-card2);border:1px solid var(--border);border-radius:12px;padding:16px;transition:transform .2s,border-color .2s}.result-card:hover{border-color:#ffffff1f;transform:translateY(-2px)}.result-card--orange{background:linear-gradient(135deg,#e8722a12,#c85a1508);border-color:#e8722a47}.result-card--purple{background:linear-gradient(135deg,#7c5cbf12,#6446aa08);border-color:#7c5cbf47}.result-card--green{background:linear-gradient(135deg,#5ce87c0d,#0000);border-color:#5ce87c33}.result-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10.5px;font-weight:500}.result-value{letter-spacing:-.5px;font-size:clamp(18px,3vw,23px);font-weight:800}.result-value--orange{color:var(--accent-orange-light)}.result-value--purple{color:var(--accent-purple-light)}.result-value--green{color:#5ce87c}.result-value--red{color:#e85c5c}.result-sub{color:var(--text-muted);margin-top:4px;font-size:11px}.breakdown{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;margin-top:14px;padding:4px 16px}.breakdown-row{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.breakdown-row+.breakdown-row{border-top:1px solid #ffffff0a}.breakdown-key{color:var(--text-muted);min-width:0}.breakdown-val{color:var(--text-primary);flex-shrink:0;font-weight:600}.breakdown-val--pos{color:#5ce87c}.breakdown-val--neg{color:#e85c5c}.toast{color:var(--text-primary);z-index:9999;background:#1e2540;border:1px solid #ffffff1a;border-radius:10px;max-width:calc(100vw - 40px);padding:12px 18px;font-size:13px;animation:.3s toastIn;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 32px #00000080}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media print{body{color:#000;background:#fff}.actions,.advanced-toggle,.toast{display:none}.card,.result-card{box-shadow:none;border:1px solid #ccc}}