:root{color:#202a40;background:#f6f6fb;font:16px/1.55 system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:white;border-bottom:1px solid #e5e7f0;padding:18px max(22px,calc((100vw - 1200px)/2))}a{color:#5444d0;text-decoration:none}a:hover{text-decoration:underline}.logo{font-weight:850;font-size:21px;color:#332997;white-space:nowrap}nav,.tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap}nav a{color:#515c72;font-size:14px}.tools{margin-left:auto;font-size:14px}.tools form{margin:0}main{max-width:1200px;margin:auto;padding:48px 24px;min-height:75vh}h1{font-size:clamp(38px,6vw,64px);letter-spacing:-.05em;line-height:1.05;margin:12px 0 20px}h2{font-size:23px;letter-spacing:-.03em}p{color:#667087}.tag{display:block;color:#6655cf;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:12px}.hero{background:#242143;border-radius:24px;padding:48px;color:white}.hero p{color:#d3d4e9}.hero .tag{color:#c9bcff}.hero a{display:inline-block}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}.card,.panel{display:block;background:white;border:1px solid #e5e7f0;border-radius:16px;padding:24px;margin:16px 0;color:#263047}.card h2{margin:12px 0}.card:hover{text-decoration:none;border-color:#b8b2f2}.intro{max-width:580px;margin:auto}.panel label{display:block;font-weight:650;margin:15px 0}input,select{display:block;font:inherit;padding:11px;border:1px solid #c9cedd;border-radius:9px;margin-top:7px;width:100%;max-width:380px}button,.primary{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:11px 17px;background:#eceafc;color:#4536af;font-weight:750}button.primary,.primary{background:#d8f18e;color:#253342}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f0a53b;outline-offset:3px}.feedback{font-weight:750;color:#3d6c36}.error{color:#ab273a}.note,footer{font-size:14px;color:#727d91}footer{max-width:1200px;margin:auto;padding:20px 24px}.echo-board{display:grid;grid-template-columns:repeat(2,140px);gap:12px}.echo-board button{height:120px;border:3px solid #23314a}@media(max-width:700px){header{padding:16px}nav{order:3;width:100%;overflow:auto}.tools{margin-left:0}.hero{padding:30px}main{padding:30px 18px}}

.logo{display:inline-flex;align-items:center;gap:9px}.logo-icon{display:block;flex:none;width:36px;height:36px}
.history-table-wrap{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;text-align:left}.history-table th,.history-table td{padding:14px 12px;border-bottom:1px solid #e1e5ef;vertical-align:top}.history-table thead th{font-size:.85rem;color:#525c75;text-transform:uppercase;letter-spacing:.04em}.history-table tbody tr:hover{background:#f5f6ff}.history-table a{font-weight:700}.history-table td{white-space:nowrap}
.reflex-grid{display:grid;grid-template-columns:repeat(3,minmax(65px,110px));gap:10px;margin:20px 0}.reflex-tile{aspect-ratio:1;background:#e7eaf5;border:2px solid #c3c9db;font-size:1.2rem}.reflex-tile.active{background:#a5ea6f;border-color:#437928;color:#183b11}