:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef2f7;background:radial-gradient(circle at top,rgba(125,157,255,.16),transparent 28%),linear-gradient(180deg,#0d1117,#111827)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top,rgba(125,157,255,.15),transparent 30%),linear-gradient(180deg,#0d1117,#121a2a)}button,input,select{font:inherit}button{border:1px solid #2b3b57;background:linear-gradient(180deg,#2c4369,#1e2e47);color:#f3f7fb;padding:.9rem 1.05rem;border-radius:14px;cursor:pointer;font-weight:700}button:hover{background:linear-gradient(180deg,#324b76,#233555)}button.secondary{background:#152238}button.secondary:hover{background:#182844}.app-shell{width:min(1100px,calc(100vw - 1.5rem));margin:0 auto;padding:1rem 0 2rem;display:grid;gap:1rem}.card{border:1px solid #24324a;background:#0d1117e6;border-radius:24px;box-shadow:0 18px 50px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero,.controls,.output{padding:1.35rem}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.hero h1,.output h2{margin:0;line-height:1.04}.hero h1{font-size:clamp(2.1rem,4.5vw,4rem);max-width:11ch}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;min-width:min(430px,100%)}.hero-stats>div,.controls label{border:1px solid #24324a;background:#151d2cdb;border-radius:18px;padding:.9rem}.hero-stats span,.controls label span,.meta{display:block;color:#99abc4;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.hero-stats strong,.controls label strong{display:block;margin-top:.25rem;font-size:1.08rem}.eyebrow{margin:0 0 .45rem;color:#8ca7d8;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700}.lede{margin:.75rem 0 0;color:#c6d2e4;max-width:58ch}.controls{display:grid;grid-template-columns:1.1fr .7fr auto;gap:.9rem;align-items:end}.controls label{display:grid;gap:.55rem}.controls select,.controls input[type=range]{width:100%}.controls select{border:1px solid #32486b;background:#0c1422;color:#eef2f7;border-radius:12px;padding:.75rem .85rem}.controls input[type=range]{accent-color:#8db4ff}.action-row{display:flex;gap:.75rem;flex-wrap:wrap}.output-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.output-head h2{font-size:1.6rem}.copy-block{border:1px solid #24324a;background:#151d2ca6;border-radius:20px;padding:1.2rem}.copy-block p{margin:0 0 1rem;line-height:1.75;color:#edf2fb}.copy-block p:last-child{margin-bottom:0}@media (max-width: 900px){.hero,.controls,.output-head{grid-template-columns:1fr;display:grid}.hero-stats{min-width:0}}@media (max-width: 680px){.hero-stats,.controls{grid-template-columns:1fr}}