:root{--bg:#ffffff;--bg-subtle:#f8fafc;--panel:#ffffff;--border:#e2e8f0;--fg:#0f172a;--muted:#64748b;--accent:#353fc9;--accent-hover:#2c34a8;--accent-fg:#ffffff;--danger:#dc2626;--radius:8px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Hiragino Sans,Noto Sans JP,sans-serif}a{color:var(--accent)}.container{max-width:880px;margin:0 auto;padding:32px 20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;color:var(--muted)}.field input,.input{padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius);border:none;background:var(--accent);color:var(--accent-fg);font-size:15px;font-weight:600;cursor:pointer}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:transparent;border:1px solid var(--border);color:var(--fg)}.btn.secondary:hover:not(:disabled){background:var(--bg-subtle)}.error{color:var(--danger);font-size:14px;margin-top:8px}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;margin-top:8px}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:500}.shimmer-text{display:inline-block;background:linear-gradient(100deg,#aab1c2 0,#aab1c2 32%,var(--accent) 47%,var(--accent) 53%,#aab1c2 68%,#aab1c2 100%);background-size:200% auto;background-position:100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:shimmerText 1.3s linear infinite}@keyframes shimmerText{to{background-position:-100%}}.think-spinner{width:13px;height:13px;flex:none;border:2px solid #c9ccf5;border-top:2px solid var(--accent);border-radius:50%;animation:thinkSpin .7s linear infinite}@keyframes thinkSpin{to{transform:rotate(1turn)}}.shimmer-dots:after{content:"…";animation:shimmerDots 1.4s steps(4) infinite}@keyframes shimmerDots{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@media (prefers-reduced-motion:reduce){.shimmer-text{background:none;color:var(--muted);-webkit-text-fill-color:var(--muted)}.shimmer-dots:after,.shimmer-text,.think-spinner{animation:none}}