body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,sans-serif;color:#1a202c;background:#f7fafc;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.125rem;color:#718096}.header{background:linear-gradient(135deg,#2c5282,#1a365d);color:#fff;padding:1rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.header-content{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-title h1{font-size:1.5rem;font-weight:700}.subtitle{font-size:.8rem;opacity:.85}.header-auth,.auth-logged-in{display:flex;align-items:center;gap:.75rem}.user-email{font-size:.8rem;opacity:.85}.auth-button{padding:.4rem .8rem;font-size:.8rem;border-radius:6px;cursor:pointer;transition:all .2s;border:none;font-weight:500}.login-button{background:#fff;color:#2c5282}.login-button:hover{background:#edf2f7}.mypage-button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.4)}.mypage-button:hover{background:#ffffff40}.logout-button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.logout-button:hover{background:#ffffff1a}.main{flex:1;padding:2rem 1rem;max-width:900px;margin:0 auto;width:100%}.loading{text-align:center;padding:3rem;color:#718096;font-size:1rem}.mode-selector{text-align:center;margin-bottom:2rem}.mode-selector h2{font-size:1.25rem;margin-bottom:1rem;color:#2d3748}.mode-buttons{display:flex;gap:1rem;justify-content:center}.mode-button{padding:1rem 2rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:160px}.mode-button:hover{border-color:#4299e1}.mode-button.active{border-color:#2c5282;background:#ebf8ff}.mode-name{font-size:1.125rem;font-weight:600;color:#2d3748}.mode-desc{font-size:.8rem;color:#718096}.progress-bar{margin-bottom:1.5rem;position:sticky;top:72px;background:#f7fafc;padding:.75rem 0;z-index:50}.progress-text{font-size:.875rem;color:#4a5568;margin-bottom:.5rem}.progress-track{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4299e1,#2c5282);border-radius:3px;transition:width .3s ease}.category-group{margin-bottom:2rem}.category-title{font-size:1.1rem;font-weight:600;color:#2c5282;padding:.5rem 0;border-bottom:2px solid #bee3f8;margin-bottom:1rem}.question-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;margin-bottom:.75rem;transition:box-shadow .2s}.question-card:hover{box-shadow:0 2px 8px #0000000f}.question-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.question-id{font-size:.75rem;font-weight:600;color:#2c5282;background:#ebf8ff;padding:.15rem .5rem;border-radius:4px;white-space:nowrap}.question-sub{font-size:.75rem;color:#a0aec0}.question-text{font-size:.95rem;color:#2d3748;margin-bottom:.5rem;white-space:pre-line}.question-hint{font-size:.8rem;color:#718096;background:#f7fafc;padding:.5rem .75rem;border-radius:6px;border-left:3px solid #bee3f8;margin-bottom:.75rem}.answer-options{display:flex;gap:.5rem;flex-wrap:wrap}.answer-option{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .15s;-webkit-user-select:none;user-select:none}.answer-option:hover{border-color:#a0aec0}.answer-option.selected{background:#ebf8ff;border-color:#4299e1;color:#2c5282;font-weight:500}.answer-option input[type=radio]{display:none}.submit-area{text-align:center;padding:2rem 0}.submit-button{padding:.75rem 3rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#2c5282,#2b6cb0);border:none;border-radius:8px;cursor:pointer;transition:all .2s}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2c52824d}.submit-button:disabled{opacity:.5;cursor:not-allowed}.submit-hint{font-size:.85rem;color:#a0aec0;margin-top:.75rem}.result-page h2,.mypage h2,.detail-page h2{font-size:1.5rem;color:#2d3748;margin-bottom:.5rem}.result-summary{font-size:.9rem;color:#718096;margin-bottom:1.5rem}.save-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem;text-align:center}.save-button{padding:.6rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:#38a169;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.save-button:hover:not(:disabled){background:#2f855a}.save-button:disabled{opacity:.6;cursor:not-allowed}.save-success{color:#38a169;font-weight:600;font-size:1rem}.save-error{color:#e53e3e;font-size:.875rem;margin-top:.5rem}.login-cta p{font-size:.9rem;color:#4a5568;margin-bottom:.75rem}.result-category-group{margin-bottom:2rem}.result-category-title{font-size:1.1rem;font-weight:600;color:#2c5282;padding:.5rem 0;border-bottom:2px solid #bee3f8;margin-bottom:.75rem}.result-list{display:flex;flex-direction:column;gap:.5rem}.result-item{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem 1.25rem;gap:1rem}.result-question{display:flex;align-items:flex-start;gap:.5rem;flex:1}.result-qid{font-size:.75rem;font-weight:600;color:#2c5282;background:#ebf8ff;padding:.1rem .4rem;border-radius:4px;white-space:nowrap;margin-top:.1rem}.result-qtext{font-size:.9rem;color:#2d3748}.result-answer{font-size:.8rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;white-space:nowrap}.badge-yes{background:#c6f6d5;color:#22543d}.badge-partial{background:#fefcbf;color:#744210}.badge-no{background:#fed7d7;color:#822727}.badge-unknown{background:#e2e8f0;color:#4a5568}.badge-none{background:#f7fafc;color:#a0aec0}.result-actions{text-align:center;padding:2rem 0}.action-button{padding:.6rem 2rem;font-size:.95rem;font-weight:500;color:#2c5282;background:#fff;border:2px solid #2c5282;border-radius:8px;cursor:pointer;transition:all .2s}.action-button:hover{background:#ebf8ff}.back-button{font-size:.85rem;color:#4299e1;background:none;border:none;cursor:pointer;padding:0;margin-bottom:1.5rem;display:inline-block}.back-button:hover{text-decoration:underline}.empty-message{text-align:center;color:#a0aec0;padding:3rem 0;font-size:.95rem}.assessment-list{display:flex;flex-direction:column;gap:.5rem}.assessment-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem 1.25rem;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.assessment-card:hover{border-color:#4299e1;box-shadow:0 2px 8px #0000000f}.assessment-meta{display:flex;align-items:center;gap:.75rem}.assessment-date{font-size:.9rem;color:#2d3748}.assessment-mode{font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:4px}.mode-quick{background:#ebf8ff;color:#2c5282}.mode-full{background:#faf5ff;color:#553c9a}.assessment-count{font-size:.8rem;color:#718096}.compliance-overview{display:grid;grid-template-columns:240px 1fr;gap:1.5rem;margin-bottom:1.5rem}.compliance-rate-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.compliance-rate-number{font-size:3.5rem;font-weight:700;line-height:1}.compliance-rate-label{font-size:1rem;font-weight:600;color:#2d3748;margin-top:.5rem}.compliance-rate-sub{font-size:.75rem;color:#a0aec0;margin-top:.25rem}.radar-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.radar-chart-card h3{font-size:1rem;color:#2d3748;margin-bottom:.5rem}.detail-meta{font-size:.9rem;color:#718096;margin-bottom:1.5rem}.footer{text-align:center;padding:1.5rem;font-size:.8rem;color:#a0aec0;border-top:1px solid #e2e8f0}@media (max-width: 640px){.header{padding:.75rem 1rem}.header-content{flex-direction:column;gap:.5rem}.header-title h1{font-size:1.25rem}.main{padding:1rem .75rem}.mode-buttons{flex-direction:column;align-items:stretch}.mode-button{min-width:auto}.answer-options{flex-direction:column}.result-item{flex-direction:column;gap:.5rem}.result-answer{align-self:flex-start}.auth-logged-in{flex-wrap:wrap;justify-content:center}.compliance-overview{grid-template-columns:1fr}.compliance-rate-number{font-size:2.5rem}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color:#213547;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-width:320px;min-height:100vh}