@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#dbe5f3;background:#07101d;font-synthesis:none;--panel:#0e1929;--panel2:#111f32;--line:#223147;--muted:#8ea0b8;--blue:#3ea6ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% -10%,#153052 0,transparent 34%),#07101d}button,input{font:inherit}.topbar{height:84px;padding:0 max(24px,4vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1c2a3e;background:#07101dd6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.topbar h1{font:700 21px Manrope;margin:2px 0}.eyebrow{font-size:10px;letter-spacing:.14em;color:#6f86a5;font-weight:700}.privacy{font-size:12px;color:#9db0c8;background:#0c1a2a;border:1px solid #21344e;border-radius:999px;padding:9px 13px}.privacy span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5ee28a;margin-right:7px;box-shadow:0 0 12px #5ee28a}main{max-width:1560px;margin:auto;padding:30px max(20px,3vw) 60px}.card{background:linear-gradient(145deg,#111f32f7,#0b1625fa);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px #0000002e}.hero{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:30px}.hero h2{font:700 clamp(24px,3vw,40px) Manrope;margin:0 0 10px;color:#f4f8ff}.hero p{max-width:720px;line-height:1.65;color:#9fb0c7;margin:0}.dropzone{min-width:340px;padding:25px 30px;text-align:center;border:1px dashed #3d5a7d;border-radius:13px;cursor:pointer;background:#0a1625;transition:.2s}.dropzone:hover,.dropzone.drag{border-color:var(--blue);background:#10243a;transform:translateY(-2px)}.dropzone input{display:none}.dropzone strong,.dropzone small{display:block}.dropzone strong{color:#ddecff}.dropzone small{margin-top:7px;color:#7186a3;font-size:11px}.workspace{margin-top:22px}.hidden{display:none!important}.meta{padding:16px 22px;display:flex;align-items:center;gap:40px;margin-bottom:18px}.meta>div:first-child{margin-right:auto}.meta strong,.meta b,.meta small{display:block}.meta strong{margin-top:4px;color:#eaf2fd;font-size:13px;max-width:540px;overflow:hidden;text-overflow:ellipsis}.meta small{color:#7186a3;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.meta b{font-size:16px;margin-top:4px}.layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px}.controls{padding:20px;height:max-content;position:sticky;top:102px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.section-head h3,.method h3{font:700 18px Manrope;margin:3px 0 0;color:#eff6ff}.fields{display:grid;gap:10px}.fields label{color:#a8b8cc;font-size:11px}.fields label span{float:right;color:#60758f;font-size:10px}.fields input{width:100%;margin-top:5px;padding:9px 10px;color:#e7effb;background:#081421;border:1px solid #243752;border-radius:8px;outline:none}.fields input:focus{border-color:#3ea6ff;box-shadow:0 0 0 3px #3ea6ff1a}button.small{color:#bcd4ee;background:#10233a;border:1px solid #29425e;border-radius:8px;padding:8px 11px;cursor:pointer;font-size:11px}button.small:hover{border-color:#3ea6ff;color:#fff}.notice{margin-top:17px;border-left:2px solid #ffb34d;background:#182333;padding:11px 12px;border-radius:4px 9px 9px 4px}.notice strong{font-size:11px;color:#ffca7a}.notice p{font-size:10px;line-height:1.55;color:#8295ad;margin:5px 0 0}.content{min-width:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.metric{background:#0f1c2e;border:1px solid #213149;border-radius:13px;padding:16px}.metric span,.metric small{display:block;color:#7388a4;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.metric b{display:inline-block;font:700 24px Manrope;margin:8px 7px 2px 0;color:#f3f8ff}.metric small{display:inline}.chart-card{padding:20px}.actions{display:flex;gap:8px}#chart{height:610px}.method{padding:23px;margin-top:12px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.method article{padding:14px;background:#0a1625;border:1px solid #1c2c42;border-radius:10px}.method article b{font-size:12px;color:#dbe9fa}.method article p,.method li{font-size:11px;line-height:1.55;color:#8194ac}.method details{margin-top:15px;border-top:1px solid #223147;padding-top:14px}.method summary{cursor:pointer;font-size:12px;color:#aac3df}.status{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#163153;border:1px solid #37699a;color:#dcedff;padding:12px 20px;border-radius:10px;z-index:20;box-shadow:0 10px 30px #0008}.status.error{background:#421b27;border-color:#a23d57;color:#ffdce5}footer{text-align:center;padding:30px;color:#506780;font-size:11px}@media(max-width:1000px){.layout{grid-template-columns:1fr}.controls{position:static}.fields{grid-template-columns:repeat(3,1fr)}.metrics,.method-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.topbar{height:auto;padding:14px 18px}.privacy{display:none}.hero{display:block;padding:22px}.dropzone{min-width:0;margin-top:20px}.meta{gap:18px;flex-wrap:wrap}.meta>div:first-child{width:100%}.fields{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr}#chart{height:520px}.chart-card{padding:13px}.section-head{align-items:flex-start;flex-direction:column}.actions{width:100%}}