:root{--purple-100: #F6E0EE;--purple-200: #E3BADE;--purple-300: #D396C1;--purple-400: #C55CAB;--purple-500: #B53394;--purple-600: #A50A7E;--purple-700: #8A0769;--purple-800: #6F0553;--purple-900: #54033E;--blue-100: #D9EFF8;--blue-200: #A9C7D3;--blue-300: #80A7B6;--blue-400: #5B899A;--blue-500: #2E6F87;--blue-600: #064660;--blue-700: #053C52;--blue-800: #033245;--blue-900: #022837;--error-100: #FDF0EC;--error-200: #F6C4A2;--error-300: #ED7575;--error-400: #E84A48;--error-500: #DB2618;--error-600: #B41414;--error-700: #980E0E;--error-800: #770707;--error-900: #550000;--success-100: #DFFDDC;--success-200: #B1F1AA;--success-300: #6FE589;--success-400: #47D967;--success-500: #1FCD45;--success-600: #17AA37;--success-700: #107B2A;--success-800: #0A661C;--success-900: #064D0E;--warning-100: #FFF1EA;--warning-200: #FDD9A0;--warning-300: #F8C873;--warning-400: #F8B34A;--warning-500: #F5A51F;--warning-600: #E29717;--warning-700: #C47C10;--warning-800: #A76F0B;--warning-900: #895200;--info-100: #DAE8FF;--info-200: #B2CFFC;--info-300: #8EB5FA;--info-400: #6C9CF9;--info-500: #3B82F6;--info-600: #295CC5;--info-700: #1E4390;--info-800: #0F2D5D;--info-900: #001C3A;--neutral-100: #FFFFFF;--neutral-200: #F7F4F2;--neutral-300: #E8E5E3;--neutral-400: #454147;--neutral-500: #1E1E1E;--color-primary: var(--purple-600);--color-secondary: var(--blue-600);--color-background: var(--neutral-200);--color-surface: var(--neutral-100);--color-surface-soft: var(--neutral-300);--color-text: var(--neutral-400);--color-text-strong: var(--neutral-500);--color-text-inverse: var(--neutral-100);--color-border: var(--neutral-300);--color-success: var(--success-600);--color-warning: var(--warning-600);--color-error: var(--error-600);--color-info: var(--info-600);--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 3rem;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-normal: 1.5;--lh-tight: 1.3;--lh-tighter: 1.1;--space-4: .25rem;--space-8: .5rem;--space-12: .75rem;--space-16: 1rem;--space-14: .875rem;--space-18: 1.125rem;--space-20: 1.25rem;--space-24: 1.5rem;--space-32: 2rem;--space-28: 1.75rem;--space-40: 2.5rem;--space-48: 3rem;--space-64: 4rem;--space-80: 5rem;--space-96: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 999px}body{font-family:Montserrat,Arial,sans-serif;font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:Montserrat,Arial,sans-serif;color:var(--color-text-strong);margin:0}h1{font-size:var(--fs-3xl);font-weight:var(--fw-bold);line-height:var(--lh-tighter)}h2{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-tighter)}h3{font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-tighter)}h4{font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-tighter)}h5{font-size:var(--fs-base);font-weight:var(--fw-semibold);line-height:var(--lh-tighter)}p{margin:0;font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal)}.text-small{font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh-normal)}.text-tiny{font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:var(--lh-normal)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.important_txt{font-weight:var(--fw-semibold);color:var(--color-text-strong)}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0}body{min-height:100vh;background-color:var(--color-background);overflow-x:hidden}img{display:block;max-width:100%}ul,ol{padding:0;list-style:none}button,input,textarea,select{font:inherit}#app{min-height:100vh}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--space-16) var(--space-32);border:none;border-radius:var(--radius-lg);font-weight:var(--fw-semibold);font-size:var(--fs-base);line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;min-height:44px}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 4px #0646601f}.btn-primary{background-color:var(--blue-600);color:var(--neutral-100);box-shadow:0 4px 12px #06466033}.btn-primary:hover{background-color:var(--blue-700);box-shadow:0 6px 20px #06466047;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #06466029}.btn-secondary{background-color:var(--purple-600);color:var(--neutral-100);box-shadow:0 4px 12px #a50a7e33}.btn-secondary:hover{background-color:var(--purple-700);box-shadow:0 6px 20px #a50a7e47;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0);box-shadow:0 2px 8px #a50a7e29}.btn-primary:disabled,.btn-secondary:disabled,.btn-primary[aria-disabled=true],.btn-secondary[aria-disabled=true]{cursor:not-allowed;opacity:.6;transform:none}.btn-primary:disabled,.btn-primary[aria-disabled=true]{background-color:var(--blue-300);box-shadow:none}.btn-secondary:disabled,.btn-secondary[aria-disabled=true]{background-color:var(--purple-300);box-shadow:none}.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:relative;z-index:100}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-16) var(--space-24);max-width:1200px;margin:0 auto}.nav-logo img{height:var(--space-40)}.nav-links{display:none}.nav-links a{color:var(--neutral-500);font-size:var(--fs-base);font-weight:var(--fw-medium)}.nav-links a:hover{color:var(--color-primary)}.hamburger{background:none;border:none;font-size:var(--fs-2xl);cursor:pointer;color:var(--neutral-500);padding:var(--space-8)}.nav-menu{display:none}.nav-menu.active{display:block;position:absolute;top:var(--space-16);right:var(--space-24);background:var(--neutral-200);padding:var(--space-32);border-radius:var(--radius-xl);width:200px;z-index:1100}.nav-menu.active .nav-links{display:flex;flex-direction:column;align-items:center;gap:var(--space-20)}.menu-close{position:absolute;top:var(--space-16);right:var(--space-16);background:none;border:none;font-size:var(--fs-lg);cursor:pointer;color:var(--neutral-400);padding:var(--space-8)}@media(min-width:768px){.hamburger{display:none}.nav-menu{display:block;position:static;background:transparent;padding:0;width:auto}.nav-links{display:flex;align-items:center;gap:var(--space-32)}.menu-close{display:none}}.footer{padding:var(--space-40) var(--space-24) var(--space-24);background:var(--blue-900);border-top:1px solid var(--color-border);margin-top:auto}.footer-container{max-width:1120px;margin:0 auto}.footer-grid{display:grid;gap:var(--space-32)}.footer-brand{display:grid;gap:var(--space-16)}.footer-logo{width:180px;height:auto}.footer-text{max-width:50ch;color:var(--neutral-100);font-size:var(--fs-sm);line-height:1.6}.footer-title{margin-bottom:var(--space-12);color:var(--neutral-100);font-weight:var(--fw-semibold)}.footer-nav{margin:0;text-align:left}.footer-list{display:grid;gap:var(--space-12);list-style:none;padding:0;margin:0}.footer-link{color:var(--neutral-100);text-decoration:none;font-size:var(--fs-base);transition:color .2s ease}.footer-link:hover{color:var(--color-primary);text-decoration:underline}.footer-social-list{display:flex;gap:var(--space-12);list-style:none;padding:0;margin:0}.footer-social-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--color-primary);text-decoration:none;transition:all .2s ease}.footer-social-btn:hover{background-color:var(--color-primary);color:var(--neutral-100)}.footer-social-icon{width:40px;height:40px;object-fit:contain}.footer-copyright{margin-top:var(--space-32);padding-top:var(--space-24);font-size:var(--fs-sm);color:var(--neutral-100)}.footer-meta{margin-top:var(--space-32);padding-top:var(--space-24);display:flex;align-items:center;justify-content:flex-start;gap:var(--space-16)}.footer-meta .footer-top-link:last-child{margin-left:auto}.footer-top-link{font-size:var(--fs-sm);color:var(--neutral-100);text-decoration:none;transition:color .2s ease}.footer-top-link:hover{color:var(--blue-200);text-decoration:underline}@media(min-width:744px){.footer{padding-inline:var(--space-40)}.footer-nav{text-align:center}.footer-list{justify-items:center}.footer-grid{grid-template-columns:1.6fr 1fr;align-items:start;gap:var(--space-40)}}@media(min-width:1440px){.footer{padding-inline:120px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-nav{justify-self:center}}.page-shell{min-height:100vh;padding:var(--space-64) var(--space-24) var(--space-24);display:flex;flex-direction:column;align-items:center}.page-shell--top{align-items:center}.page-shell--join{background:var(--color-background)}.page-shell--join-code,.page-shell--start,.page-shell--before-start,.page-shell--overview{background:var(--neutral-100)}.page-shell--safe-exit,.page-shell--join-code,.page-shell--start,.page-shell--before-start{background:var(--neutral-100);align-items:center;justify-content:center;padding:var(--space-24);position:relative}.page-shell--overview{align-items:stretch;padding:var(--space-24) var(--space-24) var(--space-40)}.page-shell--scenario,.page-shell--reflection{background:var(--neutral-100);align-items:stretch;padding:var(--space-24) var(--space-24) 120px}.page-shell--profile{background:var(--neutral-100);align-items:stretch;padding-top:var(--space-24)}.page-shell--end{background:linear-gradient(180deg,#ffffffeb,#fff),var(--neutral-100)}.page-card{width:min(560px,100%);background:var(--color-surface);border:1px solid rgba(2,40,55,.12);border-radius:var(--radius-xl);padding:var(--space-32);box-shadow:0 4px 12px #02283714,0 8px 24px #0228370a;transition:box-shadow .3s ease,transform .3s ease}.page-card:hover{box-shadow:0 8px 20px #0228371f,0 12px 32px #0228370f;transform:translateY(-2px)}.page-card--narrow{width:min(460px,100%)}.join-code-screen,.start-screen,.before-start-screen,.safe-exit-screen{width:min(560px,100%);display:grid;justify-items:center;gap:var(--space-32)}.join-code-screen{gap:var(--space-24);text-align:center}.join-code-screen__logo,.start-screen__logo{display:block;width:min(327px,100%);height:auto}.join-code-screen__title{font-size:var(--fs-xl);line-height:var(--lh-tighter);text-align:left;width:min(327px,100%)}.join-code-screen__error{width:min(327px,100%);color:var(--color-error);text-align:left}.start-screen{justify-items:start;gap:var(--space-24)}.start-screen__copy{display:grid;gap:var(--space-12);width:min(560px,100%)}.start-screen__copy h1{font-size:clamp(2rem,6vw,3rem);line-height:var(--lh-tighter)}.start-screen__copy p{font-size:var(--fs-base);color:var(--color-text)}.start-screen__button{width:min(560px,100%)}.before-start__back{position:absolute;top:var(--space-24);left:var(--space-24);display:inline-flex;align-items:center;gap:var(--space-8);width:fit-content;border:none;background:transparent;color:var(--color-text-strong);font:inherit;font-size:var(--fs-lg);font-weight:var(--fw-semibold);padding:var(--space-8) 0;cursor:pointer}.overview-back{display:inline-flex;align-items:center;gap:var(--space-8);width:fit-content;border:none;background:transparent;color:var(--color-text-strong);font:inherit;font-size:var(--fs-lg);font-weight:var(--fw-semibold);cursor:pointer}.before-start-screen{justify-items:start;gap:var(--space-40)}.before-start-screen__icon{align-self:center;justify-self:center;width:6.5rem;height:6.5rem;color:var(--blue-600)}.before-start-screen__icon-image{width:100%;height:100%;object-fit:contain;display:block;transform:scaleX(1.1);transform-origin:center}.safe-exit-icon{width:7rem;height:7rem}.safe-exit-icon__image{width:100%;height:100%;object-fit:contain;display:block}.safe-exit-header{width:min(560px,100%);display:grid;gap:var(--space-12)}.safe-exit-title{font-size:clamp(2rem,5vw,2.75rem);line-height:var(--lh-tighter);font-weight:var(--fw-semibold);color:var(--color-text-strong)}.safe-exit-body{font-size:var(--fs-lg);line-height:1.35;color:var(--color-text)}.safe-exit-note{color:var(--neutral-400);font-size:var(--fs-sm)}.safe-exit-actions{width:min(560px,100%);position:fixed;left:50%;bottom:var(--space-24);transform:translate(-50%);display:grid;gap:var(--space-12);z-index:2}.safe-exit-stop{width:100%;min-height:48px;border:none;border-radius:12px;background:#cfe5f0;color:var(--blue-700);font:inherit;font-weight:var(--fw-semibold);cursor:pointer}.safe-exit-stop:hover{background:#bfdce9}.before-start-screen__copy{display:grid;gap:var(--space-12);width:min(560px,100%)}.before-start-screen__copy h1{font-size:var(--fs-3xl);line-height:var(--lh-tighter)}.before-start-screen__copy p{color:var(--color-text);font-size:var(--fs-base)}.before-start-screen__action{display:grid;gap:var(--space-16);width:min(560px,100%)}.before-start-screen__action h2{font-size:var(--fs-lg);line-height:var(--lh-tighter)}.before-start-screen__primary{width:100%}.before-start-screen__secondary{width:100%;min-height:48px;border:none;border-radius:12px;background:#cfe5f0;color:var(--blue-600);font:inherit;font-weight:var(--fw-semibold);cursor:pointer}.overview-back{margin-bottom:var(--space-40)}.overview-header{display:grid;gap:var(--space-8);width:min(1120px,100%);margin:0 auto var(--space-32)}.overview-header h1{font-size:var(--fs-3xl);line-height:var(--lh-tighter)}.overview-header p{font-size:var(--fs-base);color:var(--color-text)}.overview-grid{width:min(1120px,100%);margin:0 auto}.scenario-back,.before-start__back{display:inline-flex;align-items:center;gap:var(--space-8);width:fit-content;border:none;background:transparent;color:var(--color-text-strong);font:inherit;font-size:var(--fs-lg);font-weight:var(--fw-semibold);cursor:pointer}.scenario-screen,.reflection-screen{width:min(560px,100%);margin:0 auto;display:grid;gap:var(--space-16)}.scenario-header,.reflection-header{display:grid;gap:var(--space-8)}.scenario-title,.reflection-title{font-size:var(--fs-3xl);line-height:var(--lh-tighter)}.scenario-title--reflection,.reflection-title{color:var(--purple-600)}.scenario-subtitle,.scenario-body,.reflection-subtitle,.reflection-body{color:var(--color-text);font-size:var(--fs-base);line-height:1.4}.scenario-chat{display:grid;gap:var(--space-8)}.scenario-chat__time{font-size:var(--fs-xs);color:var(--color-text);text-align:center;margin:0}.scenario-chat__time--hidden{opacity:0;height:0;overflow:hidden}.scenario-chat__panel{min-height:180px;border-radius:var(--radius-lg);background:#f7f3f1;padding:var(--space-16);display:grid;gap:var(--space-8)}.scenario-chat__row{display:flex}.scenario-chat__row--left{justify-content:flex-start}.scenario-chat__row--right{justify-content:flex-end}.scenario-chat__bubble{display:inline-flex;align-items:center;max-width:72%;min-height:48px;padding:0 var(--space-16);border-radius:999px;font-size:var(--fs-base);line-height:1.35;word-break:break-word}.scenario-chat__bubble:has(br),.scenario-chat__bubble--multiline{align-items:flex-start;padding-top:var(--space-12);padding-bottom:var(--space-12)}.scenario-chat__bubble--left{background:#e5e1de;color:var(--color-text-strong)}.scenario-chat__bubble--right{background:var(--blue-700);color:var(--neutral-100)}.scenario-question,.reflection-question{margin-top:var(--space-8);color:var(--color-text-strong);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.scenario-actions,.scenario-choices{display:grid;gap:var(--space-12)}.scenario-choices{margin-top:var(--space-4)}.scenario-note{font-size:var(--fs-sm);color:var(--color-text)}.scenario-primary,.scenario-continue{width:100%;min-height:48px;border:none;border-radius:12px;font:inherit;font-size:var(--fs-base);cursor:pointer}.scenario-primary{background:var(--purple-600);color:var(--neutral-100);font-weight:var(--fw-semibold)}.scenario-continue,.end-cta{background:#f4efec;color:var(--color-text-strong)}.reflection-primary{background:var(--purple-600);color:var(--neutral-100);font-weight:var(--fw-semibold)}.end-cta{background:#cfe5f0;color:var(--blue-700);font-weight:var(--fw-semibold)}.scenario-reflection,.reflection-textarea{width:100%;border:1px solid #e2ddd9;border-radius:14px;background:#f8f4f2;color:var(--color-text-strong);font:inherit;font-size:var(--fs-base);line-height:1.4;padding:var(--space-16);resize:vertical;min-height:180px}.scenario-reflection:focus,.reflection-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #a50a7e1f}.scenario-stop,.reflection-stop{position:fixed;left:50%;bottom:var(--space-24);transform:translate(-50%);width:min(560px,calc(100vw - 2rem));min-height:48px;border:none;border-radius:12px;background:#cfe5f0;color:var(--blue-700);font:inherit;font-weight:var(--fw-semibold);cursor:pointer}.scenario-stop:hover,.reflection-stop:hover{background:#bfdce9}.reflection-screen{width:min(560px,100%);margin:0 auto;display:grid;gap:var(--space-16)}.reflection-header{display:grid;gap:var(--space-8)}.reflection-title{font-size:var(--fs-3xl);line-height:var(--lh-tighter);color:var(--purple-600)}.reflection-subtitle,.reflection-body{color:var(--color-text);font-size:var(--fs-base);line-height:1.4}.reflection-question{margin-top:var(--space-8);color:var(--color-text-strong);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.reflection-textarea{width:100%;border:1px solid #e2ddd9;border-radius:14px;background:#f8f4f2;color:var(--color-text-strong);font:inherit;font-size:var(--fs-base);line-height:1.4;padding:var(--space-16);resize:vertical;min-height:180px}.reflection-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #a50a7e1f}.reflection-primary{width:100%;min-height:48px;border:none;border-radius:12px;font:inherit;font-size:var(--fs-base);cursor:pointer}.end-screen{width:min(560px,100%);margin:0 auto;display:grid;gap:var(--space-24)}.end-header{display:grid;gap:var(--space-12)}.end-title{font-size:clamp(1.8rem,5vw,2.7rem);line-height:var(--lh-tighter);font-weight:var(--fw-semibold)}.end-body,.end-helper,.end-scenario{color:var(--color-text);font-size:var(--fs-base);line-height:1.45}.end-reflection{display:grid;gap:var(--space-12)}.end-section-title{color:var(--purple-600);font-size:var(--fs-xl);line-height:var(--lh-tighter);font-weight:var(--fw-semibold)}.end-list{margin:0;padding-left:1.1rem;display:grid;gap:var(--space-4);color:var(--color-text);font-size:var(--fs-base);line-height:1.45}.end-actions{width:min(560px,100%);position:fixed;left:50%;bottom:var(--space-24);transform:translate(-50%);display:grid;gap:var(--space-12);z-index:2}.end-cta{width:100%;min-height:48px;border:none;border-radius:12px;background:#cfe5f0;color:var(--blue-700);font:inherit;font-weight:var(--fw-semibold);cursor:pointer}.profile-screen{width:min(375px,100%);margin:0 auto;display:grid;gap:var(--space-24)}.profile-back{display:inline-flex;align-items:center;gap:var(--space-8);width:fit-content;border:none;background:transparent;color:var(--color-text-strong);font:inherit;font-size:var(--fs-lg);font-weight:var(--fw-semibold);padding:var(--space-8) 0;cursor:pointer}.profile-back__icon{font-size:1.75rem;line-height:1;font-weight:var(--fw-normal)}.profile-label{display:block;color:var(--color-text-strong);font-weight:var(--fw-semibold);font-size:var(--fs-lg);line-height:var(--lh-tighter)}.profile-select-wrap{position:relative}.profile-select{appearance:none;width:100%;border:1px solid var(--color-border);border-radius:12px;padding:var(--space-14) var(--space-16);padding-right:3rem;background:var(--neutral-200);color:var(--color-text-strong);font-size:var(--fs-base);line-height:var(--lh-normal);box-shadow:inset 0 2px 2px -1px #4a4a681a;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.profile-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #a50a7e26,inset 0 2px 2px -1px #4a4a681a;transform:translateY(-1px)}.profile-select-icon{position:absolute;top:50%;right:var(--space-16);width:.75rem;height:.75rem;border-right:2px solid var(--color-text-strong);border-bottom:2px solid var(--color-text-strong);transform:translateY(-70%) rotate(45deg);pointer-events:none}.profile-note{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-text);margin-top:calc(var(--space-4) * -1)}.profile-consent{line-height:1.4}.profile-cta{width:100%;margin-top:var(--space-4)}.page-header{width:100%;max-width:1120px;display:flex;justify-content:space-between;gap:var(--space-24);align-items:flex-end;margin-bottom:var(--space-40)}.page-header__copy{display:grid;gap:var(--space-12);flex:1}.page-kicker{font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--purple-600);margin:0 0 var(--space-12) 0}.page-intro{color:var(--color-text);max-width:70ch;line-height:1.6}.page-kicker--scenario{text-transform:none;letter-spacing:normal;color:var(--color-text-strong);font-size:var(--fs-lg)}.page-intro--scenario{font-size:var(--fs-lg);font-weight:var(--fw-medium);color:var(--color-text);margin-top:var(--space-8)}.form-label{display:block;margin-bottom:var(--space-12);color:var(--color-text-strong);font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.form-input,.form-textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-14) var(--space-16);background:var(--color-surface);color:var(--color-text-strong);font-size:var(--fs-base);transition:all .2s ease}.form-input::placeholder,.form-textarea::placeholder{color:var(--neutral-400)}.form-input:hover,.form-textarea:hover{border-color:var(--color-primary)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #a50a7e26;transform:translateY(-1px)}.form-error{margin-top:var(--space-12);padding:var(--space-12);background:#db261814;border-left:3px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.form-hint{margin-top:var(--space-12);font-size:var(--fs-sm);color:var(--color-text)}.scenario-grid{width:min(1120px,100%);margin:0 auto;display:grid;gap:var(--space-20);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.summary-box{margin:var(--space-24) 0;padding:var(--space-18) var(--space-20);background:var(--neutral-200);border-radius:var(--radius-lg);border:1px solid var(--color-border);border-left:4px solid var(--color-primary)}.summary-box p{margin:0;color:var(--color-text-strong);line-height:1.6}.answers-list{display:grid;gap:var(--space-14);padding-left:0;color:var(--color-text-strong);list-style:none}.answers-list li{padding-bottom:var(--space-12);border-bottom:1px solid var(--color-border)}.answers-list li:last-child{border-bottom:none;padding-bottom:0}.answers-list strong{color:var(--color-text-strong);display:block;margin-bottom:var(--space-4);font-weight:var(--fw-semibold)}.actions-row{display:flex;gap:var(--space-12);flex-wrap:wrap;margin-top:var(--space-32)}.actions-row>*{flex:1 1 auto;min-width:140px}.scenario-choices{display:grid;gap:var(--space-12);margin-top:var(--space-28)}h1{margin-bottom:var(--space-12)}h2{margin-bottom:var(--space-16);margin-top:var(--space-24)}h2:first-child{margin-top:0}p+h2{margin-top:var(--space-32)}@media(max-width:640px){.page-shell{padding:var(--space-48) var(--space-16) var(--space-16)}.scenario-grid{grid-template-columns:1fr}.actions-row{flex-direction:column;gap:var(--space-16);margin-top:var(--space-24)}.actions-row>*{width:100%}.page-card{padding:var(--space-24)}.scenario-screen,.reflection-screen{width:100%}.scenario-stop,.reflection-stop,.end-actions{width:calc(100vw - 2rem)}.start-screen,.before-start-screen,.join-code-screen,.overview-header,.overview-grid{width:100%}.overview-back{margin-bottom:var(--space-24)}.profile-screen{width:100%;gap:var(--space-20)}.profile-content{width:min(327px,100%);padding-top:var(--space-8)}}.code-input-wrapper[data-v-f75d7144]{display:flex;gap:var(--space-12);justify-content:center;margin:0}.code-input-group[data-v-f75d7144]{position:relative}.code-input[data-v-f75d7144]{width:64px;height:64px;text-align:center;font-size:var(--fs-xl);font-weight:var(--fw-semibold);border:none;border-radius:var(--radius-lg);background:var(--neutral-200);color:var(--color-text-strong);box-shadow:inset 0 2px 2px -1px #4a4a681a;transition:all .2s ease;padding:0}.code-input[data-v-f75d7144]:hover{box-shadow:inset 0 2px 2px -1px #4a4a681a,0 0 0 1px #a50a7e24}.code-input[data-v-f75d7144]:focus{outline:none;box-shadow:0 0 0 4px #a50a7e24,inset 0 2px 2px -1px #4a4a681a}.code-input[data-v-f75d7144]::placeholder{color:var(--neutral-400)}.scenario-card[data-v-22b95c3c]{background:var(--color-surface);border:1px solid rgba(2,40,55,.16);border-radius:12px;padding:var(--space-16);box-shadow:0 1px #0228370a,0 2px 5px #02283714;display:grid;gap:var(--space-16);transition:transform .2s ease,box-shadow .2s ease}.scenario-card[data-v-22b95c3c]:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0228371a}.scenario-card__content[data-v-22b95c3c]{display:grid;gap:var(--space-12)}.scenario-card h2[data-v-22b95c3c]{font-size:var(--fs-xl);line-height:var(--lh-tighter)}.scenario-card__description[data-v-22b95c3c]{color:var(--color-text)}.scenario-card__meta[data-v-22b95c3c]{font-size:var(--fs-sm);color:var(--color-text)}.choice-control[data-v-779e4ef9]{width:100%}.choice-button[data-v-779e4ef9]{width:100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:var(--space-16) var(--space-20);border:none;border-radius:12px;background:#f8f4f2;color:var(--color-text-strong);font-weight:var(--fw-medium);font-size:var(--fs-base);text-align:left;cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.choice-button[data-v-779e4ef9]:hover:not(:disabled){transform:translateY(-1px);background:#f4efec;box-shadow:0 3px 8px #02283714}.choice-button[data-v-779e4ef9]:disabled{cursor:not-allowed;opacity:.6}.choice-input[data-v-779e4ef9]{width:100%;display:grid;grid-template-columns:1fr auto;gap:var(--space-8);align-items:center;padding:var(--space-8);border-radius:12px;background:#f8f4f2;border:1px solid #e2ddd9}.choice-input__field[data-v-779e4ef9]{width:100%;min-height:42px;border:none;background:transparent;color:var(--color-text-strong);font:inherit;font-size:var(--fs-base);padding:0 var(--space-8)}.choice-input__field[data-v-779e4ef9]:focus{outline:none}.choice-input__submit[data-v-779e4ef9]{min-height:42px;border:none;border-radius:10px;padding:0 var(--space-12);background:var(--blue-700);color:var(--neutral-100);font:inherit;font-weight:var(--fw-semibold);cursor:pointer}