@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}:root{--bg-page:#eef2ff;--bg-card:#fff;--bg-upload:#fafafe;--bg-stream:#fafafe;--bg-input:#fff;--bg-progress:#f1f5f9;--text-primary:#1e1b4b;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-filename:#9ca3af;--border-card:#6366f114;--border-upload:#c7d2fe;--border-stream:#e0e7ff;--border-input:#e0e7ff;--border-btn:#c7d2fe;--border-google:#e5e7eb;--shadow-card:0 4px 20px #0000000f;--grad-page:linear-gradient(160deg, #eef2ff 0%, #f0f4ff 50%, #faf5ff 100%);--grad-upload:linear-gradient(135deg, #fafafe, #f5f3ff);--grad-logo:linear-gradient(135deg, #e0e7ff, #ede9fe);--cat-bg-1:#f0fdf4;--cat-bg-2:#eff6ff;--cat-bg-3:#faf5ff;--cat-bg-4:#fff7ed;--cat-bg-5:#ecfeff;--cat-bg-6:#f8fafc}body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,sans-serif;font-weight:500}h1,h2,h3{color:var(--text-primary);font-weight:700}button{font-family:inherit;font-weight:600}input,textarea,select{font-family:inherit;font-weight:500}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}