.feedback-area.svelte-1opy75d{width:100%;padding:24px 0;text-align:center}.feedback-area--viewport-footer.svelte-1opy75d{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.feedback-area.svelte-1opy75d:before{content:"";display:block;width:100%;height:1px;margin-bottom:24px;background:color-mix(in srgb,var(--color-border) 55%,transparent)}.feedback-link.svelte-1opy75d{display:inline-flex;gap:6px;align-items:center;color:var(--color-muted);font-size:.88rem;font-weight:500;text-decoration:none}.feedback-link.svelte-1opy75d span:where(.svelte-1opy75d){margin-right:8px}.feedback-link.svelte-1opy75d:hover,.feedback-link.svelte-1opy75d:focus-visible{color:var(--color-text);outline:none;text-decoration:underline;text-underline-offset:3px}.time-estimate.svelte-14erc7o{margin:.75rem 0 0;color:var(--color-muted)}dialog.svelte-jhsr05{width:min(680px,calc(100% - 32px));max-height:min(760px,calc(100svh - 32px));margin:auto;border:1px solid var(--color-border);border-radius:14px;padding:0;background:var(--color-surface);color:var(--color-text);box-shadow:0 24px 70px #0000003d}dialog.svelte-jhsr05::backdrop{background:var(--overlay-background);-webkit-backdrop-filter:blur(var(--overlay-blur));backdrop-filter:blur(var(--overlay-blur))}.patch-notes-panel.svelte-jhsr05{position:relative;max-height:inherit;overflow-y:auto;padding:20px 20px 22px}.patch-notes-header.svelte-jhsr05{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);padding-bottom:14px;padding-right:42px}.patch-notes-header.svelte-jhsr05 h2:where(.svelte-jhsr05){margin:0;font-size:clamp(1.4rem,4vw,1.8rem)}.patch-notes-close.svelte-jhsr05{position:absolute;top:4px;right:4px;display:grid;width:40px;min-height:40px;place-items:center;border:0;padding:0;background:transparent;color:var(--color-text)}.patch-timeline.svelte-jhsr05{margin:0;padding:0;list-style:none}.patch-timeline.svelte-jhsr05>li:where(.svelte-jhsr05){position:relative;padding:0 0 20px 26px}.patch-timeline.svelte-jhsr05>li:where(.svelte-jhsr05):last-child{padding-bottom:0}.timeline-marker.svelte-jhsr05{--dot-color: color-mix(in srgb, var(--color-muted) 65%, white);position:absolute;top:7px;left:4px;width:8px;height:8px;border-radius:999px;background:var(--dot-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--dot-color) 25%,transparent)}time.svelte-jhsr05{display:block;margin-top:4px;color:var(--color-muted);font-size:.82rem}.patch-summary.svelte-jhsr05{margin:8px 0 0;font-size:.9rem;line-height:1.45}@media(max-width:480px){dialog.svelte-jhsr05{width:calc(100% - 20px);max-height:calc(100svh - 20px)}.patch-notes-panel.svelte-jhsr05{padding:16px 16px 18px}.patch-notes-close.svelte-jhsr05{top:0;right:0}}@font-face{font-family:Freesentation;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-3Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Freesentation;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-4Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Freesentation;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-5Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Freesentation;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-6SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Freesentation;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-7Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{font-size:110%;font-family:Freesentation,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#3a3a3a;background:#f4f4f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-bg: #f4f4f4;--color-surface: #fdfdfd;--color-subtle: #eeeeee;--color-track-empty: #f4f4f4;--color-tendency-fill: #a8a8a8;--color-text: #3a3a3a;--color-muted: #666666;--color-border: #d8d8d8;--color-control: #2a2a2a;--color-on-control: #f8f8f8;--color-progress: #595959;--color-disabled: #b8b8b8;--color-focus: #8a8a8a;--color-left: #40bcb0;--color-left-strong: #00b8aa;--color-left-soft: #f4fbfa;--color-left-strong-soft: #d8f3ef;--color-right: #ed8a72;--color-right-strong: #ff6848;--color-right-soft: #fff4f1;--color-right-strong-soft: #fde2dc;--color-notice-text: #e8503a;--color-notice-button: #b84432;--color-notice-button-hover: #cc513f;--color-notice-button-ring: rgb(232 80 58 / 28%);--color-neutral: #8a8a8a;--color-neutral-soft: #f7f7f7;--color-signal-green: #5fc99a;--color-signal-yellow: #f0bd4f;--color-signal-red: #ff806b;--result-text-soft: #4a4a4a;--result-dot-neutral: color-mix(in srgb, var(--color-muted) 65%, white);--result-section-mark: color-mix(in srgb, var(--color-muted) 35%, transparent);--result-badge-bg: color-mix(in srgb, var(--color-subtle), black 2%);--result-track-empty: #e8e8e8;--result-hairline: color-mix(in srgb, var(--color-border) 60%, transparent);--overlay-background: rgb(0 0 0 / 30%);--overlay-blur: 1.8px;--z-overlay: 60;--z-overlay-content: 65;--space-page: clamp(16px, 4vw, 56px);--radius-panel: 8px;--overlay-rise: clamp(28px, 5vh, 64px)}[data-theme=dark]{color:#d8d8d8;background:#121212;--color-bg: #171717;--color-surface: #232323;--color-subtle: #2b2b2b;--color-track-empty: #383838;--color-tendency-fill: #595959;--color-text: #d8d8d8;--color-muted: #b8b8b8;--color-border: #3a3a3a;--color-control: #dcdcdc;--color-on-control: #1f1f1f;--color-progress: #a8a8a8;--color-disabled: #555555;--color-focus: #d0d0d0;--color-left: #65d8cc;--color-left-strong: #20d5c6;--color-left-soft: #1b2f2d;--color-left-strong-soft: #0f403c;--color-right: #f0967b;--color-right-strong: #ff8060;--color-right-soft: #352924;--color-right-strong-soft: #4b281f;--color-notice-text: #f7957f;--color-neutral: #a8a8a8;--color-neutral-soft: #242424;--color-signal-green: #2f9e73;--color-signal-yellow: #d49320;--color-signal-red: #dc5a46;--result-text-soft: #cccccc;--result-dot-neutral: color-mix(in srgb, var(--color-muted) 50%, var(--color-border));--result-section-mark: color-mix(in srgb, var(--color-muted) 50%, transparent);--result-badge-bg: var(--color-subtle);--result-track-empty: #383838;--overlay-background: rgb(0 0 0 / 42%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100svh;background:var(--color-bg);color:var(--color-text);overflow-wrap:break-word;word-break:keep-all}button,input{font:inherit}button{min-height:44px;border:1px solid var(--color-control);border-radius:6px;padding:0 18px;background:var(--color-control);color:var(--color-on-control);font-weight:600;cursor:pointer}button:disabled{border-color:var(--color-border);background:var(--color-subtle);color:var(--color-muted);cursor:not-allowed}button:focus-visible,input:focus-visible+span{outline:3px solid var(--color-focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{max-width:14em;margin-bottom:18px;font-size:clamp(2rem,8vw,3.4rem);line-height:1.08;letter-spacing:0}h2{margin-bottom:16px;font-size:1.25rem;line-height:1.3;letter-spacing:0}h3{margin-bottom:0;font-size:1rem;line-height:1.4;letter-spacing:0}p{color:var(--color-muted);line-height:1.7}.app-shell{width:min(1040px,100%);margin:0 auto;padding:0 var(--space-page) var(--space-page)}.entry-notice-screen{display:grid;min-height:100vh;min-height:100svh;place-content:center;justify-items:center;gap:28px;padding:var(--space-page);text-align:center}.entry-notice-screen p{margin:0;color:var(--color-notice-text);font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:600;line-height:1.85}.entry-notice-screen button{border-color:transparent;background:var(--color-notice-button);color:#fff7f4;box-shadow:0 1px 2px #0000001a,0 0 0 0 var(--color-notice-button-ring);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.entry-notice-screen button:hover,.entry-notice-screen button:focus-visible{background:var(--color-notice-button-hover);box-shadow:0 1px 2px #0000001a,0 0 0 4px var(--color-notice-button-ring)}.theme-toggle{display:grid;width:44px;min-width:44px;height:44px;place-items:center;padding:0;border-color:var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text)}.eyebrow{margin-bottom:12px;color:var(--color-muted);font-size:.82rem;font-weight:600;letter-spacing:0;text-transform:uppercase}.start-screen,.guide-screen,.questionnaire-screen{display:grid;gap:28px;padding-top:calc(clamp(28px,5vh,52px) + clamp(3.2rem,13vw,5.5rem))}.screen-header .eyebrow{margin-bottom:.5rem}.screen-header h1{margin-bottom:calc(.75rem + clamp(1.3rem,5.2vw,2.2rem))}.screen-header p:not(.eyebrow){max-width:44rem;color:var(--color-muted);font-size:1.02rem;line-height:1.65;white-space:pre-line}.screen-header .result-actions{margin-top:clamp(20px,3vh,28px)}.start-screen .screen-header h1,.start-screen .screen-header p:not(.eyebrow){max-width:none}.fullpage-question{min-height:calc(100vh - var(--space-page) - 62px);min-height:calc(100svh - var(--space-page) - 62px);grid-template-rows:minmax(0,1fr);align-content:start;padding-block:clamp(48px,8vh,86px) clamp(92px,11vh,124px);padding-block:clamp(48px,8svh,86px) clamp(92px,11svh,124px)}.start-screen{min-height:calc(100vh - 62px - var(--space-page) * 2);min-height:calc(100svh - 62px - var(--space-page) * 2);grid-template-rows:minmax(min-content,1fr) auto;gap:clamp(28px,5vh,48px);gap:clamp(28px,5svh,48px);padding-top:calc(var(--space-page) + 62px);align-content:stretch;transform:none}.start-main{display:grid;gap:28px;align-self:center;justify-items:start;transform:translateY(-44px)}.start-feedback{align-self:end;width:100%}.guide-screen{position:relative;align-content:center}.guide-screen.fullpage-question{grid-template-rows:1fr auto;padding-block-end:clamp(28px,5vh,56px);padding-block-end:clamp(28px,5svh,56px)}.app-overlay{position:fixed;inset:0;z-index:var(--z-overlay);min-height:0;border:0;border-radius:0;padding:0;background:var(--overlay-background);backdrop-filter:blur(var(--overlay-blur));cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(var(--overlay-blur))}.app-overlay-content{position:relative;z-index:var(--z-overlay-content)}.overlay-viewport{position:fixed;inset:0;z-index:var(--z-overlay-content);display:grid;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;padding:var(--space-page);transform:translateY(calc(-1 * var(--overlay-rise)))}.overlay-viewport--passthrough{pointer-events:none}.overlay-viewport--passthrough>*{pointer-events:auto}.question-card{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface)}.screen-header{display:block}.screen-header p{margin-bottom:0}.progress-meter{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:16px}.question-header{position:relative;z-index:25;display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:0;overflow:hidden;width:100%;border:1px solid var(--color-border);border-top:0;border-radius:0 0 14px 14px;background:var(--color-surface)}.app-shell.result-step .question-header{position:fixed;top:0;right:0;left:0;z-index:40;width:calc(min(1040px,100%) - var(--space-page) * 2);margin:0 auto;transform:translateY(0);transition:transform .26s cubic-bezier(.22,1,.36,1)}.app-shell.result-step.header-hidden .question-header{transform:translateY(calc(-100% - 8px))}.question-header .progress-meter{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px;align-items:center;min-height:54px;border:0;border-radius:0;background:transparent;padding:0 18px}.question-header .theme-toggle{width:100%;min-width:0;height:54px;border:0;border-left:1px solid var(--color-border);border-radius:0;background:transparent}.progress-label{display:flex;justify-content:space-between;gap:12px;align-items:center}.progress-label{margin-bottom:10px;color:var(--color-muted);font-size:.9rem}.progress-track{overflow:hidden;height:10px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-subtle)}.progress-meter.compact .progress-track{height:12px}.progress-count{display:inline-block;min-width:3.5em;color:var(--color-muted);font-size:.9rem;font-weight:600;line-height:1;text-align:left;white-space:nowrap}.progress-fill{height:100%;background:var(--color-progress)}.question-jump-nav{position:fixed;top:50%;right:clamp(10px,2vw,24px);z-index:45;overflow:hidden;width:74px;border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-radius:8px;background:var(--color-surface);transform:translateY(-50%)}.question-jump-nav p{margin:0;border-bottom:1px solid var(--color-subtle);padding:12px 6px 10px;color:var(--color-text);font-size:.68rem;font-weight:700;line-height:1.28;text-align:center}.question-jump-list{display:grid;gap:4px;height:min(424px,calc(100vh - 180px));overflow-x:hidden;overflow-y:auto;padding:8px 10px 8px 6px;scrollbar-color:color-mix(in srgb,var(--color-muted) 34%,transparent) transparent;scrollbar-width:thin}.question-jump-list::-webkit-scrollbar{width:4px}.question-jump-list::-webkit-scrollbar-track{background:transparent}.question-jump-list::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--color-muted) 34%,transparent)}.question-jump-list button{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:4px;align-items:center;width:100%;min-height:36px;border:0;border-radius:8px;padding:0 8px;background:transparent;color:var(--color-text);font-size:.93rem;font-weight:500;line-height:1;text-align:left}.question-jump-list button span{white-space:nowrap}.question-jump-list button svg{color:color-mix(in srgb,var(--color-muted) 40%,var(--color-border))}.question-jump-list button.answered svg{color:var(--color-progress)}.question-jump-list button:hover{background:color-mix(in srgb,var(--color-neutral) 12%,var(--color-surface))}.question-jump-list button.current{background:color-mix(in srgb,var(--color-neutral) 12%,var(--color-surface));color:var(--color-text);font-weight:700}.question-jump-list button.current svg{color:var(--color-neutral)}@media(min-width:761px)and (max-width:1180px){.questionnaire-screen{padding-right:78px}}.question-card{--question-gap: clamp(28px, 4vh, 38px);--question-gap: clamp(28px, 4svh, 38px);--question-options-slot: clamp(224px, 28vh, 248px);--question-options-slot: clamp(224px, 28svh, 248px);--question-prompt-slot: clamp(84px, 11vh, 104px);--question-prompt-slot: clamp(84px, 11svh, 104px);display:grid;grid-template-rows:var(--question-prompt-slot) var(--question-options-slot) auto;row-gap:var(--question-gap);width:min(940px,100%);margin:0 auto;border:0;background:transparent;padding:0}.guide-stage{position:relative;width:min(940px,100%);margin:0 auto;align-self:stretch}.guide-question-card{position:relative;z-index:0;margin:0;transition:opacity .34s ease}.guide-question-card.is-dismissed{opacity:0;pointer-events:none;height:0;margin-block:0;overflow:hidden;transition:opacity .34s ease,height 0ms linear .36s}.guide-question-card .question-card-header{align-content:end;gap:10px}.guide-question-card .eyebrow{margin-bottom:0}.guide-bubble{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start}.guide-callout-panel{width:min(400px,calc(100% - 48px));min-height:0;border:1px solid color-mix(in srgb,var(--color-neutral) 30%,var(--color-border));border-radius:8px;padding:15px 17px;background:var(--color-surface);color:var(--color-text);box-shadow:0 12px 32px #0000001a;cursor:pointer;text-align:left}.guide-panel-emphasis{border-color:color-mix(in srgb,var(--color-focus) 56%,var(--color-border));box-shadow:0 18px 42px #0000002e,0 0 0 6px color-mix(in srgb,var(--color-focus) 12%,transparent)}.guide-bubble.waiting{animation:guide-bubble-wait 1.6s ease-in-out infinite}.guide-bubble svg{margin-top:2px;color:var(--color-neutral)}.guide-bubble strong{display:block;margin-bottom:6px;font-size:1.16rem;line-height:1.25}.guide-bubble span{display:block;color:var(--color-muted);font-size:.9rem;font-weight:500;line-height:1.55}.guide-feedback{position:absolute;inset:0;display:grid;justify-items:center;align-content:center;gap:5px;transform:translateY(-10%);z-index:calc(var(--z-overlay-content) + 4);pointer-events:none}.guide-feedback-text{position:relative;margin:0;max-width:min(560px,calc(100vw - 48px));color:var(--color-text);font-weight:600;line-height:1.35;text-align:center;word-break:keep-all;padding:.12em .9em;animation:guide-feedback-in .38s ease-out both}.guide-feedback-primary{font-size:clamp(2rem,7vw,2.9rem);font-weight:700;color:#f53c84}.guide-feedback-secondary{font-size:clamp(1.3rem,4vw,1.85rem);animation:none;opacity:0;transition:opacity .38s ease}.guide-feedback-secondary.is-visible{opacity:1}.guide-feedback-text:before{content:"";position:absolute;inset:-45% -7%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-bg) 80%,transparent) 0%,color-mix(in srgb,var(--color-bg) 46%,transparent) 38%,transparent 68%)}@keyframes guide-bubble-wait{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes guide-feedback-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.question-card-header{display:grid;align-content:center;justify-items:center;min-height:0}.question-prompt{max-width:760px;margin:0 auto;color:var(--color-text);font-size:1.52rem;font-weight:700;line-height:1.55;text-align:center;word-break:keep-all}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,4vw,34px);align-self:stretch;align-content:start;align-items:start;height:100%}.option-card{display:grid;align-content:start;min-height:clamp(168px,21vh,198px);height:auto;border:1px solid var(--color-border);border-radius:14px;padding:clamp(22px,4vw,34px) clamp(16px,3.25vw,27px) clamp(28px,5vw,46px);background:var(--color-surface);color:var(--color-text);box-shadow:0 8px 17px #0000000b;font-size:1.2rem;font-weight:500;line-height:1.6}.option-card p{margin-bottom:0;color:inherit;font:inherit;line-height:inherit}.option-card strong{display:block;margin-bottom:clamp(14px,3vw,22px);border-bottom:1px solid var(--color-border);padding-bottom:clamp(12px,2.5vw,18px);color:var(--color-left-strong);font-size:clamp(2.4rem,5.4vw,3.35rem);font-weight:600;line-height:1}.option-card:nth-child(2) strong{color:var(--color-right-strong)}.scale-input{min-width:0;margin:0;border:0;padding:0}.scale-row{position:relative;display:grid;grid-template-columns:repeat(5,48px);justify-content:space-between;align-items:center;width:min(410px,100%);margin:0 auto}.scale-row:before{position:absolute;inset:50% calc(24px + clamp(5px,1.5vw,9px)) auto;z-index:0;height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-left-strong) 25%,var(--color-surface)),color-mix(in srgb,var(--color-left) 23%,var(--color-surface)),color-mix(in srgb,var(--color-neutral) 20%,var(--color-surface)),color-mix(in srgb,var(--color-right) 23%,var(--color-surface)),color-mix(in srgb,var(--color-right-strong) 25%,var(--color-surface)));content:"";mask-image:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 10px);mask-repeat:repeat-x;pointer-events:none;transform:translateY(-50%);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 10px);-webkit-mask-repeat:repeat-x}@media(min-width:761px){.question-card{--question-gap: clamp(34px, 4.5vh, 46px);--question-gap: clamp(34px, 4.5svh, 46px);--question-options-slot: clamp(252px, 31vh, 282px);--question-options-slot: clamp(252px, 31svh, 282px);--question-prompt-slot: clamp(76px, 10vh, 96px);--question-prompt-slot: clamp(76px, 10svh, 96px)}.option-grid{align-items:stretch}.option-card{height:100%;min-height:0}}.scale-row label{position:relative;z-index:1;display:block}.scale-row input{position:absolute;opacity:0}.scale-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid currentColor;border-radius:999px;outline:2px solid transparent;background:var(--color-surface);color:var(--color-neutral);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,outline-color .12s ease,box-shadow .16s ease}.scale-icon svg{opacity:.6}.scale-row label:hover span{outline-color:color-mix(in srgb,currentColor 85%,transparent);box-shadow:0 0 0 8px color-mix(in srgb,currentColor 12%,transparent)}[data-tone=left] .scale-icon{background:var(--color-left-soft);color:var(--color-left)}[data-tone=left-strong] .scale-icon{background:var(--color-left-strong-soft);color:var(--color-left-strong)}[data-tone=right] .scale-icon{background:var(--color-right-soft);color:var(--color-right)}[data-tone=right-strong] .scale-icon{background:var(--color-right-strong-soft);color:var(--color-right-strong)}[data-tone=neutral] .scale-icon{background:var(--color-neutral-soft);color:var(--color-neutral)}.scale-guide-card>strong{display:block;margin-bottom:20px;font-size:1.08rem;line-height:1.3}.scale-guide-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.scale-guide-item{display:flex;gap:16px;align-items:center}.scale-guide-item .scale-icon{flex-shrink:0}.scale-guide-desc{color:var(--color-muted);font-size:.95rem;font-weight:500;line-height:1.45}.scene-intro-layer{--scene-intro-back-offset-x: 16px;--scene-intro-back-offset-y: 8px;--scene-intro-stack-offset-x: -4px;border:0;border-radius:0;background:transparent;color:var(--color-text);cursor:pointer;text-align:center}.scene-intro-layer:before,.scene-intro-card{grid-area:1 / 1;width:min(460px,calc(100% - (var(--scene-intro-back-offset-x) * 2)))}.scene-intro-layer:before{content:"";align-self:stretch;justify-self:center;z-index:0;border:1px solid color-mix(in srgb,var(--color-neutral) 46%,var(--color-border));border-radius:8px;background:var(--color-surface);pointer-events:none;transform:translate(calc(var(--scene-intro-back-offset-x) + var(--scene-intro-stack-offset-x)),var(--scene-intro-back-offset-y)) rotate(2deg);transform-origin:center}.scene-intro-card{position:relative;display:grid;gap:10px;align-content:center;z-index:1;aspect-ratio:2 / 1;border:1px solid color-mix(in srgb,var(--color-neutral) 46%,var(--color-border));border-radius:8px;padding:clamp(28px,6vw,42px);transform:translate(var(--scene-intro-stack-offset-x)) rotate(-2deg);box-shadow:0 18px 44px #0000002e;background:linear-gradient(90deg,transparent 47.5px,rgb(240 130 130 / 0%) 47.8px,rgb(240 130 130 / 34%) 48.2px,rgb(240 130 130 / 34%) 49.8px,rgb(240 130 130 / 0%) 50.2px,transparent 50.5px),repeating-linear-gradient(to bottom,transparent 0px,transparent 26.95px,color-mix(in srgb,var(--color-border) 0%,transparent) 27.25px,color-mix(in srgb,var(--color-border) 30%,transparent) 27.75px,color-mix(in srgb,var(--color-border) 30%,transparent) 28.9px,color-mix(in srgb,var(--color-border) 0%,transparent) 29.2px,transparent 29.45px),var(--color-surface)}.scene-intro-card:after{content:"";position:absolute;top:-20px;left:22px;width:34px;height:20px;background:#65d8cc;border-radius:5px 5px 0 0}[data-theme=dark] .scene-intro-card{background:linear-gradient(90deg,transparent 47.5px,rgb(220 100 100 / 0%) 47.8px,rgb(220 100 100 / 18%) 48.2px,rgb(220 100 100 / 18%) 49.8px,rgb(220 100 100 / 0%) 50.2px,transparent 50.5px),repeating-linear-gradient(to bottom,transparent 0px,transparent 26.95px,color-mix(in srgb,var(--color-border) 0%,transparent) 27.25px,color-mix(in srgb,var(--color-border) 64%,transparent) 27.75px,color-mix(in srgb,var(--color-border) 64%,transparent) 28.9px,color-mix(in srgb,var(--color-border) 0%,transparent) 29.2px,transparent 29.45px),var(--color-surface)}[data-theme=dark] .scene-intro-card:after{background:#40bcb0}.scene-intro-card span{color:var(--color-left);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.scene-intro-card strong{color:var(--color-text);font-size:clamp(2rem,7vw,3.2rem);line-height:1.05}.scene-intro-card em{color:var(--color-muted);font-size:clamp(1rem,2.8vw,1.12rem);font-style:normal;font-weight:500;line-height:1.7}.result-actions,.guide-actions,.start-actions{display:flex;flex-wrap:wrap;gap:10px}.secondary-action{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.primary-action{min-width:154px}.start-actions button{min-width:128px}.guide-actions{position:relative;z-index:calc(var(--z-overlay-content) + 1);justify-content:center}.guide-actions button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-width:166px}.app-drawer{--app-drawer-width: min(150px, calc(100vw - 54px) );position:fixed;left:0;bottom:clamp(12px,2.5vh,24px);z-index:45;transition:transform .32s cubic-bezier(.22,1,.36,1);will-change:transform}.app-drawer.open{transform:translate(var(--app-drawer-width))}.app-drawer-toggle{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:84px;border:1px solid var(--color-border);border-left:0;border-radius:0 8px 8px 0;padding:6px 0;background:var(--color-surface);color:var(--color-text);font-size:.88rem;font-weight:400;line-height:1.05;transition:background-color .16s ease}.app-drawer-toggle-label{color:var(--color-muted);letter-spacing:-.15rem;line-height:1;text-orientation:upright;transition:color .16s ease;writing-mode:vertical-rl}.app-drawer-toggle:hover,.app-drawer-toggle:focus-visible{color:var(--color-text)}.app-drawer-toggle:hover .app-drawer-toggle-label,.app-drawer-toggle:focus-visible .app-drawer-toggle-label{color:color-mix(in srgb,var(--color-muted) 78%,var(--color-text))}.app-drawer.open .app-drawer-toggle{background:var(--color-surface)}.app-drawer-actions{position:absolute;bottom:0;right:100%;display:grid;gap:0;width:var(--app-drawer-width);border:1px solid var(--color-border);border-left:0;border-radius:0 8px 0 0;padding:6px;background:var(--color-surface);pointer-events:none}.app-drawer.open .app-drawer-actions{pointer-events:auto}.app-drawer-action{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;width:100%;min-width:0;height:42px;min-height:42px;border:0;border-radius:6px;padding:0 10px;background:transparent;color:var(--color-text);font-size:.88rem;font-weight:400;text-align:left}.app-drawer-action:hover,.app-drawer-action:focus-visible{background:transparent;color:var(--color-text)}.app-drawer-action span{color:var(--color-muted);transition:color .16s ease}.app-drawer-action:hover span,.app-drawer-action:focus-visible span{color:color-mix(in srgb,var(--color-muted) 78%,var(--color-text))}.app-drawer-action:disabled,.app-drawer-action[aria-disabled=true]{background:transparent;color:var(--color-disabled);cursor:not-allowed}.app-drawer-action:disabled span,.app-drawer-action[aria-disabled=true] span{color:var(--color-disabled)}.question-warning-toast{position:fixed;right:clamp(16px,3vw,32px);bottom:clamp(16px,4vh,34px);z-index:30;display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;width:min(360px,calc(100vw - 32px));border:1px solid color-mix(in srgb,var(--color-right-strong) 34%,var(--color-border));border-radius:8px;padding:14px 16px;background:var(--color-surface);color:var(--color-text);box-shadow:0 10px 24px #0000001a;animation:toast-in .18s ease-out}.question-warning-toast svg{margin-top:1px;color:var(--color-right-strong)}.question-warning-toast strong{display:block;margin-bottom:3px;font-size:.9rem;line-height:1.25}.question-warning-toast span{display:block;color:var(--color-muted);font-size:.88rem;font-weight:500;line-height:1.45}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes result-fill-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.result-screen{display:grid;gap:clamp(52px,7vw,68px);padding-top:calc(54px + clamp(40px,7vh,72px))}.result-hero{margin-bottom:clamp(8px,2vh,20px)}.result-hero .eyebrow{margin-bottom:.5rem;font-size:1rem;font-weight:500}.result-hero h1{margin-bottom:calc(.75rem + clamp(1.3rem,5.2vw,2.2rem))}.result-intro{max-width:44rem;margin-bottom:0;color:var(--color-muted);font-size:1.1rem;font-weight:400;line-height:1.5;white-space:pre-line}.result-hero .result-actions{margin-top:clamp(20px,3vh,28px)}.result-section{min-width:0}.result-section-heading{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--color-border);padding-bottom:16px}.result-section-mark{flex:none;width:5px;height:22px;background:var(--result-section-mark)}.result-section-heading h2{margin:0;color:var(--color-text);font-size:1.73rem;font-weight:700;line-height:1.2}.result-section-heading p{position:relative;max-width:25rem;margin:0 0 0 14px;color:var(--color-muted);font-size:1.05rem;font-weight:500;line-height:1.35}.result-section-heading p:before{position:absolute;top:50%;left:-12px;width:4px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--color-muted) 38%,transparent);content:"";transform:translate(-50%,-50%)}.result-score-list,.result-summary-list,.result-interpretation-list{margin:0;padding:0;list-style:none}.result-score-list{display:grid;padding-top:12px}.result-score-row{--result-signal: var(--color-signal-green);display:grid;grid-template-columns:8px minmax(76px,110px) max-content minmax(0,1fr);gap:16px;align-items:center;min-height:58px;padding:4px 0}.result-screen [data-signal=yellow]{--result-signal: var(--color-signal-yellow)}.result-screen [data-signal=red]{--result-signal: var(--color-signal-red)}.result-ring-dot{flex:none;width:8px;height:8px;border-radius:999px;background:var(--result-signal);box-shadow:0 0 0 4px color-mix(in srgb,var(--result-signal) 25%,transparent)}.result-ring-dot-neutral{--result-signal: var(--result-dot-neutral)}.result-score-name,.result-summary-item h3,.result-interpretation-title h3{min-width:0;color:var(--result-text-soft);font-size:1.15rem;font-weight:700;line-height:1.3}.result-score-value{display:inline-flex;min-width:36px;align-items:center;justify-content:center;border-radius:999px;padding:2px 6px;background:var(--result-badge-bg);color:var(--color-muted);font-size:.96rem;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.4;white-space:nowrap}.result-axis-value{min-width:44px}.result-score-track,.result-axis-track{position:relative;height:14px;border-radius:999px;background:var(--result-track-empty);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-border) 52%,transparent)}.result-score-track{overflow:hidden}.result-score-fill{display:block;width:var(--result-score-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--result-signal),color-mix(in srgb,var(--result-signal) 84%,white));animation:result-fill-in .72s cubic-bezier(.22,1,.36,1) both}.result-summary-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.result-summary-item{--result-signal: var(--color-signal-green);position:relative;padding:28px 24px 4px}.result-summary-item:before{position:absolute;top:12%;bottom:12%;left:0;width:1px;background:var(--result-hairline);content:""}.result-summary-item:first-child{padding-left:0}.result-summary-item:first-child:before{display:none}.result-summary-item:last-child{padding-right:0}.result-summary-item h3{margin:0 0 14px}.result-summary-score{display:flex;gap:6px;align-items:baseline;margin:0 0 16px}.result-summary-score strong{color:var(--result-signal);font-size:2.1rem;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.result-summary-score span{color:var(--color-muted);font-size:.89rem;font-weight:400}.result-summary-copy,.result-interpretation-item>p{margin:0;color:var(--color-muted);font-size:1.1rem;font-weight:400;line-height:1.5}.result-interpretation-item{--result-signal: var(--color-signal-green);border-top:1px solid var(--result-hairline);padding:24px 0}.result-interpretation-item:first-child{border-top:0;padding-top:28px}.result-interpretation-item:last-child{padding-bottom:4px}.result-interpretation-title{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.result-interpretation-title h3{margin:0}.result-interpretation-item>p{margin-top:14px;padding-left:24px}.result-support-interpretation{--result-signal: var(--result-dot-neutral)}.result-axis-list{gap:16px}.result-axis-wrap{display:grid;row-gap:4px;align-items:center}.result-axis-labels{display:flex;justify-content:space-between;gap:12px;color:var(--color-muted);font-size:.9rem;font-weight:400}.result-axis-labels span:last-child{text-align:right}.result-axis-ticks{display:grid;grid-template-columns:repeat(3,1fr);color:var(--color-muted);font-size:.8rem;font-weight:400}.result-axis-ticks span:nth-child(2){text-align:center}.result-axis-ticks span:last-child{text-align:right}.result-axis-center{position:absolute;z-index:1;top:-4px;bottom:-4px;left:50%;width:2px;border-radius:999px;background:var(--color-muted);transform:translate(-50%)}.result-axis-fill{position:absolute;top:0;bottom:0;width:var(--result-axis-width);background:linear-gradient(90deg,color-mix(in srgb,var(--color-tendency-fill) 76%,white),var(--color-tendency-fill));animation:result-fill-in .72s cubic-bezier(.22,1,.36,1) both}.result-axis-track[data-direction=left] .result-axis-fill{right:50%;border-radius:999px 0 0 999px}.result-axis-track[data-direction=right] .result-axis-fill{left:50%;border-radius:0 999px 999px 0;background:linear-gradient(90deg,var(--color-tendency-fill),color-mix(in srgb,var(--color-tendency-fill) 76%,white))}@media(prefers-reduced-motion:reduce){.result-score-fill,.result-axis-fill{animation:none}}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:760px){.question-jump-nav{display:none}.screen-header,.option-grid{grid-template-columns:1fr}.result-screen{gap:42px;padding-top:calc(54px + clamp(30px,6vh,48px))}.result-hero{margin-bottom:4px}.result-intro{font-size:1.02rem}.result-section-heading{display:grid;grid-template-areas:"mark title" ". description";grid-template-columns:5px minmax(0,1fr);column-gap:12px;row-gap:5px;align-items:start}.result-section-mark{grid-area:mark;margin-top:3px}.result-section-heading h2{grid-area:title;font-size:1.5rem;line-height:1.15}.result-section-heading p{grid-area:description;margin-left:0;font-size:.98rem}.result-section-heading p:before{display:none}.result-score-row{grid-template-areas:"dot name value" ". track track";grid-template-columns:10px minmax(0,1fr) auto;column-gap:10px;row-gap:10px;min-height:0;padding:14px 0}.result-ring-dot{grid-area:dot}.result-score-name{grid-area:name}.result-score-value{grid-area:value;min-width:30px;padding:1px 5px;font-size:.84rem}.result-axis-value{min-width:38px}.result-score-track,.result-axis-wrap{grid-area:track}.result-score-track,.result-axis-track{height:12px}.result-summary-list{grid-template-columns:1fr}.result-summary-item{border-top:1px solid var(--result-hairline);padding:18px 0}.result-summary-item:before{display:none}.result-summary-item:first-child{border-top:0;padding-top:28px}.result-summary-item:last-child{padding-bottom:4px}.result-summary-score strong{font-size:1.7rem}.result-interpretation-item{padding:18px 0}.result-interpretation-item:first-child{padding-top:24px}.result-interpretation-title{gap:10px}.result-interpretation-item>p{padding-left:18px}.result-axis-list{gap:4px;padding-top:10px}.result-axis-wrap{row-gap:6px}.result-axis-labels{gap:16px}.result-axis-ticks{font-size:.76rem}.start-screen{min-height:calc(100vh - 62px - var(--space-page));min-height:calc(100svh - 62px - var(--space-page))}.guide-screen{align-content:start}.fullpage-question{padding-block:clamp(36px,6vh,54px) clamp(104px,14vh,132px);padding-block:clamp(36px,6svh,54px) clamp(104px,14svh,132px)}.guide-stage{display:grid;gap:20px;padding-top:0}.guide-bubble-viewport{--overlay-rise: clamp(24px, 9vh, 96px)}.guide-bubble{width:min(440px,calc(100% - 24px))}.question-card{--mobile-option-card-height: clamp(118px, 17vh, 132px);--mobile-option-card-height: clamp(118px, 17svh, 132px);--mobile-option-gap: clamp(16px, 3.8vh, 22px);--mobile-option-gap: clamp(16px, 3.8svh, 22px);--question-gap: clamp(20px, 4vh, 30px);--question-gap: clamp(20px, 4svh, 30px);--question-options-slot: calc( var(--mobile-option-card-height) + var(--mobile-option-card-height) + var(--mobile-option-gap) );--question-prompt-slot: clamp(96px, 15vh, 122px);--question-prompt-slot: clamp(96px, 15svh, 122px)}.question-prompt{font-size:clamp(1.32rem,5.6vw,1.52rem);line-height:1.5}.option-grid{grid-auto-rows:auto;grid-template-rows:none;align-content:start;gap:var(--mobile-option-gap)}.option-card{--option-label-column: clamp(42px, 11vw, 52px);display:grid;grid-template-columns:var(--option-label-column) 1px minmax(0,1fr);column-gap:clamp(12px,3.6vw,16px);align-items:center;min-height:auto;padding:14px clamp(16px,4.4vw,20px);font-size:clamp(1.02rem,4.6vw,1.12rem);line-height:1.55}.option-card:before{display:block;grid-column:2;grid-row:1;width:1px;height:100%;background:var(--color-border);content:""}.option-card strong{display:grid;grid-column:1;grid-row:1;height:100%;margin-bottom:0;place-items:center;border-bottom:0;padding-right:0;padding-bottom:0;font-size:clamp(1.9rem,9vw,2.65rem)}.option-card p{grid-column:3;grid-row:1;align-self:center}.guide-actions{display:grid;grid-template-columns:1fr}.guide-actions button,.result-actions button{width:100%}}@media(max-height:640px){.start-main{transform:none}}
