:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fb;--text:#101828;--muted:#667085;--line:#e4e7ec;--panel:#fff;--accent:#173f73;--accent-strong:#0f2f57;--success:#067647;--danger:#b42318}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell,.auth-shell{place-items:center;min-height:100vh;padding:32px;display:grid}.hero,.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;width:min(760px,100%);padding:48px;box-shadow:0 18px 50px #10182814}.auth-card{width:min(480px,100%)}.eyebrow{letter-spacing:.16em;color:var(--accent);margin:0 0 12px;font-size:12px;font-weight:700}h1{letter-spacing:-.04em;margin:0;font-size:clamp(38px,7vw,64px)}h2,h3{margin-top:0}.lead{max-width:620px;color:var(--muted);margin:24px 0 32px;font-size:18px;line-height:1.7}.muted{color:var(--muted);line-height:1.6}.statusCard{background:#f2f5f9;border-radius:16px;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.statusCard span{color:var(--muted);font-size:14px}.auth-form{gap:16px;margin-top:28px;display:grid}.auth-form label{gap:8px;font-size:14px;font-weight:700;display:grid}.auth-form input{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:12px;padding:13px 14px}.auth-form input:focus{border-color:var(--accent);outline:2px solid #173f7326}.primary-button,.primary-link,.ghost-button,.ghost-link{cursor:pointer;border-radius:12px;padding:12px 16px;font-weight:700}.primary-button,.primary-link{border:1px solid var(--accent);background:var(--accent);color:#fff}.primary-button:hover,.primary-link:hover{background:var(--accent-strong)}.ghost-button,.ghost-link{border:1px solid var(--line);color:var(--text);background:#fff}.auth-switch{color:var(--muted);margin-top:20px;font-size:14px}.auth-switch a{color:var(--accent);font-weight:700}.notice{border-radius:10px;margin-top:20px;padding:12px 14px;font-size:14px}.notice.error,.error-box{color:var(--danger);background:#fef3f2}.notice.success,.success-box{color:var(--success);background:#ecfdf3}.success-box,.error-box{border-radius:12px;margin-bottom:18px;padding:13px 16px;font-size:14px}.dashboard-shell{width:min(1120px,100%);margin:0 auto;padding:40px 24px 72px}.narrow-shell{width:min(900px,100%)}.topbar,.dashboard-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.topbar{border-bottom:1px solid var(--line);padding-bottom:28px}.topbar h1{font-size:clamp(34px,5vw,52px)}.topbar-actions{align-items:center;gap:12px;display:flex}.user-chip{color:var(--muted);font-size:14px}.dashboard-toolbar{margin:32px 0 20px}.dashboard-toolbar h2{margin-bottom:6px}.empty-card,.training-card,.form-card,.detail-card,.summary-card,.step-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.empty-card p{color:var(--muted);margin-bottom:0}.empty-card.compact{background:#fafbfc;margin-top:18px;padding:18px}.training-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.training-card{transition:transform .15s,box-shadow .15s}.training-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #10182814}.training-card h3{margin:16px 0 8px}.training-card p{color:var(--muted);margin-bottom:0}.status-pill{color:var(--accent);text-transform:uppercase;background:#eef4ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.page-back{color:var(--muted);margin-bottom:24px;font-size:14px}.page-back a:hover{color:var(--accent)}.detail-header{margin-bottom:28px}.detail-header h1{margin-top:10px;font-size:clamp(34px,5vw,52px)}.split-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.training-form{gap:22px;display:grid}.form-grid{gap:18px;display:grid}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.training-form label{color:var(--text);gap:8px;font-size:14px;font-weight:700;display:grid}.training-form label small{color:var(--muted);font-weight:400}.training-form input,.training-form textarea,.training-form select{border:1px solid var(--line);width:100%;color:var(--text);resize:vertical;background:#fff;border-radius:12px;padding:13px 14px}.training-form input:focus,.training-form textarea:focus,.training-form select:focus{border-color:var(--accent);outline:2px solid #173f7326}.toggle-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.check-card{border:1px solid var(--line);background:#fafbfc;border-radius:14px;align-items:start;padding:16px;grid-template-columns:auto 1fr!important;gap:12px!important}.check-card input{width:auto;margin-top:3px}.check-card span{gap:4px;display:grid}.check-card small{color:var(--muted);font-weight:400;line-height:1.5}.check-row{border:1px solid var(--line);background:#fafbfc;border-radius:12px;align-items:start;padding:14px;grid-template-columns:auto 1fr!important;gap:12px!important}.check-row input{width:auto;margin-top:3px}.check-row span{gap:3px;display:grid}.form-actions{justify-content:flex-end;gap:12px;padding-top:6px;display:flex}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.summary-card{gap:8px;display:grid}.summary-card span{color:var(--muted);font-size:13px}.summary-card strong{font-size:20px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.detail-card p{color:var(--muted);white-space:pre-wrap;line-height:1.75}.step-card{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.step-card>div{align-items:center;gap:10px;display:flex}.step-no{width:32px;height:32px;color:var(--accent);background:#eef4ff;border-radius:999px;flex:none;place-items:center;font-weight:700;display:grid}.step-card div div{gap:2px;display:grid}.step-card small{color:var(--muted)}.question-layout{align-items:start}.section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.section-heading>div{align-items:center;gap:10px;display:flex}.question-list-card{margin-top:16px}.question-list{gap:12px;display:grid}.question-item{border:1px solid var(--line);background:#fafbfc;border-radius:14px;grid-template-columns:auto 1fr;gap:16px;padding:18px;display:grid}.question-number{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.question-content h3{margin:8px 0 10px;line-height:1.5}.question-content p{color:var(--muted);margin:7px 0;line-height:1.6}.question-content ul{color:var(--muted);margin:8px 0;padding-left:22px;line-height:1.7}.question-item-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.question-meta{flex-wrap:wrap;gap:6px;display:flex}.question-meta span{color:var(--accent);background:#eef4ff;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.delete-question-button{color:var(--danger);cursor:pointer;background:#fff;border:1px solid #fecdca;border-radius:9px;padding:6px 10px;font-size:12px;font-weight:700}.delete-question-button:hover{background:#fef3f2}.intro-card{background:linear-gradient(#fff,#fbfcff);margin-bottom:18px}.intro-card h2{margin-bottom:10px}.intro-card>p{color:var(--muted);margin:0 0 18px;line-height:1.75}.method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.method-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px}.method-card strong{margin-bottom:6px;display:block}.method-card p{color:var(--muted);margin:0;line-height:1.65}.privacy-note{color:var(--text);background:#f4f7fb;border-radius:12px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;font-size:13px;line-height:1.55;display:flex}.privacy-note strong{color:var(--accent);white-space:nowrap}.privacy-note span{color:var(--muted)}.pdf-form input[type=file]{padding:10px}.question-toggle-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;margin-bottom:16px;overflow:hidden}.question-toggle-summary{cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;list-style:none;display:flex}.question-toggle-summary::-webkit-details-marker{display:none}.question-toggle-summary>div{gap:5px;display:grid}.question-toggle-summary strong{font-size:18px}.question-toggle-summary span{color:var(--muted);font-size:13px}.question-toggle-summary:after{content:"▾";color:var(--accent);margin-left:auto;font-size:18px;font-weight:700;transition:transform .15s}.question-toggle-card[open]>.question-toggle-summary:after{transform:rotate(180deg)}.toggle-hint{white-space:nowrap}.question-toggle-body{border-top:1px solid var(--line);background:#fbfcfe;padding:20px 24px 24px}.compact-intro{background:0 0;border:0;margin:0 0 18px;padding:0}.ai-review-card{background:#fff;margin-top:16px}.final-question-center{border:2px solid #d9e4f2;margin-top:16px;box-shadow:0 8px 24px #1018280a}.secondary-toggle{margin-top:16px}.secondary-toggle .question-toggle-summary{background:#fafbfc}.survey-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.survey-start-card{flex-direction:column;gap:18px;min-height:280px;display:flex}.survey-start-card h2{margin:0 0 8px;font-size:24px}.survey-start-card p{margin:0}.survey-start-card button{width:100%;margin-top:auto}.survey-start-primary{border:2px solid #cddbf0;box-shadow:0 10px 28px #1018280d}.survey-start-icon{width:48px;height:48px;color:var(--accent);background:#eef4ff;border-radius:14px;place-items:center;font-size:16px;font-weight:800;display:grid}.survey-editor-guide{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.survey-editor-guide p{margin:6px 0 0}.survey-item-list-card{margin-bottom:16px}.survey-item-list{gap:12px;display:grid}.survey-item-row{border:1px solid var(--line);background:#fafbfc;border-radius:14px;grid-template-columns:auto 1fr;gap:14px;padding:18px;display:grid}.survey-item-row h3{margin:10px 0;line-height:1.5}.survey-item-row ul{color:var(--muted);margin:8px 0 0;padding-left:22px;line-height:1.75}.survey-add-toggle{margin-top:0}.survey-editor-footer{justify-content:flex-end;gap:12px;margin-top:18px;display:flex}.survey-item-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.survey-item-actions form{margin:0}.survey-move-button{min-width:74px;color:var(--accent);cursor:pointer;background:#fff;border:1px solid #cfd8e6;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:700;transition:background .15s,color .15s,border-color .15s,transform .1s}.survey-move-button:hover:not(:disabled){background:#eef4ff;border-color:#a9bdd8}.survey-move-button:active:not(:disabled){transform:scale(.97)}.survey-move-button:disabled,.primary-button:disabled,.delete-question-button:disabled{cursor:not-allowed;opacity:.45}.is-pending{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;cursor:wait!important;opacity:1!important}.delete-question-button.is-pending{background:#b42318!important;border-color:#b42318!important}.button-spinner{vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;margin-right:7px;animation:.7s linear infinite button-spin;display:inline-block}.survey-confirm-button{min-width:190px}@keyframes button-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.form-grid.two-col,.toggle-row,.summary-grid,.detail-grid,.step-card,.method-grid,.survey-start-grid{grid-template-columns:1fr}.split-header{flex-direction:column;align-items:flex-start}.question-toggle-summary{align-items:flex-start}.toggle-hint{display:none}.survey-editor-guide{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.shell,.auth-shell{padding:16px}.hero,.auth-card{border-radius:18px;padding:30px 24px}.lead{font-size:16px}.topbar,.dashboard-toolbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:space-between;width:100%}.primary-link{text-align:center;width:100%}.form-actions{flex-direction:column-reverse}.form-actions>*{text-align:center;width:100%}.question-item,.survey-item-row{grid-template-columns:1fr}.privacy-note{flex-direction:column;gap:4px}.question-toggle-summary,.question-toggle-body{padding-left:18px;padding-right:18px}.survey-editor-footer{flex-direction:column}.survey-editor-footer>*{text-align:center;width:100%}.survey-item-actions{justify-content:flex-start}.survey-move-button{min-width:82px}.survey-confirm-button{width:100%}}@media print{.public-result-v2 .playbook-pocket-print,.public-result-v2 .playbook-pocket-print *{color:#111827!important;background-color:#fff!important}.public-result-v2 .playbook-pocket-print article{break-inside:avoid;page-break-inside:avoid;border:1px solid #dbe4f0!important}.public-result-v2 .playbook-result-navigation,.public-result-v2 .action-progress-buttons{display:none!important}.public-result-v2 .action-progress-print-note{color:#475467!important;margin:10px 0!important;font-size:12px!important;display:block!important}}
.compact-detail-header{margin-bottom:20px}.question-builder-card{margin-bottom:22px}.compact-builder-body{padding-top:18px}.builder-grid{margin-bottom:0}.builder-method-card{box-shadow:none}.compact-ai-review{margin-top:18px}.compact-ai-list{gap:10px}.compact-ai-question{padding:16px}.compact-ai-question .question-content h3{margin-bottom:8px}.compact-question-actions{gap:8px;margin-top:12px;display:flex}.compact-question-actions form{margin:0}.compact-question-actions .primary-button{padding:8px 14px}.education-question-section{border:1px solid #d7e1ee;margin-top:0;padding:28px;box-shadow:0 10px 30px #1018280d}.education-question-form{gap:20px;display:grid}.education-question-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:18px;display:flex}.education-question-header h2{letter-spacing:-.03em;margin:2px 0 6px;font-size:28px}.education-question-header p{max-width:680px;color:var(--muted);margin:0;line-height:1.6}.small-eyebrow{margin-bottom:4px;font-size:10px;display:block}.selected-question-count{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.selected-question-count strong{color:var(--accent);font-size:30px}.selected-question-count span{color:var(--muted);font-size:13px}.education-question-list{gap:10px;display:grid}.education-question-card{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:auto 1fr;gap:14px;padding:16px 18px;transition:opacity .15s,border-color .15s,background .15s;display:grid}.education-question-card.is-active{background:#fbfdff;border-color:#d6e2f0}.education-question-card.is-inactive{opacity:.55;background:#f8f9fb}.education-question-number{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.education-question-main{min-width:0}.education-question-topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.education-question-main h3{margin:10px 0 8px;font-size:18px;line-height:1.5}.question-use-switch{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.question-use-switch input{opacity:0;pointer-events:none;position:absolute}.question-use-track{background:#d0d5dd;border-radius:999px;width:40px;height:22px;padding:2px;transition:background .15s}.question-use-track span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;display:block;box-shadow:0 1px 3px #10182840}.question-use-switch input:checked+.question-use-track{background:var(--accent)}.question-use-switch input:checked+.question-use-track span{transform:translate(18px)}.education-question-tools{align-items:center;gap:12px;margin-top:4px;display:flex}.question-detail-toggle{flex:1}.question-detail-toggle summary{cursor:pointer;width:max-content;color:var(--accent);font-size:13px;font-weight:700;list-style:none}.question-detail-toggle summary::-webkit-details-marker{display:none}.question-detail-toggle summary:after{content:" +"}.question-detail-toggle[open] summary:after{content:" −"}.question-detail-content{color:var(--muted);background:#f5f7fa;border-radius:10px;margin-top:10px;padding:12px 14px;font-size:14px;line-height:1.6}.question-detail-content p{margin:5px 0}.question-detail-content ul{margin:7px 0 0;padding-left:20px}.text-danger-button{color:var(--danger);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:6px 2px;font-size:13px;font-weight:700}.text-danger-button:hover{text-decoration:underline}.sticky-final-action{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border:1px solid #d6e2f0;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:4px;padding:16px 18px;display:flex;position:sticky;bottom:14px;box-shadow:0 10px 30px #1018281a}.sticky-final-action p{margin:3px 0 0}.ai-detail-toggle{margin-top:6px}@media (max-width:760px){.education-question-section{padding:20px 18px}.education-question-header{flex-direction:column;align-items:flex-start;gap:10px}.selected-question-count{align-self:flex-start}.education-question-topline{flex-direction:column;align-items:flex-start}.question-use-switch{align-self:flex-start}.sticky-final-action{flex-direction:column;align-items:stretch;position:static}.sticky-final-action .primary-button{width:100%}}@media (max-width:640px){.education-question-card{grid-template-columns:1fr}.education-question-number{width:32px;height:32px}.education-question-tools{align-items:flex-start}}