@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=DM+Mono:wght@400;500&display=swap");:root{--bg:#f8f9fa;--surface:#fff;--surface-2:#f0f1f3;--border:#e0e2e8;--border-hover:#c8ccd6;--text:#1a1c20;--text-muted:#5a5f6e;--text-dim:#b0b5c0;--accent:#4f7fff;--accent-dim:#e8efff;--green:#22a55e;--green-dim:#e6f7ed;--amber:#d4850a;--amber-dim:#fef3e0;--red:#e5382a;--radius:10px;--radius-sm:6px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:Noto Sans JP,sans-serif;font-weight:400;line-height:1.6;min-height:100vh;overflow-x:hidden}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}button{cursor:pointer;border:none}button,input,textarea{font-family:inherit;outline:none}textarea{resize:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}