@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0b0f19;--surface-color:#ffffff08;--surface-border:#ffffff14;--text-primary:#fff;--text-secondary:#94a3b8;--accent-color:#4facfe;--accent-gradient:linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--profit-color:#00b09b;--loss-color:#f36;--input-bg:#0003;--shadow-glow:0 0 40px #4facfe26;--border-radius:24px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#4facfe14,#0000 25%),radial-gradient(circle at 85% 30%,#00f2fe14,#0000 25%);justify-content:center;align-items:center;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow-x:hidden}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:var(--border-radius);box-shadow:var(--shadow-glow)}h1{background:var(--accent-gradient);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:2rem;font-weight:700}h2{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.text-muted{color:var(--text-secondary);font-size:.875rem}.input-group{margin-bottom:1.25rem;position:relative}.input-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}input{background:var(--input-bg);border:1px solid var(--surface-border);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:12px;outline:none;padding:.875rem 1rem;font-family:inherit;font-size:1rem}input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px #4facfe1a}input::placeholder{color:#fff3}.tabs{background:#0003;border-radius:16px;margin-bottom:2rem;padding:.375rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:12px;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:600}.tab-btn.active{background:var(--surface-color);color:var(--text-primary);box-shadow:0 4px 12px #0003}.tab-btn:hover:not(.active){color:var(--text-primary)}.result-box{border:1px solid var(--surface-border);background:#0000004d;border-radius:16px;margin-top:2rem;padding:1.5rem}.result-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.result-row:last-child{border-bottom:none}.result-label{color:var(--text-secondary);font-size:.9375rem}.result-value{font-size:1.125rem;font-weight:600}.result-value.highlight{font-size:1.5rem;font-weight:700}.profit{color:var(--profit-color)}.loss{color:var(--loss-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out forwards fadeIn}.app-container{width:100%;max-width:480px;margin:0 auto;padding:2.5rem}@media (width<=480px){.app-container{box-shadow:none;border:none;border-radius:0;min-height:100vh;padding:1.5rem}}