.phq4-container{width:100%;font-family:var(--font-body,"Urbanist", sans-serif);color:var(--color-text,#0f172a);box-sizing:border-box;margin:0 auto}.phq4-header{text-align:center;margin-bottom:28px;padding-top:24px}.phq4-title{font-family:var(--font-heading,"Urbanist", sans-serif);letter-spacing:-.025em;color:var(--color-text,#0f172a);margin:0 0 16px;font-size:max(2rem,min(5vw,2.6rem));font-weight:800;line-height:1.25}.phq4-lead{color:var(--color-text-secondary,#334155);max-width:620px;margin:0 auto 24px;font-size:1.05rem;font-weight:400;line-height:1.65}.phq4-highlights{color:var(--color-text-secondary,#475569);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:.9375rem;font-weight:500;display:flex}.phq4-bullet{color:var(--color-border,#cbd5e1)}.phq4-card-panel{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:24px;margin-bottom:28px;padding:30px 24px;box-shadow:0 4px 20px -4px #00000008}.phq4-section-title{color:var(--color-text,#0f172a);letter-spacing:-.015em;text-align:center;margin:0 0 8px;font-size:1.35rem;font-weight:700}.phq4-section-lead{color:var(--color-text-secondary,#475569);text-align:center;max-width:580px;margin:0 auto 24px;font-size:.975rem;line-height:1.6}.phq4-dimensions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.phq4-dimension-item{background:var(--color-bg,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:18px;flex-direction:column;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex}.phq4-dimension-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.phq4-dim-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.phq4-dim-title{color:var(--color-text,#0f172a);margin:0;font-size:1.05rem;font-weight:700}.phq4-dim-tag{color:#fff;border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:700}.phq4-dim-desc{color:var(--color-text-secondary,#475569);margin:0;font-size:.9rem;line-height:1.55}.phq4-passport{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:20px;margin-bottom:28px;padding:24px}.phq4-passport h3{color:var(--color-text,#0f172a);margin:0 0 12px;font-size:1.15rem;font-weight:700}.phq4-passport p{color:var(--color-text-secondary,#334155);margin-bottom:12px;font-size:.925rem;line-height:1.6}.phq4-passport-meta{border-top:1px solid var(--color-border,#e2e8f0);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px;padding-top:16px;display:grid}.phq4-meta-item{flex-direction:column;display:flex}.phq4-meta-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#64748b);font-size:.75rem;font-weight:600}.phq4-meta-value{color:var(--color-text,#0f172a);margin-top:2px;font-size:.9rem;font-weight:600}.phq4-faq-item{border-bottom:1px solid var(--color-border,#e2e8f0);padding:14px 0}.phq4-faq-item:last-child{border-bottom:none}.phq4-faq-question{width:100%;color:var(--color-text,#0f172a);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-family:inherit;font-size:1rem;font-weight:600;display:flex}.phq4-faq-answer{color:var(--color-text-secondary,#334155);padding-top:10px;font-size:.925rem;line-height:1.6}.phq4-question-wrapper{width:100%;max-width:680px;min-height:calc(100vh - 32px);flex-direction:column;min-height:calc(100dvh - 32px);margin:0 auto;display:flex}.phq4-top-bar{justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 0;display:flex}.phq4-skip-sleep-btn{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:6px;padding:5px 12px;font-size:.85rem;font-weight:700;transition:background-color .2s,transform .15s;display:inline-flex}.phq4-skip-sleep-btn:hover{background:#ef444426;transform:translateY(-1px)}.phq4-skip-icon{font-size:.85rem;font-weight:800;line-height:1}.phq4-sleep-interstitial{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);text-align:center;border-radius:24px;margin:auto 0;padding:32px 28px;box-shadow:0 8px 30px #0000000a}.phq4-sleep-badge{color:#8b5cf6;background:#8b5cf61f;border-radius:16px;margin-bottom:12px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.phq4-sleep-title{color:var(--color-text,#0f172a);margin:0 0 10px;font-size:1.5rem;font-weight:800}.phq4-sleep-desc{color:var(--color-text-secondary,#475569);max-width:480px;margin:0 auto 20px;font-size:.95rem;line-height:1.6}.phq4-sleep-features{text-align:left;flex-direction:column;gap:8px;max-width:440px;margin:0 auto 24px;display:flex}.phq4-sleep-feature-item{color:var(--color-text,#0f172a);align-items:center;gap:10px;font-size:.9rem;display:flex}.phq4-sleep-feature-check{color:#8b5cf6;font-weight:800}.phq4-sleep-actions{flex-direction:column;gap:12px;max-width:360px;margin:0 auto;display:flex}.phq4-btn-primary{background:var(--color-accent,#ff5c00);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 24px;font-size:1rem;font-weight:700;transition:transform .2s,opacity .2s;box-shadow:0 4px 14px #ff5c0040}.phq4-btn-primary:hover{opacity:.95;transform:translateY(-1px)}.phq4-btn-secondary{color:var(--color-text-secondary,#475569);border:1px solid var(--color-border,#cbd5e1);cursor:pointer;background:0 0;border-radius:14px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:background .2s}.phq4-btn-secondary:hover{background:var(--color-bg,#f1f5f9);color:var(--color-text,#0f172a)}.phq4-results-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:20px;margin-bottom:20px;padding:24px;box-shadow:0 4px 16px #00000005}.phq4-card-heading{color:var(--color-text,#0f172a);margin:0 0 12px;font-size:1.15rem;font-weight:700}.phq4-card-desc{color:var(--color-text-secondary,#334155);margin:0;font-size:.95rem;line-height:1.65}.phq4-gauge-container{flex-direction:column;align-items:center;padding:12px 0 6px;display:flex}.phq4-score-badge{font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:3.2rem;font-weight:800;line-height:1}.phq4-score-denom{color:var(--color-text-muted,#64748b);margin-bottom:12px;font-size:.925rem;font-weight:600}.phq4-level-chip{color:#fff;border-radius:20px;max-width:90%;margin-bottom:12px;padding:7px 20px;font-size:.95rem;font-weight:700;line-height:1.35;display:inline-block;box-shadow:0 2px 8px #0000001f}.phq4-nowrap{white-space:nowrap}.sfss-radar-container{justify-content:center;align-items:center;width:100%;max-width:360px;margin:4px auto 8px;display:flex}.phq4-concentric-track{stroke:#0000000f}.phq4-filled-arc{stroke-dasharray:6}.phq4-radar-legend{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:14px;display:flex}.phq4-legend-item{background:var(--color-bg,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.825rem;display:inline-flex}.phq4-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.phq4-legend-label{color:var(--color-text-secondary,#475569);font-weight:500}.phq4-legend-value{color:var(--color-text,#0f172a);font-weight:700}.phq4-subscales-container{grid-template-columns:1fr;gap:16px;margin-bottom:8px;display:grid}.phq4-subscale-card{background:var(--color-bg,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:16px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.phq4-subscale-top{justify-content:space-between;align-items:center;display:flex}.phq4-subscale-name{color:var(--color-text,#0f172a);font-size:1.05rem;font-weight:700}.phq4-subscale-subtext{color:var(--color-text-muted,#64748b);margin-top:2px;font-size:.775rem;font-weight:500}.phq4-subscale-score{color:#fff;border-radius:12px;padding:3px 12px;font-size:.95rem;font-weight:700}.phq4-subscale-status{font-size:.875rem;font-weight:700}.phq4-subscale-status.status-normal{color:#059669}.phq4-subscale-status.status-warning{color:#d97706}.phq4-subscale-status.status-danger{color:#dc2626}.phq4-subscale-status.status-insomnia{color:#7c3aed}.phq4-subscale-desc{color:var(--color-text-secondary,#334155);margin:0;font-size:.9rem;line-height:1.55}.phq4-subscale-cta-box{border-top:1px dashed var(--color-border,#e2e8f0);margin-top:10px;padding-top:10px}.phq4-subscale-cta{color:#4f46e5;align-items:center;gap:6px;font-size:.875rem;font-weight:700;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-flex}.phq4-subscale-cta:hover{opacity:.85;text-decoration:underline;transform:translate(2px)}.phq4-sleep-skipped-box{background:#8b5cf60f;border:1.5px dashed #8b5cf6;border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px;display:flex}.phq4-sleep-skipped-title{color:#6d28d9;font-size:1rem;font-weight:700}.phq4-sleep-skipped-desc{color:var(--color-text-secondary,#334155);margin:0;font-size:.9rem;line-height:1.55}.phq4-sleep-skipped-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:12px;margin-top:4px;padding:9px 18px;font-size:.9rem;font-weight:700;transition:opacity .2s,transform .15s}.phq4-sleep-skipped-btn:hover{opacity:.92;transform:translateY(-1px)}.phq4-rec-list{margin:0 0 16px;padding-left:20px}.phq4-rec-list li{color:var(--color-text,#1e293b);margin-bottom:8px;font-size:.95rem;line-height:1.6}.phq4-exercise-box{background:var(--color-bg,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:16px;margin-top:14px;padding:18px 20px}.phq4-exercise-title{color:var(--color-text,#0f172a);margin:0 0 6px;font-size:1.05rem;font-weight:700}.phq4-exercise-desc{color:var(--color-text-secondary,#475569);margin:0 0 12px;font-size:.925rem;line-height:1.5}.phq4-exercise-steps{margin:0;padding-left:20px}.phq4-exercise-steps li{color:var(--color-text,#0f172a);margin-bottom:6px;font-size:.925rem;line-height:1.6}.phq4-exercise-feedback{border-top:1px solid var(--color-border,#e2e8f0);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;display:flex}.phq4-exercise-feedback-text{color:var(--color-text-secondary,#475569);font-size:.9rem;font-weight:500}.phq4-exercise-vote-group{align-items:center;gap:8px;display:flex}.phq4-exercise-vote{border:1px solid var(--color-border,#cbd5e1);width:38px;height:38px;color:var(--color-text-secondary,#475569);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,transform .15s,border-color .2s;display:inline-flex}.phq4-exercise-vote svg{width:18px;height:18px}.phq4-exercise-vote:not(:disabled):hover{color:#4f46e5;background:#6366f11a;border-color:#6366f1;transform:translateY(-1px)}.phq4-exercise-vote.is-active{color:#fff;background:#4f46e5;border-color:#4f46e5}.phq4-exercise-vote:disabled{cursor:default;opacity:.85}.phq4-hotlines-cta-box{margin-bottom:24px}.phq4-hotlines-toggle-btn{color:#dc2626;cursor:pointer;background:#ef44440f;border:1px dashed #ef444466;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-size:.925rem;font-weight:700;transition:background .2s,border-color .2s,transform .15s;display:flex}.phq4-hotlines-toggle-btn:hover{background:#ef44441f;border-color:#dc2626;transform:translateY(-1px)}.phq4-full-test-banner{background:linear-gradient(135deg,#4f46e50f 0%,#0ea5e90f 100%);border:1.5px solid #4f46e538;border-radius:20px;flex-direction:column;align-items:flex-start;margin:28px 0;padding:24px 26px;display:flex}.phq4-full-test-card{background:linear-gradient(135deg,#6366f10f 0%,#a855f70f 100%);border:1.5px solid #6366f138}.phq4-full-test-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#4f46e5;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-block}.phq4-full-test-title{color:var(--color-text-primary,#0f172a);margin:10px 0 8px;font-size:1.25rem;font-weight:800;line-height:1.35}.phq4-full-test-desc{color:var(--color-text-secondary,#475569);margin:0 0 16px;font-size:.95rem;line-height:1.6}.phq4-full-test-cta-btn{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 4px 14px #4f46e540}.phq4-full-test-cta-btn:hover{color:#fff;opacity:.96;transform:translateY(-2px);box-shadow:0 6px 20px #4f46e559}.phq4-share-card{background:var(--color-bg,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 28px;padding:16px 20px;display:flex}.phq4-share-card-text{flex-direction:column;gap:4px;display:flex}.phq4-share-card-text strong{color:var(--color-text,#0f172a);font-size:1rem;font-weight:700}.phq4-share-card-text span{color:var(--color-text-secondary,#64748b);font-size:.85rem}.phq4-inline-share-btn{flex-shrink:0;width:44px;height:44px;box-shadow:0 2px 8px #ff9f432e;color:#e67e22!important;background:#fff!important;border-color:#ff9f43!important}.phq4-inline-share-btn:hover{transform:translateY(-1px)scale(1.04);background:#ff9f431f!important}body.dark-mode-active .phq4-container{color:#f8fafc!important}body.dark-mode-active .phq4-title,body.dark-mode-active .phq4-section-title,body.dark-mode-active .phq4-dim-title,body.dark-mode-active .phq4-card-heading,body.dark-mode-active .phq4-subscale-name,body.dark-mode-active .phq4-exercise-title,body.dark-mode-active .phq4-exercise-steps li,body.dark-mode-active .phq4-rec-list li,body.dark-mode-active .phq4-sleep-title,body.dark-mode-active .phq4-sleep-feature-item,body.dark-mode-active .phq4-passport h3,body.dark-mode-active .phq4-meta-value,body.dark-mode-active .phq4-faq-question{color:#fff!important}body.dark-mode-active .phq4-lead,body.dark-mode-active .phq4-section-lead,body.dark-mode-active .phq4-dim-desc,body.dark-mode-active .phq4-card-desc,body.dark-mode-active .phq4-subscale-desc,body.dark-mode-active .phq4-exercise-desc,body.dark-mode-active .phq4-sleep-desc,body.dark-mode-active .phq4-sleep-skipped-desc,body.dark-mode-active .phq4-passport p,body.dark-mode-active .phq4-faq-answer,body.dark-mode-active .phq4-highlights{color:#e2e8f0!important}body.dark-mode-active .phq4-subscale-subtext,body.dark-mode-active .phq4-meta-label,body.dark-mode-active .phq4-score-denom,body.dark-mode-active .phq4-level-name,body.dark-mode-active .phq4-battery-subtext{color:#94a3b8!important}body.dark-mode-active .phq4-card-panel,body.dark-mode-active .phq4-results-card,body.dark-mode-active .phq4-sleep-interstitial,body.dark-mode-active .phq4-passport{background:#181528!important;border-color:#ffffff1f!important;box-shadow:0 4px 20px #00000059!important}body.dark-mode-active .phq4-dimension-item,body.dark-mode-active .phq4-subscale-card,body.dark-mode-active .phq4-exercise-box{background:#ffffff0d!important;border-color:#ffffff1a!important}body.dark-mode-active .phq4-concentric-track{stroke:#ffffff14!important}body.dark-mode-active .phq4-radar-center-score{fill:#fff!important}body.dark-mode-active .phq4-radar-center-label{fill:#94a3b8!important}body.dark-mode-active .phq4-legend-item{background:#ffffff0d!important;border-color:#ffffff1a!important}body.dark-mode-active .phq4-legend-label{color:#cbd5e1!important}body.dark-mode-active .phq4-legend-value{color:#fff!important}body.dark-mode-active .phq4-subscale-status.status-normal{color:#34d399!important}body.dark-mode-active .phq4-subscale-status.status-warning{color:#fbbf24!important}body.dark-mode-active .phq4-subscale-status.status-danger{color:#f87171!important}body.dark-mode-active .phq4-subscale-status.status-insomnia{color:#c084fc!important}body.dark-mode-active .phq4-sleep-skipped-box{background:#8b5cf624!important;border-color:#a78bfa!important}body.dark-mode-active .phq4-sleep-skipped-title{color:#c084fc!important}body.dark-mode-active .phq4-btn-secondary{color:#e2e8f0!important;border-color:#fff3!important}body.dark-mode-active .phq4-btn-secondary:hover{color:#fff!important;background:#ffffff14!important}body.dark-mode-active .phq4-exercise-feedback{border-top-color:#ffffff1a!important}body.dark-mode-active .phq4-exercise-feedback-text{color:#cbd5e1!important}body.dark-mode-active .phq4-exercise-vote{color:#cbd5e1!important;background:#ffffff14!important;border-color:#fff3!important}body.dark-mode-active .phq4-exercise-vote:not(:disabled):hover{color:#a5b4fc!important;background:#6366f140!important;border-color:#818cf8!important}body.dark-mode-active .phq4-exercise-vote.is-active{color:#fff!important;background:#6366f1!important;border-color:#6366f1!important}body.dark-mode-active .phq4-subscale-cta-box{border-top-color:#ffffff1f!important}body.dark-mode-active .phq4-subscale-cta{color:#a5b4fc!important}body.dark-mode-active .phq4-hotlines-toggle-btn{color:#fca5a5!important;background:#ef44441f!important;border-color:#ef444480!important}body.dark-mode-active .phq4-hotlines-toggle-btn:hover{background:#ef444433!important;border-color:#ef4444!important}body.dark-mode-active .phq4-share-card{background:#ffffff0d!important;border-color:#ffffff1a!important}body.dark-mode-active .phq4-share-card-text strong{color:#fff!important}body.dark-mode-active .phq4-share-card-text span{color:#94a3b8!important}body.dark-mode-active .phq4-inline-share-btn{color:#ff9f43!important;background:#ffffff14!important;border-color:#ff9f4366!important}body.dark-mode-active .phq4-inline-share-btn:hover{background:#ff9f4333!important}body.dark-mode-active .phq4-full-test-banner,body.dark-mode-active .phq4-full-test-card{background:#6366f11a!important;border-color:#818cf84d!important}body.dark-mode-active .phq4-full-test-title{color:#fff!important}body.dark-mode-active .phq4-full-test-desc{color:#cbd5e1!important}body.dark-mode-active .phq4-full-test-badge{color:#fff!important;background:#6366f1!important}body.dark-mode-active .phq4-full-test-cta-btn{color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#818cf8 100%)!important}@media (max-width:480px){.phq4-dimensions-grid{grid-template-columns:1fr}.phq4-card-panel{border-radius:18px;padding:20px 16px}.phq4-sleep-interstitial{border-radius:20px;padding:24px 18px}.phq4-sleep-actions{width:100%;max-width:none}.phq4-passport-meta{grid-template-columns:1fr}.phq4-battery-shell{width:200px;height:48px}}