:root{font:14px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;background:#08111d;color:#e5f3ec;--accent:#95e7c4;--muted:#a1b5bd;--border:#2c4555;--panel:#162737;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:295px}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ffcf84;outline-offset:3px}.skip{position:absolute;left:10px;top:-80px;background:white;color:black;padding:8px}.skip:focus{top:8px;z-index:10}.app{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:#0b1925;border-right:1px solid var(--border);height:100dvh;position:sticky;top:0;display:flex;flex-direction:column;gap:12px;padding:23px 17px;min-width:0}.brand{color:#e3f6ed;text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:.05em}.brand .mark{font-size:37px;color:var(--accent)}.brand b{display:block;font-size:10px;letter-spacing:.17em;color:#8db7a6}.side-label{color:#7695a3;font-size:10px;font-weight:740;letter-spacing:.15em;margin-top:32px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{border-radius:9px;padding:11px;color:#acbfc7;text-decoration:none;font-size:12px;display:block}.sidebar nav a.active,.sidebar nav a:hover{background:#1c3835;color:#e2ffed}.side-outputs{display:flex;gap:7px;flex-wrap:wrap}.side-outputs span{border:1px solid #3d5c5c;color:#b6d9d0;font-size:10px;padding:7px 9px;border-radius:6px}.side-footer{border-top:1px solid #2d4a56;margin-top:auto;padding-top:19px}.side-footer strong{font-size:11px}.side-footer p{color:#839daa;font-size:11px;line-height:1.6}.online{width:7px;height:7px;border-radius:50%;background:#82efbc;display:inline-block;box-shadow:0 0 0 4px #8aebbb22;margin-right:8px}.body{min-width:0}.top{min-height:62px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px clamp(19px,3.5vw,56px);border-bottom:1px solid #294251;color:#96b1b9;font-size:10px;letter-spacing:.1em}.top b{color:#d8eddf}.top>div{display:flex;gap:15px;align-items:center}.top a{text-decoration:none}.state{color:#9bdcc0}main{max-width:1700px;padding:0 clamp(19px,3.5vw,56px);margin:auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) 256px;gap:28px;align-items:center;padding:59px 0 49px}.eyebrow,.panel-eyebrow{font-size:10px;letter-spacing:.15em;color:var(--accent);font-weight:750}.hero h1{font-size:clamp(47px,5.9vw,85px);line-height:1.04;letter-spacing:-.08em;font-weight:680;margin:19px 0}.hero h1 em{color:var(--accent);font-style:normal}.hero p:not(.eyebrow){font-size:15px;line-height:1.8;color:#a7bbc1;max-width:760px}.hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:17px;text-decoration:none;padding:12px 16px;border-radius:8px;font-weight:730;font-size:12px;min-height:44px}.primary{background:var(--accent);border:1px solid var(--accent);color:#14342a}.secondary{border:1px solid #536b75;background:#1b2e3b;color:#dcece5}.primary:hover{background:#c7fce4}.secondary:hover{background:#2c4850}.hero-status{background:linear-gradient(160deg,#1a3834,#142539);border:1px solid #496b61;padding:20px;border-radius:14px}.hero-status>span,.hero-status small{color:#acd1c2;font-size:10px;letter-spacing:.12em}.hero-status>strong{font-size:60px;display:block;letter-spacing:-.07em;line-height:1.1;font-weight:650;margin:14px 0}.hero-status .divider{margin:19px 0;border-top:1px solid #3e635a}.data-pair{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin:11px 0}.data-pair span{color:#a0beba}.data-pair b{color:#b6f1d9}.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding-bottom:42px}.strip>div{background:#152535;border:1px solid #314c5a;padding:18px;border-radius:9px}.strip b{font-size:30px;letter-spacing:-.05em;display:block;font-weight:670}.strip span{display:block;font-size:10px;letter-spacing:.1em;color:#95b4b8}.section{border-top:1px solid #334653;padding:40px 0 50px}.heading{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:24px}.heading h2{font-size:clamp(26px,3.1vw,38px);letter-spacing:-.055em;line-height:1.2;margin:8px 0;font-weight:680}.heading p:not(.eyebrow){color:#9db3bd;max-width:780px;font-size:12px}.heading .quiet{font-size:11px;text-decoration:none;white-space:nowrap}.building{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:14px;align-items:start}.form-panel,.receipt-panel{background:#142535;border:1px solid #344f61;border-radius:13px;padding:23px;min-width:0}.field-title{display:flex;align-items:center;gap:13px;border-bottom:1px solid #304a58;padding:0 0 14px;margin:0 0 18px}.field-title:not(:first-child){margin-top:27px}.field-title span{color:var(--accent);font-size:11px;font-weight:780}.field-title strong{font-size:16px;letter-spacing:-.03em}.field-title small{font-size:10px;color:#88aab5;margin-left:auto}.kind-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kind-grid button{display:grid;gap:7px;text-align:left;align-content:start;background:#1d3241;border:1px solid #476276;color:#d9e9e5;padding:14px;border-radius:9px;min-height:115px}.kind-grid button.selected,.kind-grid button:hover{background:#244c44;border-color:#a0e9c5}.kind-grid button strong{font-size:14px}.kind-grid button small{color:#9fb3bb;font-size:11px;line-height:1.5}.kind-grid button span{font-size:9px;color:#a4e6c4;letter-spacing:.1em}.kind-grid button.disabled{opacity:.43;cursor:not-allowed}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fields label,.tool-filters label,.max-options label{display:grid;gap:8px;font-size:10px;color:#a9bec5;letter-spacing:.08em}.fields input,.fields select,.tool-filters input,.tool-filters select,.max-options select{color:#f1f7ee;background:#0b1c2b;border:1px solid #466474;border-radius:8px;padding:11px 12px;min-height:43px;width:100%}.notice{margin:20px 0;padding:14px;border:1px solid #47675d;background:#1b3437;border-radius:8px;color:#bcdcd4;font-size:11px}.build-button{width:100%;justify-content:space-between}.build-button[disabled]{cursor:wait;opacity:.55}.footnote{font-size:10px;color:#869dab;line-height:1.7}.receipt-panel{background:linear-gradient(160deg,#183c37,#162638 86%);border-color:#51766a}.receipt-panel h3{font-size:31px;letter-spacing:-.06em;font-weight:670;line-height:1.2;margin:22px 0 12px}.receipt-panel>p{color:#bad0ce;font-size:12px;line-height:1.7}.pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:7px}.hash-panel{margin:27px 0 21px;padding:14px;background:#11292a;border:1px solid #3a6860;border-radius:9px;display:grid;gap:10px}.hash-panel>span{font-size:10px;color:#9ec8b9;letter-spacing:.15em}.hash-panel code{overflow-wrap:anywhere;color:#e5f9ea;font-size:11px}.hash-panel button{background:#21453a;border:1px solid #4d8d75;color:#d6f2df;padding:8px;border-radius:7px;font-size:11px;justify-self:start}.hash-panel button:disabled{opacity:.4}.receipt-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:23px}.receipt-pairs div{background:#123032;border:1px solid #3d695c;padding:13px;border-radius:8px}.receipt-pairs span{color:#9bc1bb;font-size:10px;display:block}.receipt-pairs strong{display:block;font-size:15px;margin-top:5px;overflow-wrap:anywhere}.download{display:block;text-align:center;background:var(--accent);border:1px solid var(--accent);color:#133428;border-radius:8px;text-decoration:none;padding:12px;font-size:12px;font-weight:750}.download.disabled{opacity:.45;pointer-events:none}.receipt-warning{font-size:10px;color:#b7cbbf;margin-top:18px;line-height:1.7}.receipt-panel #receiptJson{font-size:11px;color:#b1dccb;overflow-wrap:anywhere;margin-top:13px}.tool-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:19px}.tool-filters label:first-child{flex:1 1 225px}.tool-filters label:nth-child(2){flex:1 1 175px;max-width:270px}.tool-filters>span{font-size:11px;color:#9fbac0;margin-bottom:10px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tool-card{background:#152838;border:1px solid #365165;border-radius:10px;padding:15px;min-width:0;display:grid;gap:9px}.tool-card .tool-top{display:flex;justify-content:space-between;align-items:start;gap:8px}.tool-card strong{font-size:14px;letter-spacing:-.03em}.tool-card p{color:#91adba;font-size:11px;line-height:1.6;margin:0}.tool-card small{color:#a5c3c8;font-size:10px}.tool-card .badge{color:#a4dfca;border:1px solid #4d7968;border-radius:5px;padding:4px 6px;font-size:9px;white-space:nowrap}.tool-card a{font-size:11px;text-decoration:none;justify-self:start}.max-layout{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:12px}.max-options,.max-result{background:#162838;border:1px solid #365367;border-radius:12px;padding:23px;display:grid;align-content:start;gap:17px}.max-result{background:#193a36;border-color:#50776c}.max-result h3{font-size:26px;letter-spacing:-.05em;margin:0}.max-result p{color:#b3cec5;font-size:12px;margin:0}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:11px;color:#daf1e0;background:#254f43;border:1px solid #4d8e76;border-radius:6px;padding:6px 9px}.max-result .micro{font-size:10px;color:#a5c4b7}.fact-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fact-cards article{border:1px solid #365264;background:#152838;border-radius:10px;padding:18px}.fact-cards article>span{font-size:10px;color:var(--accent);letter-spacing:.14em}.fact-cards h3{font-size:18px;letter-spacing:-.04em;margin:13px 0}.fact-cards p{color:#9bb5bc;font-size:11px;line-height:1.7}footer{display:flex;flex-wrap:wrap;gap:17px;justify-content:space-between;color:#89a5b1;border-top:1px solid #2e4554;padding:25px 0 40px;font-size:10px}footer a{text-decoration:none}
@media(max-width:1280px){.building{grid-template-columns:minmax(0,1fr) minmax(270px,.7fr)}.fact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:970px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{height:auto;position:relative;min-width:0;flex-direction:row;align-items:center;overflow:hidden;padding:12px;gap:13px}.sidebar nav{display:flex;gap:3px;overflow-x:auto;min-width:0;max-width:100%;white-space:nowrap}.sidebar nav a{white-space:nowrap;flex:0 0 auto}.sidebar .side-label,.side-outputs,.side-footer{display:none}.brand{flex:0 0 auto}.body{min-width:0}.hero{grid-template-columns:minmax(0,1fr) 222px}.building{grid-template-columns:1fr}.receipt-panel{max-width:none}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:730px){.hero{grid-template-columns:1fr;gap:18px;padding:36px 0}.hero h1{font-size:55px}.hero-status{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-status>strong{grid-row:span 3;margin:5px 0}.hero-status .divider{display:none}.hero-status .data-pair{margin:0}.strip{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:25px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.max-layout{grid-template-columns:1fr}.heading{align-items:start;flex-wrap:wrap}}@media(max-width:500px){.top>div .state{display:none}.kind-grid{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}.tool-grid,.fact-cards{grid-template-columns:1fr}.hero h1{font-size:48px}.strip b{font-size:25px}.hero-status{display:block}.hero-status>strong{font-size:48px}.hero-status .data-pair{display:flex;margin:9px 0}.form-panel,.receipt-panel{padding:16px}.kind-grid button{padding:10px;min-height:115px}.sidebar{display:block;overflow:hidden}.sidebar nav{display:flex;margin-top:8px}.hero-status .divider{display:block}.max-layout{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}