body{font-family:Inter,Noto Sans JP,sans-serif;background:#fffbe6;margin:0;color:#3e2723}#app{max-width:1100px;margin:0 auto;padding:24px}.layout{display:grid;grid-template-columns:320px 1fr;gap:16px}.panel{background:#fff;border:2px solid #ffe082;border-radius:14px;padding:14px}.matrix{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;min-height:420px}.quad{border-radius:12px;padding:10px;background:#fff8e1;border:1px solid #ffcc80}.quad h3{margin:0 0 8px;font-size:.95rem}button{border:0;border-radius:10px;padding:10px 12px;background:#ef6c00;color:#fff;font-weight:700;cursor:pointer}input,select{width:100%;padding:8px;margin-bottom:8px;border:1px solid #ffcc80;border-radius:8px}@media(max-width:900px){.layout{grid-template-columns:1fr}}