*{box-sizing:border-box}body{margin:0;font-family:Hiragino Sans,Noto Sans JP,sans-serif;background:radial-gradient(circle at 20% 20%,#f6fffb,#eef5ff 40%,#f9f9f9 100%);color:#102a43}main{max-width:1200px;margin:0 auto;padding:20px}h1{margin:0 0 12px}.panel{background:rgba(255,255,255,.95);border:1px solid #d9e2ec;border-radius:12px;padding:12px;margin-bottom:12px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}button{border:1px solid #243b53;background:#fff;color:#102a43;border-radius:8px;padding:8px 10px;cursor:pointer}button.primary{background:#2b8a3e;border-color:#2b8a3e;color:#fff}input{border:1px solid #bcccdc;border-radius:8px;padding:8px}.list{display:grid;grid-gap:8px;gap:8px}.small{color:#486581;font-size:12px}