:root{color-scheme:dark;--bg:#0b111b;--surface:#131d2a;--surface2:#192536;--line:#2b3949;--text:#f3f0e8;--muted:#9aabbc;--gold:#e6bd70;--gold2:#f7da9a;--green:#8bd6b0;--red:#f5a8a6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,select{font:inherit}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 88% 10%,#5c462d55,transparent 30%),radial-gradient(circle at 0% 35%,#19334a66,transparent 37%),linear-gradient(180deg,#101925 0%,#0b111b 68%)}.site-header{max-width:1500px;margin:auto;padding:24px clamp(20px,4vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:850;letter-spacing:.17em;font-size:14px}.brand strong{color:var(--gold)}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--gold);border-radius:10px;color:var(--gold);font-size:20px;font-family:Georgia,serif;letter-spacing:0}.site-header nav{display:flex;align-items:center;gap:26px}.site-header nav a{font-size:13px;color:#d2dbe4;text-decoration:none}.site-header nav a:hover,footer a:hover{color:var(--gold2)}.nav-tag,.small-badge{font-size:10px;letter-spacing:.14em;font-weight:800;border:1px solid #92734775;color:var(--gold2);padding:8px 10px;border-radius:6px}.small-badge{align-self:flex-start}.muted-badge{color:var(--muted);border-color:var(--line)}main{max-width:1500px;margin:auto;padding:0 clamp(20px,4vw,72px)}.hero{padding:58px 0 48px;max-width:850px}.eyebrow,.step,.micro-label{font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--gold)}.signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);margin-right:10px}.hero h1{font-size:clamp(42px,5.2vw,76px);letter-spacing:-.065em;line-height:1.04;margin:18px 0 19px;font-weight:770}.hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--gold2);letter-spacing:-.045em}.hero p{font-size:17px;line-height:1.65;color:#b6c4d2;max-width:640px;margin:0}.hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px}.hero-pills span{border:1px solid #c2a6733b;background:#b68f4c13;color:#ddcda9;border-radius:100px;padding:8px 12px;font-size:11px;font-weight:650}.workspace{display:grid;grid-template-columns:minmax(360px,.91fr) minmax(390px,1.09fr);gap:18px;align-items:start}.panel{background:linear-gradient(145deg,#172331f5,#111a26f5);border:1px solid #344455ad;border-radius:16px;box-shadow:0 25px 60px #0004}.input-panel,.results-panel{padding:30px}.panel-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-bottom:26px}.panel h2{font-size:23px;letter-spacing:-.03em;margin:9px 0 0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.field{min-width:0;position:relative}.field label{display:block;color:#cbd5de;font-size:12px;font-weight:700;margin-bottom:8px}.hint{color:#8294a7;font-weight:500}.field input,.field select{width:100%;height:44px;background:#0e1824;border:1px solid #35485b;border-radius:8px;color:#f4f4ef;padding:0 12px;outline:0;transition:border-color .18s,box-shadow .18s}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d8af642b}.field input::placeholder{color:#6e8091}.search-field{margin-bottom:21px}.search-field input{height:49px}.suggestions{position:absolute;top:78px;left:0;right:0;z-index:10;max-height:310px;overflow:auto;background:#172536;border:1px solid #536474;border-radius:9px;box-shadow:0 20px 30px #0008}.suggestions button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #ffffff12;padding:11px 13px;background:transparent;color:#f5f4ee;cursor:pointer}.suggestions button:hover,.suggestions button:focus{background:#273a4d;outline:0}.suggestions small{display:block;margin-top:3px;color:#9bafc0}.chosen-item{font-size:11px;color:var(--gold2);margin:9px 0 0}.primary-button{margin-top:26px;border:1px solid #f7d693;background:linear-gradient(105deg,#d9aa58,#f0ce88);color:#241a0c;font-weight:850;border-radius:9px;width:100%;height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;cursor:pointer;box-shadow:0 7px 24px #c7973a30;transition:transform .18s,filter .18s}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.primary-button:disabled{opacity:.6;cursor:wait}.message{color:var(--muted);font-size:12px;min-height:18px;margin:13px 1px 0}.message.error{color:var(--red)}.empty-result{text-align:center;padding:91px 22px 103px}.empty-orbit{display:grid;place-items:center;margin:0 auto 25px;width:91px;height:91px;border-radius:50%;border:1px dashed #a08a5f7d;background:radial-gradient(circle,#b7975b25,transparent 70%);color:var(--gold);font-size:33px}.empty-result h3{font-family:Georgia,serif;font-size:22px;font-weight:400;margin:0 0 10px}.empty-result p{font-size:13px;color:var(--muted);line-height:1.65;max-width:360px;margin:auto}.result-head{background:radial-gradient(circle at 95% 0,#bd9e5c26,transparent 48%),#111e28;border:1px solid #8c78514f;padding:21px 23px;border-radius:11px;display:flex;justify-content:space-between;gap:14px}.profit{font-size:clamp(28px,3vw,43px);font-weight:800;letter-spacing:-.05em;margin:8px 0 2px}.profit.positive{color:var(--green)}.profit.negative{color:var(--red)}.profit-label{font-size:12px;color:var(--muted)}.margin-wrap{text-align:right;white-space:nowrap}.margin-wrap strong{display:block;font-size:23px;margin-top:9px;color:var(--gold2)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.metric{min-height:73px;background:#101b27;border:1px solid #ffffff13;border-radius:9px;padding:13px 15px}.metric span{display:block;font-size:11px;color:var(--muted)}.metric strong{display:block;margin-top:8px;font-size:18px;letter-spacing:-.02em}.breakdown{margin-top:27px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.section-title h3{font-size:16px;margin:0}.section-title span{color:#9eafbd;font-size:11px}.material{display:grid;grid-template-columns:minmax(0,1.2fr) 106px minmax(80px,.65fr);align-items:center;gap:10px;border-bottom:1px solid #ffffff1b;padding:10px 0}.material-name strong{display:block;font-size:12px}.material-name small{display:block;color:var(--muted);margin-top:3px;font-size:10px}.material input{height:34px;border:1px solid #40546a;border-radius:6px;background:#0d1721;color:#fff;padding:0 8px;width:100%;min-width:0}.material input:focus{outline:2px solid #b6995b}.material-total{text-align:right;font-size:13px;font-weight:750}.breakdown-footer{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#b8c4cf;padding:11px 0;border-bottom:1px solid #ffffff12}.breakdown-footer strong{color:var(--text)}.source-note{display:flex;gap:12px;padding:16px;margin-top:22px;border:1px solid #3e564e;border-radius:9px;background:#23392a34}.source-note .signal{flex:none;margin:6px 0 0;background:var(--green);box-shadow:0 0 9px var(--green)}.source-note strong{font-size:12px;color:#dbecdf}.source-note p{font-size:11px;line-height:1.55;color:#a8bbb4;margin:5px 0 0}footer{font-size:11px;color:#8293a4;line-height:1.5;padding:36px 0 45px}footer a{color:#c4cbd2}@media(max-width:940px){.workspace{grid-template-columns:1fr}.results-panel{min-height:480px}.hero{padding-top:42px}}@media(max-width:620px){.site-header{padding:18px 20px}.brand{font-size:11px}.brand-mark{width:30px;height:30px}.nav-tag{display:none}.site-header nav{gap:0}.site-header nav a{font-size:11px}.hero{padding:38px 0 35px}.hero p{font-size:15px}.input-panel,.results-panel{padding:21px}.field-grid{gap:15px 10px}.field label{min-height:28px;font-size:11px}.field input,.field select{font-size:12px}.panel h2{font-size:21px}.material{grid-template-columns:minmax(0,1fr) 88px 75px}.material-total{font-size:11px}}@media(max-width:380px){.field-grid{grid-template-columns:1fr}.field label{min-height:0}.material{grid-template-columns:1fr 85px}.material-total{grid-column:2}.material-name{grid-row:1/3}}
.auth-main { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:28px; padding:24px; position:relative; z-index:1 }
.auth-panel { width:min(100%,450px); padding:36px }
.auth-panel h1 { margin:14px 0 8px; font-size:2rem }
.auth-panel p { color:#a7afbf }
.auth-panel form { display:grid; gap:12px; margin-top:24px }
.auth-panel label { color:#e9edf4; font-weight:700 }
.auth-panel input { width:100%; padding:14px; border-radius:10px; border:1px solid #465064; background:#101722; color:white; font:inherit }
.auth-panel button { margin-top:12px; justify-content:center }
.auth-switch { margin-top:24px }
.auth-switch a { color:#eabf65 }
.auth-error { color:#ff9b9b !important; padding:12px; border:1px solid #9b4343; border-radius:10px }
.auth-note { font-size:.85rem }
.site-header nav { display:flex; align-items:center; gap:12px }
.site-header nav form { margin:0 }
.logout-button { padding:8px 12px; border:1px solid #465064; border-radius:8px; background:#171f2e; color:#f0f0f0; cursor:pointer }
