:root{--bg: #f6f7f8;--bg-2: #eef1f4;--panel: #ffffff;--ink: #0f2530;--ink-2: #3b5360;--ink-3: #6b8391;--line: #e3e8ec;--accent: #0c8a8a;--accent-ink: #ffffff;--accent-soft: #e6f3f2;--danger: #b33a3a;--danger-soft: #f8e2e2;--radius: 10px;--radius-sm: 6px;--shadow-md: 0 4px 16px rgba(15, 37, 48, .08);--font-sans: "Inter", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit;font-size:inherit;color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{max-width:1120px;margin:0 auto;padding:24px 20px 80px;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink-2);font-weight:500;cursor:pointer}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn:disabled{cursor:not-allowed;opacity:.55}.error-banner{padding:12px 16px;border:1px solid var(--danger);border-radius:var(--radius);background:var(--danger-soft);color:var(--danger)}.empty{padding:3rem;text-align:center;color:var(--ink-3)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.main-content{padding:16px 12px 100px}}