:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f4f5;background:#09090b;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% -15%,#292524 0,transparent 38%),#09090b}button,input{font:inherit}.page-shell{width:min(100% - 32px,700px);margin:0 auto;padding:54px 0 30px}.page-header{margin-bottom:26px}.eyebrow{color:#f97316;font-weight:800;font-size:10px;letter-spacing:.18em;margin:0 0 7px}h1{font-size:clamp(25px,5vw,29px);line-height:1.2;letter-spacing:-.03em;margin:0}.subtitle{font-size:13px;line-height:1.5;color:#a1a1aa;margin:8px 0 0}.panel{background:#111113;border:1px solid #27272a;border-radius:15px;padding:24px}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}.section-heading>b{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:7px;background:#f9731618;border:1px solid #f9731640;color:#f97316;font-size:11px}.section-heading h2{font-size:15px;margin:0}.section-heading p{font-size:11px;color:#71717a;margin:3px 0 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field:last-child:nth-child(odd){grid-column:1 / -1}.field>span{display:block;color:#a1a1aa;font-size:11px;font-weight:700;margin-bottom:6px}.input-wrap{position:relative}.input-wrap input{width:100%;height:43px;background:#18181b;border:1px solid #3f3f46;border-radius:8px;color:#fff;padding:0 48px 0 12px;outline:0}.input-wrap input:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.input-wrap small{position:absolute;right:12px;top:14px;color:#71717a;font-size:11px;pointer-events:none}.divider{height:1px;background:#27272a;margin:23px 0}.extras{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.toggle{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #27272a;border-radius:9px;padding:12px;cursor:pointer}.toggle strong,.toggle small{display:block}.toggle strong{font-size:11px;line-height:1.4}.toggle small{color:#71717a;font-size:9px;margin-top:3px;line-height:1.35}.toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;flex:0 0 36px;margin:0;padding:2px;border:0;border-radius:99px;background:#3f3f46;cursor:pointer;transition:background .15s}.toggle input:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.toggle input:checked{background:#f97316}.toggle input:checked:before{transform:translate(16px)}.toggle input:focus-visible,button:focus-visible{outline:2px solid #fdba74;outline-offset:3px}.error{display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px 13px;background:#7f1d1d25;border:1px solid #ef444450;border-radius:8px;color:#fca5a5;font-size:12px;line-height:1.45}.error span{display:grid;place-items:center;width:17px;height:17px;flex:0 0 17px;border-radius:50%;background:#ef4444;color:#fff;font-weight:800}.result{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:20px 22px;border-radius:13px;background:linear-gradient(105deg,#1c1917,#111113);border:1px solid #f9731645}.result-value{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:start;column-gap:8px;row-gap:5px;min-width:0}.result-value small{grid-column:1 / -1;display:block;position:static;transform:none;color:#a1a1aa;font-size:9px;line-height:1.3;font-weight:800;letter-spacing:.13em}.result strong{color:#f97316;font-size:40px;line-height:1;font-variant-numeric:tabular-nums}.result em{color:#a1a1aa;font-size:12px;font-style:normal}.result.empty strong{color:#52525b}.result button{border:0;border-radius:8px;background:#f97316;color:#fff;padding:12px 15px;font-weight:750;font-size:12px;cursor:pointer;white-space:nowrap}.result button:hover{background:#ea580c}.result button span{margin-left:8px}.note{text-align:center;color:#71717a;font-size:10px;margin:12px 0}@media(max-width:560px){.page-shell{width:min(100% - 28px,440px);padding-top:34px}.panel{padding:19px 16px}.extras{grid-template-columns:1fr}.result{align-items:stretch;flex-direction:column;gap:18px;padding:20px 18px 18px}.result button{width:100%;min-height:44px}}@media(max-width:360px){.page-shell{width:calc(100% - 22px)}.panel{padding:17px 12px}.grid{gap:10px}.input-wrap input{padding-left:9px;padding-right:38px}}
