:root{--color-bg: hsl(0 0% 100%);--color-surface: hsl(0 0% 100%);--color-text: hsl(220 13% 18%);--color-muted: hsl(220 9% 45%);--color-border: hsl(220 13% 86%);--color-primary: hsl(214 60% 36%);--color-primary-hover: hsl(214 60% 28%);--color-primary-soft: hsl(214 60% 95%);--color-on-primary: hsl(0 0% 100%);--color-danger: hsl(0 70% 45%);--color-warn: hsl(35 90% 35%);--color-banner-bg: hsl(0 80% 96%);--color-banner-border: hsl(0 60% 80%);--color-success: hsl(145 55% 30%);--color-success-soft: hsl(145 45% 95%);--color-skeleton-a: hsl(220 13% 94%);--color-skeleton-b: hsl(220 13% 97%);--font-sans: system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Yu Gothic UI", "Meiryo", sans-serif;--line-strong: 1.45;--line-base: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 8px;--max-width: 720px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:var(--line-base)}#root{display:flex;flex-direction:column}.app-shell{max-width:var(--max-width);margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-6);width:100%}.app-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);margin-bottom:var(--space-4)}.app-header__series{font-size:14px;color:var(--color-muted)}.app-header__name{font-size:18px;font-weight:600;margin-top:var(--space-1);line-height:var(--line-strong)}.progress{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.progress__bar{flex:1;height:6px;background:var(--color-primary-soft);border-radius:999px;overflow:hidden}.progress__bar-fill{background:var(--color-primary);height:100%;transition:width .2s ease}.progress__label{font-size:12px;color:var(--color-muted);white-space:nowrap}.question{margin-bottom:var(--space-5)}.question__body{font-size:16px;font-weight:600;line-height:var(--line-strong);margin-bottom:var(--space-4)}.choices{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.choice{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:var(--color-surface);transition:background-color .12s ease,border-color .12s ease}.choice:hover{border-color:var(--color-primary)}.choice--selected{background:var(--color-primary-soft);border-color:var(--color-primary)}.choice__radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-border);flex-shrink:0;position:relative}.choice--selected .choice__radio{border-color:var(--color-primary)}.choice--selected .choice__radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--color-primary)}.choice__label{flex:1;font-size:14px}.actions{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5)}.button{padding:var(--space-3) var(--space-5);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:14px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.button:hover:not(:disabled){border-color:var(--color-primary)}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.button--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.skeleton{background:linear-gradient(90deg,var(--color-skeleton-a),var(--color-skeleton-b),var(--color-skeleton-a));background-size:200% 100%;animation:skeleton 1.2s ease-in-out infinite;border-radius:var(--radius)}@keyframes skeleton{0%{background-position:0% 0%}to{background-position:-200% 0%}}.skeleton-row{height:16px;margin-bottom:var(--space-2)}.skeleton-row--lg{height:24px}.skeleton-block{height:240px}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--color-banner-bg);border:1px solid var(--color-banner-border);color:var(--color-danger);font-size:14px;margin-bottom:var(--space-3)}.result__overall{display:flex;gap:var(--space-4);margin:var(--space-4) 0}.result__overall-card{flex:1;border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);text-align:center}.result__overall-label{font-size:12px;color:var(--color-muted)}.result__overall-score{font-size:28px;font-weight:600;margin-top:var(--space-1)}.result__category-list{list-style:none;padding:0;margin:0 0 var(--space-4) 0}.result__category{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px dashed var(--color-border);font-size:14px}.result__category-name{flex:1}.result__category-score{color:var(--color-muted);font-feature-settings:"tnum" 1}.result__comments{list-style:disc;padding-left:var(--space-5);font-size:14px;line-height:var(--line-base)}.result__comments li+li{margin-top:var(--space-2)}.result__cta{text-align:center;margin-top:var(--space-5)}.error-page{padding:var(--space-6) var(--space-4);text-align:center}.error-page__icon{font-size:32px;line-height:1;margin-bottom:var(--space-3);color:var(--color-warn)}.error-page__message{font-size:16px;line-height:var(--line-strong);margin-bottom:var(--space-5)}.chart-wrap{display:flex;justify-content:center;margin:var(--space-3) 0 var(--space-5)}.chart__grid{fill:none;stroke:var(--color-border);stroke-width:1}.chart__grid--dashed{stroke-dasharray:2 3}.chart__axis{stroke:var(--color-border);stroke-width:1}.chart__polygon{fill:var(--color-primary-soft);stroke:var(--color-primary);stroke-width:2;opacity:.85}.chart__point{fill:var(--color-primary)}.chart__label{fill:var(--color-text);font-size:12px}