:root{font:16px system-ui;color:#e9f2f5;background:#0b1420;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main{max-width:1240px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}a{color:#83e4cd}h1{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.05em;margin:12px 0}h2{letter-spacing:-.03em}p{color:#aebfce;line-height:1.6}.panel{background:#142332;border:1px solid #2b4153;border-radius:16px;padding:20px;margin:16px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.metric{font-size:2rem;color:#83e4cd;font-weight:700}button,input,select,textarea{font:inherit;padding:11px;border:1px solid #43566a;border-radius:8px;background:#0e1c29;color:inherit}button{cursor:pointer;background:#a5eed9;color:#102b25;font-weight:650}button.secondary{background:#20374a;color:#e9f2f5}button:focus-visible,a:focus-visible{outline:3px solid #fff}label{display:grid;gap:6px;margin:8px 0}form{display:grid;gap:8px}nav{display:flex;gap:12px;flex-wrap:wrap}.record{border-bottom:1px solid #34485b;padding:12px 0;overflow-wrap:anywhere}.record button{margin:5px}.muted{color:#aebfce}canvas{width:100%;height:360px;background:#0c1825;border-radius:12px}#choices button{display:block;width:100%;text-align:left;margin:8px 0} [hidden]{display:none!important} .error{color:#ffb6ae} @media(max-width:600px){header,main{padding:14px}}

input,select,textarea{min-width:0;max-width:100%}button{white-space:normal}#purchase .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}#purchase .tile{min-width:0;overflow-wrap:anywhere}#purchase .tile button{margin-top:auto}#purchase{scroll-margin-top:30px}a:focus-visible{outline:3px solid #fff} .toolbar{max-width:100%}

/* Global site navigation remains visible in every customer workspace. */
header.site-header{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;border-bottom:1px solid #344257}.site-brand-row{display:flex;align-items:center;gap:18px;width:100%}.site-brand{font-weight:800;font-size:24px;color:#f8fafc;text-decoration:none}.site-brand-row span{color:#b9c6d6;font-size:13px}.site-primary-navigation{display:flex!important;flex-wrap:wrap;width:100%;gap:4px;align-items:center}.site-primary-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border-radius:7px;color:#f4f5f7;font-size:14px;font-weight:650;text-decoration:none}.site-primary-navigation a:hover,.site-primary-navigation a:focus-visible{background:#24364b;color:#e8cd83}.workspace-navigation{display:flex;flex-wrap:wrap;gap:10px 18px;width:100%;padding-top:10px;border-top:1px solid #344257;font-size:13px}.workspace-navigation a{display:inline-flex;align-items:center;min-height:36px}.site-primary-navigation a:focus-visible{outline:3px solid #e8cd83;outline-offset:2px}@media(max-width:540px){header.site-header{padding:12px 16px}.site-primary-navigation{justify-content:space-between;gap:2px}.site-primary-navigation a{padding:8px 7px;font-size:12.5px}.site-brand-row{gap:14px}.workspace-navigation{font-size:12px;gap:4px 14px}}
