:root{--ink:#15333b;--teal:#007f79;--paper:#f7f5ed}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}header,main,footer{max-width:1080px;margin:auto;padding:24px}header,.row{display:flex;justify-content:space-between;gap:20px;align-items:center}header{border-bottom:1px solid #ccd5cf}nav{display:flex;gap:20px;align-items:center}a{color:var(--teal)}.brand{font-weight:800;font-size:22px;text-decoration:none;color:var(--ink)}.brand span{color:var(--teal)}h1{font-size:clamp(36px,6vw,64px);line-height:1.07;letter-spacing:-2px}h2{font-size:28px;line-height:1.2}h3{line-height:1.3}.lead{font-size:20px;max-width:650px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:bold;color:var(--teal)}.panel{background:#fff;border:1px solid #d1dbd4;border-radius:18px;padding:30px;margin:25px 0}.tabs{display:flex;gap:10px;flex-wrap:wrap}label{display:block;margin:14px 0;max-width:650px}input,select,textarea{display:block;width:100%;font:inherit;padding:12px;border:1px solid #8ca8a1;border-radius:7px;background:#fff;color:var(--ink)}input[type=checkbox]{display:inline;width:auto}button,.button{display:inline-block;padding:11px 18px;border:1px solid #90aaa7;border-radius:7px;background:#fff;color:var(--ink);font:600 14px/1.5 Arial,sans-serif;cursor:pointer;text-decoration:none;margin:4px 0}button.primary,.button{background:var(--teal);color:#fff;border-color:var(--teal)}button:disabled{opacity:.55;cursor:not-allowed}.muted{font-size:13px;color:#526965}.stats,.path{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats article{background:#e5eee7;border-radius:12px;padding:20px}.stats strong{display:block;font-size:36px}.stats span{font-size:13px}.path{grid-template-columns:repeat(2,1fr)}.path article{padding:12px 22px;background:#f5f6f0;border-radius:12px}.pre{white-space:pre-wrap}.grid{border-collapse:collapse;margin:20px 0}.grid td{border:2px solid #007f79;width:40px;height:40px;text-align:center}canvas{width:100%;background:#15333b;border-radius:12px}#clock{font-size:60px;font-variant-numeric:tabular-nums}#notice:not(:empty){background:#f4ca66;padding:15px;border-radius:10px}code{display:block;overflow-wrap:anywhere;padding:20px;background:#f7f5ed}#cancelConfirm{padding:20px;background:#fff4dc;margin-top:15px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c28511;outline-offset:3px}footer{border-top:1px solid #ccd5cf;font-size:13px}@media(max-width:650px){header{align-items:flex-start}nav{gap:10px;flex-wrap:wrap}.panel{padding:20px}.stats{grid-template-columns:1fr}.path{grid-template-columns:1fr}h1{letter-spacing:-1px}.row{display:block}}