:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7f3e8;background:#101516}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:32px;background:linear-gradient(135deg,#101516 55%,#182e29)}main{width:min(1050px,100%);margin:auto}header{max-width:760px;padding:36px 0}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:.18em;color:#a8e063}h1{font-size:clamp(44px,8vw,86px);line-height:.92;letter-spacing:-.055em;margin:12px 0}header>p:last-child{font-size:18px;color:#a7b2ae}.controls{display:grid;grid-template-columns:2fr 1fr auto;gap:14px;align-items:end;padding:20px;border:1px solid #35413e;border-radius:18px;background:#18201f}label{display:grid;gap:7px;color:#9da9a5;font-size:12px}input{width:100%;padding:13px;border:1px solid #43514e;border-radius:10px;background:#0e1414;color:#fff;font:15px ui-monospace,monospace}button{padding:14px 18px;border:0;border-radius:10px;background:#a8e063;color:#17200d;font-weight:850;cursor:pointer}.controls p{grid-column:1/-1;margin:0;color:#7e8b87;font:12px ui-monospace,monospace}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.event,.empty{min-height:105px;border:1px solid #303c39;border-radius:14px;background:#151d1c;padding:17px}.event span{display:block;color:#a8e063;font:11px ui-monospace,monospace}.event strong{display:block;margin:8px 0 3px;font-size:17px}.event small,.empty{color:#83908c}.empty{grid-column:1/-1;text-align:center;padding-top:42px}@media(max-width:760px){.controls{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}}@media(max-width:480px){.timeline{grid-template-columns:1fr}}