:root{--ink:#0f1117;--ink-2:#3a3f4a;--ink-3:#6b7280;--ink-4:#9ca3af;--surface:#fff;--surface-2:#f7f8fa;--surface-3:#eef0f4;--border:#e2e4e9;--border-2:#d0d3db;--blue:#2563eb;--blue-l:#eff6ff;--blue-m:#dbeafe;--green:#16a34a;--green-l:#f0fdf4;--green-m:#dcfce7;--amber:#d97706;--amber-l:#fffbeb;--amber-m:#fef3c7;--red:#dc2626;--red-l:#fef2f2;--purple:#7c3aed;--purple-l:#f5f3ff;--purple-m:#ede9fe;--sh:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--sh-md:0 4px 16px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.04);--sh-xl:0 24px 64px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:DM Sans,Noto Sans JP,sans-serif;background:var(--surface-2);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}#root{height:100%;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;outline:none}canvas{touch-action:none;display:block}*{-webkit-tap-highlight-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-up{animation:fadeUp .2s ease both}.scale-in{animation:scaleIn .2s cubic-bezier(.16,1,.3,1) both}.f-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:7px;font-size:14px;font-family:inherit;background:#fff;color:var(--ink);transition:border .15s}.f-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.f-input.mono{font-family:DM Mono,monospace;font-size:13px}select.f-input{cursor:pointer}textarea.f-input{resize:vertical;min-height:80px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}