:root{font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#e8eef5;background:#101b27}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:18px max(16px,calc((100vw - 980px)/2));background:#172b3c;border-bottom:1px solid #355166}h1{font-size:1.35rem;margin:3px 0 0}h2{font-size:1.17rem;margin:0 0 14px}h3{font-size:1rem;margin:24px 0 12px}p,li{line-height:1.65}a{color:#a7d9ef}.eyebrow{color:#8db5c9;font-size:.72rem;letter-spacing:.13em}main{max-width:980px;margin:auto;padding:20px 16px 80px}.card{border:1px solid #355166;border-radius:14px;background:#1b2d3e;padding:20px;margin-bottom:18px}.card[hidden],#app[hidden],#login[hidden],[hidden]{display:none!important}.status-bar,.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.tabs{display:flex;gap:8px;overflow:auto;margin:0 0 16px}.tabs button{white-space:nowrap}.tabs .active{background:#16759d}.metrics{display:flex;gap:12px}.metrics>div{flex:1;background:#263d50;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:5px}.metrics strong{font-size:1.4rem}.metrics small,.note{color:#b8cbd6}label{display:flex;flex-direction:column;gap:7px;font-weight:600}input,select,button{font:inherit;border-radius:9px;min-height:44px}input,select{padding:9px 10px;color:#fff;background:#122435;border:1px solid #587186;min-width:0}button{border:1px solid #308fb5;background:#116e95;color:#fff;padding:8px 15px;font-weight:650;cursor:pointer}button.secondary{background:#29495d;border-color:#587186}button:disabled{opacity:.52;cursor:not-allowed}form{display:grid;gap:14px}form.inline,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}form.inline button,.grid button{align-self:end}.check{flex-direction:row;align-items:center}.check input{min-height:auto}.inline fieldset{grid-column:1/-1;border:1px solid #587186;border-radius:9px;display:flex;flex-wrap:wrap;gap:12px 24px}.inline fieldset .check{font-weight:500}.list{display:grid;gap:9px}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #466176;border-radius:10px}.item small{display:block;color:#b8cbd6;margin-top:4px}.item .actions{display:flex;gap:8px;flex-wrap:wrap}.code-box{background:#0f3952;border-radius:10px;padding:16px;font-size:1.15rem;overflow-wrap:anywhere}.notice{background:#36516a;padding:14px;border-radius:9px;position:sticky;bottom:10px}pre{white-space:pre-wrap;background:#102435;padding:18px;border-radius:10px;line-height:1.7}code{overflow-wrap:anywhere;color:#b4def0}@media(max-width:650px){header{padding:14px 16px}header a{font-size:.82rem}.card{padding:15px}form.inline,.grid{grid-template-columns:1fr}.item{align-items:flex-start;flex-direction:column}}