:root{--color-bg: #f0f2f5;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text-primary: #1a202c;--color-text-secondary: #718096;--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-good: #22c55e;--color-warn: #eab308;--color-bad: #ef4444;--color-ideal: #94a3b8;--color-actual: #4f46e5;--radius-md: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--font: "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text-primary);line-height:1.6;min-height:100vh}.page-wrapper{max-width:1100px;margin:0 auto;padding:24px 16px 64px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:28px}.site-header h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.subtitle{font-size:.9rem;color:var(--color-text-secondary);margin-top:4px}.header-left{display:flex;align-items:center;gap:16px}.back-link{color:var(--color-accent);text-decoration:none;font-size:.9rem;font-weight:500}.back-link:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-accent);border:1.5px solid var(--color-accent)}.btn-secondary:hover:not(:disabled){background:#eef2ff}.error-msg{margin-top:12px;padding:10px 14px 10px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);color:#b91c1c;font-size:.9rem;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.error-dismiss{background:none;border:none;color:#b91c1c;font-size:1.1rem;line-height:1;cursor:pointer;padding:0;flex-shrink:0;opacity:.6}.error-dismiss:hover{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f0f2f5d1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner{width:44px;height:44px;border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}.loading-text{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.hidden{display:none!important}.section-title{font-size:1.05rem;font-weight:700;margin-bottom:6px}.section-desc{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:16px}