:root{--color-light-bg:#f7fcff;--color-dark-bg:#283f5c;--color-point-1:#5a7793;--color-point-2:#d4cfd5;--font-sans:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, Roboto, sans-serif;--radius-card:16px;--radius-pill:9999px;--radius-row:8px;--site-max-width:1200px;--content-max-width:1050px;--content-padding:16px;--ok:#10b981;--ng:#ef4444;--warn:#f59e0b;--warn-hover:#fbbf24;--on-status:var(--color-dark-bg);--ok-surface:#ecfdf5;--ng-surface:#fef2f2;--warn-surface:#fffbeb;--ok-text:#047857;--warn-text:#b45309;--ng-text:#b91c1c;--info:#3b82f6;--info-surface:#eff6ff}:root,:root.theme-default,:root.theme-custom-blue{--in-oklch: ;--bg:var(--color-light-bg);--fg:var(--color-dark-bg);--fg-muted:#283f5c99;--primary:var(--color-point-1);--primary-hover:var(--color-point-1);--secondary:var(--color-dark-bg);--secondary-hover:var(--color-dark-bg);--glass-bg:var(--color-light-bg);--glass-border:var(--color-dark-bg);--glass-border-hover:var(--color-point-1);--card-shadow:none;--header-bg:var(--color-light-bg);--input-bg:var(--color-light-bg);--input-border:var(--color-dark-bg);--border-color:var(--color-dark-bg);--badge-bg:var(--color-point-1);--badge-color:var(--color-light-bg);--eval-bg:#5a779314;--grid-line-color:#283f5c26;--scroll-thumb:var(--color-dark-bg);--scroll-track:var(--color-light-bg);--highlight-bg:#5a77934d;--roadmap-status-bg:#5a77931f}:root.dark-mode,:root.theme-default.dark-mode,:root.theme-custom-blue.dark-mode{--ok:#34d399;--ng:#fca5a5;--warn:#fbbf24;--warn-hover:#fcd34d;--ok-surface:#10b9812e;--ng-surface:#ef44442e;--warn-surface:#f59e0b2e;--ok-text:#a7f3d0;--warn-text:#fde68a;--ng-text:#fecaca;--info:#60a5fa;--info-surface:#3b82f62e;--bg:var(--color-dark-bg);--fg:var(--color-light-bg);--fg-muted:#f7fcff99;--primary:var(--color-point-2);--primary-hover:var(--color-light-bg);--secondary:var(--color-light-bg);--secondary-hover:var(--color-light-bg);--glass-bg:var(--color-dark-bg);--glass-border:var(--color-light-bg);--glass-border-hover:var(--color-point-2);--card-shadow:none;--header-bg:var(--color-dark-bg);--input-bg:#f7fcff14;--input-border:var(--color-light-bg);--border-color:var(--color-light-bg);--badge-bg:var(--color-point-2);--badge-color:var(--color-dark-bg);--eval-bg:#f7fcff0d;--grid-line-color:#f7fcff26;--scroll-thumb:var(--color-light-bg);--scroll-track:var(--color-dark-bg);--highlight-bg:#d4cfd54d;--roadmap-status-bg:#d4cfd526}.site-page{background:var(--bg);min-height:100dvh;color:var(--fg);flex-direction:column;display:flex}.site-main{width:100%;max-width:var(--content-max-width);padding-left:var(--content-padding);padding-right:var(--content-padding);flex:1;margin:0 auto}.primary-btn,.primary-btn:any-link{background:var(--secondary);color:var(--bg);cursor:pointer;border:0;border-radius:10px;padding:12px 32px;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.3;text-decoration:none;display:inline-block}@media (hover:hover){.primary-btn:hover:not(:disabled):not([disabled]){background:var(--bg);color:var(--secondary);box-shadow:inset 0 0 0 1px var(--secondary)}}.primary-btn:disabled,.primary-btn[disabled]{opacity:.5;cursor:not-allowed}.primary-btn[hidden]{display:none}*{margin:0;padding:0}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2.5px solid var(--scroll-track);border-radius:9999px}@media (hover:hover){::-webkit-scrollbar-thumb:hover{background:var(--primary)}}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:var(--font-sans);background-color:var(--bg);color:var(--fg);transition:background-color .4s,color .4s}body:has(.instruction-modal-overlay,.terms-modal-overlay,.feedback-modal-overlay,.feedback-fallback-overlay,.import-modal-overlay,.confirm-dialog-overlay){overflow:hidden}.sub-question-wrapper{border-top:2px solid var(--border-color);margin-top:20px;padding-top:20px}.sub-question-wrapper.first{border-top:none;margin-top:0;padding-top:8px}@media print{:root,.dark-mode{--bg:#f3fafd!important;--fg:#082b45!important;--fg-muted:#082b4599!important;--primary:#0e92ce!important;--primary-hover:#0e92ce!important;--secondary:#334f68!important;--secondary-hover:#334f68!important;--glass-bg:#f3fafd!important;--glass-border:#082b45!important;--glass-border-hover:#0e92ce!important;--card-shadow:none!important;--header-bg:#f3fafd!important;--input-bg:#f3fafd!important;--input-border:#082b45!important;--border-color:#082b45!important;--badge-bg:#0e92ce!important;--badge-color:#f3fafd!important;--eval-bg:#082b450a!important;--grid-line-color:#082b4526!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{overflow:visible!important}}.reveal{animation:.16s ease-out both spine-reveal}@keyframes spine-reveal{0%{opacity:0}to{opacity:1}}.skeleton{background:linear-gradient(90deg, var(--glass-bg,#7f7f7f14) 25%, var(--border-color,#7f7f7f2e) 50%, var(--glass-bg,#7f7f7f14) 75%);background-size:200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite spine-skeleton}.skeleton-line{height:1em;margin:8px 0}@keyframes spine-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}