:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}body{margin:0;background:#0b0d12;color:#e9eef7;display:grid;place-items:start center}#app{width:min(560px,92vw);padding:28px 0}h1{margin:0 0 6px;font-size:44px;letter-spacing:.5px}#subtitle{margin:0 0 18px;opacity:.85}.card{background:#121826;border:1px solid #1f2a44;border-radius:14px;padding:16px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid #26324f;background:#0f1422;color:#e9eef7}button{padding:10px 12px;border-radius:10px;border:1px solid #2d3a5c;background:#1b2a4a;color:#e9eef7;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}#feedback{margin-top:12px;min-height:22px}.small{opacity:.8;font-size:14px}.row{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.examples{background:#0f1422;border:1px solid #26324f;border-radius:10px;padding:10px;margin:12px 0}.topbar{display:flex;justify-content:center;align-items:center;gap:12px}.iconBtn{width:32px;height:32px;border-radius:8px;border:1px solid #2a3a5f;background:#101726;color:#fff;cursor:pointer;font-weight:700}.modal{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:999}.hidden{display:none}.modalContent{background:#0f1422;border:1px solid #26324f;border-radius:14px;padding:22px;width:440px;max-width:92vw;position:relative}.closeBtn{position:absolute;top:8px;right:12px;background:none;border:none;color:#fff;font-size:26px;cursor:pointer}.timer{width:min(560px,92vw);margin:10px auto 0;opacity:.85;font-size:14px;text-align:right}