*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:Noto Sans JP,Hiragino Sans,sans-serif;-webkit-font-smoothing:antialiased;--bg:#f6f7f9;--pane:#ffffff;--hover:#f0f2f6;--text:#16202e;--text2:#46546a;--text3:#8593a8;--border:#e5e8ee;--code-bg:#f3f5f8;--shadow:0 1px 2px rgba(16,24,40,0.06);--status-live:#059669;--status-needs-key:#d97706;--status-pending:#6b7280;--status-deprecated:#dc2626;background:var(--bg);color:var(--text);transition:background .2s}body.dark{--bg:#0e1218;--pane:#151b24;--hover:#1e2632;--text:#e8ecf2;--text2:#a9b5c5;--text3:#6b798d;--border:#232d3a;--code-bg:#1b2431;--shadow:0 1px 2px rgba(0,0,0,0.45)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}input{font-family:inherit}input:focus{outline:none}input::placeholder{color:var(--text3)}button{font-family:inherit}a{color:inherit}.drawer-overlay{position:fixed;inset:0;background:rgba(8,12,18,.5);z-index:40;opacity:0;pointer-events:none;transition:opacity .2s}.drawer-overlay.open{opacity:1;pointer-events:auto}