:root{--ink:#101827;--navy:#121c2c;--blue:#2d63ff;--lime:#c8f548;--paper:#f5f3ec}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}button,input,select{font:inherit}.auth-shell{background:radial-gradient(circle at 50% 0%,#2d63ff2e,transparent 42%),var(--paper);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{text-align:center;background:#fff;border:1px solid #1018271f;border-radius:26px;width:min(520px,100%);padding:44px;box-shadow:0 24px 70px #1018271f}.auth-mark{background:var(--ink);width:52px;height:52px;color:var(--lime);border-radius:15px;place-items:center;margin:0 auto 20px;font-weight:900;display:grid}.auth-card h1{letter-spacing:-.055em;margin:12px 0;font-size:clamp(30px,7vw,44px);line-height:1.08}.auth-card>p:not(.eyebrow){color:#697181;margin:0 auto;line-height:1.7}.auth-card button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;margin-top:22px;padding:11px 18px;font-weight:800}.auth-loader{border:3px solid #dce4ff;border-top-color:var(--blue);border-radius:50%;width:24px;height:24px;margin:24px auto 0;animation:.8s linear infinite auth-spin;display:block}.user-id{color:#293754;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#f0f3f9;border-radius:10px;margin-top:22px;padding:12px;display:block}@keyframes auth-spin{to{transform:rotate(360deg)}}.app-shell{background:radial-gradient(circle at 80% 0%,#2d63ff1f,transparent 29%),var(--paper);min-height:100vh}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#f5f3ecd1;border-bottom:1px solid #1018271f;justify-content:space-between;align-items:center;height:72px;padding:0 max(28px,50vw - 620px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-size:17px;font-weight:800;display:flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--lime);border-radius:10px;place-items:center;font-size:15px;display:grid}.source-note{color:#6b7280;align-items:center;gap:8px;font-size:13px;display:flex}.live-dot{background:#57b96c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #57b96c24}.library-button{cursor:pointer;background:0 0;border:1px solid #c9ccd2;border-radius:10px;padding:9px 13px;font-weight:700}.library-button span{background:var(--ink);color:#fff;border-radius:999px;margin-left:5px;padding:2px 7px;font-size:11px}.hero{justify-content:space-between;align-items:flex-end;gap:30px;max-width:1240px;margin:0 auto;padding:58px 28px 36px;display:flex}.eyebrow{letter-spacing:.15em;color:var(--blue);font:700 11px/1.2 ui-monospace,SFMono-Regular,monospace}h1{letter-spacing:-.075em;margin:10px 0 12px;font-size:clamp(44px,6vw,76px);line-height:.95}h1 em{color:var(--blue);font-style:normal}.hero-copy{color:#606876;margin:0;font-size:16px}.verdict{border:1px solid #1018271f;border-radius:20px;min-width:300px;padding:20px 22px;display:grid;box-shadow:0 12px 40px #10182714}.verdict.positive{background:var(--lime)}.verdict.negative{background:#ffcdc8}.verdict-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800}.verdict strong{letter-spacing:-.05em;margin:4px 0;font-size:34px;line-height:1.15}.verdict>span:last-child{font-size:13px}.workspace{grid-template-columns:1.02fr .98fr;gap:18px;max-width:1240px;margin:0 auto;padding:0 28px 28px;display:grid}.control-card,.result-card{border-radius:24px;min-height:440px;padding:27px}.control-card{background:#fff;border:1px solid #1018271f;box-shadow:0 18px 50px #10182712}.result-card{background:var(--navy);color:#fff;box-shadow:0 20px 50px #0c162533}.section-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-heading>div{align-items:center;gap:10px;display:flex}.section-heading span{width:26px;height:26px;color:var(--blue);background:#e8edff;border-radius:8px;place-items:center;font:800 11px/1 ui-monospace,monospace;display:grid}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:18px}.section-heading p{color:#8a9099;margin:0;font-size:12px}.section-heading.light span{color:var(--lime);background:#c8f54824}.field{display:block}.field>span{color:#707886;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.product-field select{background:#f9fafb;border:1px solid #cfd5e0;border-radius:12px;outline:none;width:100%;padding:15px 16px;font-weight:800}.product-field small{color:#8a919c;margin:7px 2px 21px;font-size:11px;display:block}.input-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.number-field div{background:#f4f7ff;border:1px solid #b8c6ec;border-radius:12px;align-items:center;height:54px;padding:0 14px;display:flex;box-shadow:inset 0 0 0 1px #2d63ff0d}.number-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:22px;font-weight:800}.number-field b{color:var(--blue)}.rate-strip{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.rate-strip span{color:#6b7280;background:#f2f2ef;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700}.headline-metric{border-bottom:1px solid #ffffff21;padding-bottom:20px}.headline-metric>span{color:#aeb6c4;font-size:12px}.headline-metric>strong{letter-spacing:-.06em;margin:7px 0 14px;font-size:clamp(43px,5vw,64px);line-height:1;display:block}.profit{color:var(--lime)}.loss{color:#ff8d82}.margin-line{justify-content:space-between;align-items:center;display:flex}.margin-line span{color:#aeb6c4;font-size:12px}.margin-line b{font-size:24px}.metric-grid{background:#ffffff1a;grid-template-columns:1fr 1fr;gap:1px;margin:22px 0;display:grid}.metric-grid>div{background:var(--navy);padding:12px 0;display:grid}.metric-grid>div:nth-child(2n){padding-left:22px}.metric-grid span{color:#9ca7b7;font-size:11px}.metric-grid strong{margin:3px 0;font-size:21px}.metric-grid small{color:#697487;font-size:10px}.meter-label{color:#aab3c1;justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.meter-track{background:#2b3646;border-radius:999px;height:8px;overflow:hidden}.meter-track span{background:linear-gradient(90deg,var(--blue),var(--lime));border-radius:inherit;height:100%;transition:width .25s;display:block}.formula-bar{color:#7c838d;border-top:1px solid #10182726;gap:18px;max-width:1184px;margin:0 auto 42px;padding:19px 0;font-size:11px;display:flex}.formula-bar span{color:var(--ink);white-space:nowrap;font-weight:800}.formula-bar code{font-family:ui-monospace,SFMono-Regular,monospace}.breakdown{background:#fff;border:1px solid #1018271f;border-radius:20px;max-width:1184px;margin:2px auto 24px;padding:25px 27px}.breakdown-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.breakdown-grid>div{background:#f5f5f1;border-radius:12px;padding:13px}.breakdown-grid>div.highlight{background:#edf8c9}.breakdown-grid span{color:#727986;min-height:28px;font-size:10px;display:block}.breakdown-grid strong{margin:3px 0 9px;font-size:18px;display:block}.breakdown-grid div div{background:#dfe2e5;border-radius:99px;height:4px;overflow:hidden}.breakdown-grid i{background:var(--blue);border-radius:inherit;height:100%;display:block}.breakdown-grid .highlight i{background:#72a400}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#09101ca8;justify-content:flex-end;display:flex;position:fixed;inset:0}.library-panel{background:#f8f7f2;width:min(610px,100%);height:100%;padding:32px;overflow:auto;box-shadow:-25px 0 70px #0003}.library-head{border-bottom:1px solid #d9d8d2;justify-content:space-between;align-items:flex-start;padding-bottom:22px;display:flex}.library-head h2{margin:2px 0 7px;font-size:32px}.library-head>div>span{color:#727986;font-size:12px}.library-head>button{cursor:pointer;background:#e5e5df;border:0;border-radius:50%;width:36px;height:36px;font-size:22px}.product-list{gap:10px;margin:22px 0 12px;display:grid}.product-row{background:#fff;border:1px solid #dddcd6;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.product-row>div:first-child{gap:5px;display:grid}.product-row strong{font-size:14px}.product-row span{color:#808792;font-size:11px}.product-row button,.form-actions button{cursor:pointer;background:#fff;border:1px solid #ccd0d6;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700}.product-row>div:last-child{gap:6px;display:flex}.product-row .danger{color:#c64d45}.product-row button:disabled{opacity:.35;cursor:not-allowed}.add-button{width:100%;color:var(--blue);cursor:pointer;background:#eef2ff;border:1px dashed #8997be;border-radius:11px;padding:13px;font-weight:800}.product-form{background:var(--navy);color:#fff;border-radius:15px;margin-top:18px;padding:19px}.product-form h3{margin:0 0 15px}.form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.form-grid .wide{grid-column:1/-1}.form-grid label span{color:#adb6c4;margin-bottom:5px;font-size:10px;display:block}.form-grid input{color:#fff;background:#1d2a3d;border:1px solid #3d4b60;border-radius:8px;outline:0;width:100%;padding:10px 11px}.form-grid input:focus{border-color:#7da1ff}.form-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.form-actions button{color:#fff;background:0 0;border-color:#4b5768}.form-actions .primary{background:var(--lime);color:var(--ink);border-color:var(--lime)}.toast{z-index:80;background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000040}.toast span{color:#9ca3af;margin-left:10px}@media (max-width:800px){.source-note{display:none}.hero{padding-top:36px;display:grid}.verdict{width:100%}.workspace{grid-template-columns:1fr}.formula-bar{margin-inline:28px}.topbar{padding-inline:20px}h1{font-size:50px}.control-card,.result-card{padding:22px}.hero,.workspace{padding-inline:18px}.breakdown{margin-inline:18px}.breakdown-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:470px){.input-grid,.metric-grid,.form-grid{grid-template-columns:1fr}.metric-grid>div:nth-child(2n){padding-left:0}.library-button{font-size:0}.library-button span{font-size:11px}.formula-bar{display:block}.formula-bar code{margin-top:8px;line-height:1.6;display:block}.breakdown-grid{grid-template-columns:1fr 1fr}.library-panel{padding:22px}.product-row{align-items:flex-start}.form-grid .wide{grid-column:auto}}
