:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#041b2a;--background-deep:#02101c;--surface:#07273bc7;--surface-strong:#061f30f0;--surface-soft:#2f8ea929;--border:#9de6f142;--border-strong:#9de6f18a;--heading:#f1fcff;--text:#d9f0f5;--muted:#a6c8d1;--accent:#62e2e5;--accent-strong:#b7ffff;--accent-soft:#62e2e529;--danger:#ff8f91;--danger-soft:#ff8f9124;--success:#86e8bd;--shadow:0 24px 64px #00081247;--shadow-soft:0 14px 34px #000a1833;--ring:0 0 0 3px #62e2e552;--focus-ring:#62e2e58c;--radius-control:12px;--radius-card:20px;--radius-bubble:32px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--background-deep);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(180deg, #092f4a 0%, #061f37 43%, #04182a 75%, var(--background-deep) 100%);margin:0;overflow-x:hidden}button,input,textarea{font:inherit}#root{isolation:isolate;min-height:100vh;position:relative}#root:before,#root:after{z-index:-1;pointer-events:none;content:"";position:fixed;inset:0}#root:before{opacity:.9;background:radial-gradient(at 50% -18%,#84d7e71f,#0000 52%)}#root:after{background-image:radial-gradient(circle at 11% 72%,#b7ffff54 0 2px,#0000 3px),radial-gradient(circle at 19% 24%,#b7ffff33 0 4px,#0000 5px),radial-gradient(circle at 84% 68%,#b7ffff38 0 3px,#0000 4px),radial-gradient(circle at 91% 31%,#b7ffff2b 0 5px,#0000 6px),radial-gradient(circle at 68% 15%,#b7ffff29 0 2px,#0000 3px);background-size:100% 100%;animation:24s ease-in-out infinite alternate atmosphere-drift}#root>*{z-index:1;position:relative}#root>.deep-sea-background{z-index:0;position:fixed}::selection{color:#03212c;background:var(--accent)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@keyframes atmosphere-drift{0%{opacity:.7;transform:translateY(8px)scale(1)}to{opacity:1;transform:translateY(-12px)scale(1.03)}}.deep-sea-background{z-index:0;pointer-events:none;background:radial-gradient(at 50% 0,#4faac32e,#0000 48%),radial-gradient(at 18% 100%,#155b771f,#0000 38%),linear-gradient(#08314a33,#010d1a38 75%);position:fixed;inset:0;overflow:hidden}.deep-sea-light,.deep-sea-particles{position:absolute;inset:-12%}.deep-sea-light{filter:blur(1px);opacity:.9;transform-origin:50% 0;background:linear-gradient(108deg,#0000 19%,#acebef21 32%,#0000 47%),linear-gradient(76deg,#0000 37%,#acebef17 51%,#0000 64%),linear-gradient(96deg,#0000 63%,#7dd7e513 73%,#0000 84%),radial-gradient(at 50% -10%,#d7ffff29,#0000 46%);animation:28s ease-in-out infinite alternate deep-sea-rays}.deep-sea-particles{opacity:.55;background-image:radial-gradient(circle at 12% 72%,#bef2f433 0 1px,#0000 2px),radial-gradient(circle at 26% 38%,#bef2f424 0 1px,#0000 2px),radial-gradient(circle at 63% 78%,#bef2f429 0 1px,#0000 2px),radial-gradient(circle at 83% 53%,#bef2f424 0 1px,#0000 2px),radial-gradient(circle at 91% 18%,#bef2f42e 0 1px,#0000 2px);background-size:220px 280px,310px 360px,280px 330px,360px 420px,250px 300px;animation:34s linear infinite deep-sea-particles}.deep-sea-bubbles{position:absolute;inset:0}.sea-bubble{width:var(--bubble-size,9px);height:var(--bubble-size,9px);opacity:0;animation:bubble-rise var(--bubble-duration,18s) linear infinite;background:#79d7e21a;border:1px solid #b9f1f494;border-radius:50%;display:block;position:absolute;bottom:-8vh;box-shadow:inset 2px 2px 3px #ebffff47,0 0 12px #62e2e514}.sea-bubble-one{--bubble-size:7px;--bubble-duration:21s;animation-delay:-7s;left:14%}.sea-bubble-two{--bubble-size:12px;--bubble-duration:26s;animation-delay:-17s;left:31%}.sea-bubble-three{--bubble-size:6px;--bubble-duration:19s;animation-delay:-3s;left:52%}.sea-bubble-four{--bubble-size:10px;--bubble-duration:24s;animation-delay:-13s;left:68%}.sea-bubble-five{--bubble-size:5px;--bubble-duration:17s;animation-delay:-9s;left:81%}.sea-bubble-six{--bubble-size:8px;--bubble-duration:23s;animation-delay:-20s;left:91%}@keyframes deep-sea-rays{0%{transform:translate(-1%)rotate(-1deg)scale(1)}to{transform:translate(1%,1.5%)rotate(1deg)scale(1.04)}}@keyframes deep-sea-particles{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:16px -80px,-18px -100px,22px -72px,-14px -110px,18px -90px}}@keyframes bubble-rise{0%{opacity:0;transform:translate(0,0)scale(.8)}12%{opacity:.72}75%{opacity:.42}to{opacity:0;transform:translate(18px,-112vh)scale(1.08)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.top-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#031b2bad;border-bottom:1px solid #b7ffff2e;justify-content:space-between;align-items:center;width:100%;min-height:72px;padding:0 max(20px,5vw);display:flex;box-shadow:0 10px 30px #0008121f}.top-bar-brand{color:var(--heading);letter-spacing:-.04em;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.12rem;font-weight:800;transition:color .16s,transform .16s}.top-bar-brand:before{color:var(--accent);content:"◌";vertical-align:-.06em;margin-right:8px;font-size:1.3em;display:inline-block}.top-bar-brand:hover{color:var(--accent-strong);transform:translateY(-1px)}.top-bar-code{border:1px solid var(--border-strong);color:var(--accent-strong);letter-spacing:.08em;background:#62e2e51f;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:700}.top-bar-actions{align-items:center;gap:10px;display:flex}.top-bar-leave{border:1px solid var(--border);min-height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:750;transition:border-color .16s,color .16s,background .16s}.top-bar-leave:hover{border-color:var(--border-strong);background:var(--accent-soft);color:var(--heading)}.page{width:min(100% - 32px,1160px);margin:0 auto;padding:clamp(48px,8vw,88px) 0 88px}.narrow-page{max-width:720px}.wide-page{max-width:1160px}.page-heading{text-align:center;margin-bottom:34px}.page-heading.left-aligned{text-align:left}.page-heading h1,.hero-copy h1{color:var(--heading);letter-spacing:-.07em;text-shadow:0 8px 32px #00000038;margin:8px 0 12px;font-size:clamp(2.2rem,6vw,4rem);line-height:1.05}.page-heading p:not(.eyebrow),.hero-copy>p:not(.eyebrow){max-width:600px;color:var(--muted);margin:0 auto;line-height:1.6}.left-aligned p:not(.eyebrow){margin-left:0}.eyebrow{color:var(--accent-strong);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.hero-copy{text-align:center;max-width:740px;margin:0 auto clamp(36px,6vw,60px)}.hero-copy h1{font-size:clamp(2.8rem,8vw,5.5rem)}.home-options,.pathway-grid,.setup-layout{gap:clamp(14px,2vw,24px);display:grid}.home-options{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,780px);margin:0 auto}.option-card,.pathway-card,.question-option{border:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(145deg,#11455bcc,#041e30c7);transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.option-card:hover,.pathway-card:hover,.question-option:hover{border-color:var(--border-strong);background:linear-gradient(145deg,#175c71db,#042336d6);transform:translateY(-3px);box-shadow:0 18px 42px #000c1a4d,0 0 0 1px #62e2e51a}.option-card{border-radius:22px;flex-direction:column;justify-content:center;min-height:236px;padding:30px;display:flex}.option-card-title{color:var(--heading);font-size:clamp(1.35rem,3vw,1.7rem);font-weight:750}.pathway-card p,.empty-state,.character-count{color:var(--muted)}.pathway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pathway-card{border-radius:16px;min-height:190px;padding:24px}.pathway-card.selected,.question-option.selected{border-color:var(--accent);box-shadow:var(--ring), var(--shadow-soft);background:linear-gradient(145deg,#3694a359,#073847bd)}.pathway-number{color:var(--accent-strong);letter-spacing:.1em;font-size:.8rem;font-weight:800}.pathway-card h2{color:var(--heading);margin:25px 0 8px;font-size:1.25rem}.pathway-card p{margin:0;line-height:1.5}.setup-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.form-card,.review-card{border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft), inset 0 1px 0 #dbffff0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#11455bcc,#041e30c7)}.form-card{padding:clamp(20px,3vw,28px)}.form-card .primary{width:100%}.action-row,.response-row,.response-actions,.review-actions{align-items:center;display:flex}.question-list{gap:10px;display:grid}.question-carousel{grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.carousel-arrow{aspect-ratio:1;border:1px solid var(--border);width:44px;min-width:44px;color:var(--accent-strong);cursor:pointer;background:#031e2fa8;border-radius:50%;align-self:center;font-size:1.2rem;line-height:1;transition:border-color .16s,background .16s,transform .16s}.carousel-arrow:hover{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.05)}.question-option{border-radius:var(--radius-control);padding:15px;font-size:.95rem;line-height:1.45}.question-option.selected{color:var(--heading)}.text-input,.text-area{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;color:var(--heading);background:#01121f85;outline:0}.text-input::placeholder,.text-area::placeholder{color:#86aeba}.text-input:focus,.text-area:focus{border-color:var(--accent);box-shadow:var(--ring)}.text-input{padding:13px 14px}.code-input{text-align:center;letter-spacing:.3em;margin:10px 0 18px;font-size:1.5rem;font-weight:800}.text-area{resize:vertical;min-height:150px;padding:14px}.custom-question{min-height:160px}.form-card label{color:var(--heading);font-size:.9rem;font-weight:700;display:block}.character-count{text-align:right;margin:7px 0 0;font-size:.75rem}.prompt-section,.custom-prompt-section{min-width:0}.prompt-heading{margin-bottom:16px}.prompt-heading h2{color:var(--heading);margin:0;font-size:1.2rem}.button,.small-button{border-radius:var(--radius-control);min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;font-weight:750;transition:opacity .16s,border-color .16s,transform .16s,background .16s,box-shadow .16s}.button:hover:not(:disabled),.small-button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled,.small-button:disabled{cursor:not-allowed;opacity:.45}.button{padding:12px 20px}.primary{color:#04242e;background:linear-gradient(135deg,#4aaeb8,#347f91);border-color:#4aaeb8;box-shadow:0 8px 20px #0022303d}.primary:hover:not(:disabled){background:linear-gradient(135deg,#68c9cd,#429baa);border-color:#72d3d3;box-shadow:0 10px 24px #0022304d}.secondary,.small-button{border-color:var(--border);color:var(--heading);background:#042335a8}.secondary:hover:not(:disabled),.small-button:hover:not(:disabled){border-color:var(--border-strong);background:#175b6fa8}.danger-button,.small-button.danger{background:var(--danger-soft);color:#ffb8b8;border-color:#ff8f916b}.danger-button:hover:not(:disabled),.small-button.danger:hover:not(:disabled){border-color:var(--danger);background:#ff8f9138}.action-row{justify-content:space-between;gap:16px;margin-top:26px}.action-row.single-action{justify-content:flex-end}.join-actions{justify-content:flex-start}.centered{text-align:center}.error-message,.success-message{margin:12px 0;font-size:.88rem;line-height:1.45}.error-message{color:#ffb4b4}.success-message{color:var(--success)}.response-area{margin-top:clamp(32px,5vw,52px)}.response-section-heading{margin-bottom:20px}.response-section-heading h2{color:var(--heading);margin:0;font-size:clamp(1.35rem,3vw,1.7rem)}.question-banner{color:var(--heading);background:linear-gradient(135deg,#053d50fa,#031d2ffc);border:1px solid #9de6f157;border-radius:22px;margin-bottom:20px;padding:28px;box-shadow:0 18px 42px #00091447,inset 0 1px #dcffff14}.question-banner h2{color:var(--heading);margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.3}.student-question h2{margin-top:14px}.response-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px;display:grid}.response-row{border-radius:var(--radius-bubble) 28px 36px 30px / 30px 36px 28px 34px;background:radial-gradient(circle at 20% 12%,#e1ffff2e,#0000 27%),linear-gradient(145deg,#2497a96b,#042c42c7);border:1px solid #b7ffff4d;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;min-height:144px;padding:22px;transition:transform .18s,box-shadow .18s;animation:.5s ease-out both response-enter;position:relative;overflow:hidden;box-shadow:0 18px 34px #000c1c42,inset 0 1px #e8ffff2e,inset -10px -12px 24px #00132529}.response-row:hover{transform:translateY(-2px);box-shadow:0 22px 40px #000c1c52,inset 0 1px #e8ffff33,inset -10px -12px 24px #00132529}.response-row:before{content:"";filter:blur(3px);background:#ebffff29;border-radius:50%;width:42px;height:14px;position:absolute;top:12px;left:22px;transform:rotate(-12deg)}.response-row p{z-index:1;color:var(--heading);overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:1.6;position:relative}.response-actions,.review-actions{z-index:1;flex-wrap:wrap;gap:8px;position:relative}.response-actions{justify-content:flex-end;width:100%}.small-button{padding:8px 11px;font-size:.8rem}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:150px;display:flex}.empty-state strong{color:var(--heading)}.student-question,.response-form{margin-bottom:20px}.response-form .button{width:100%;margin-top:18px}.review-card,.completion-card{text-align:center;padding:34px}.review-card{box-shadow:var(--shadow), inset 0 1px 0 #e8ffff33;background:radial-gradient(circle at 24% 10%,#e1ffff30,#0000 24%),linear-gradient(145deg,#2497a973,#04283edb);border-color:#b7ffff57;border-radius:38px 32px 42px 34px/34px 42px 32px 40px;position:relative}.review-card-enter{animation:.52s cubic-bezier(.2,.8,.2,1) both review-bubble-enter}.review-card.is-popping{animation:.52s ease-in both review-bubble-pop}.review-burst{pointer-events:none;width:1px;height:1px;position:absolute;inset:50% auto auto 50%}.review-burst span{opacity:0;border:1px solid #b7ffffbf;border-radius:50%;width:9px;height:9px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.4)}.review-card.is-popping .review-burst span{animation:.52s ease-out both review-bubble-burst}.review-burst span:first-child{--burst-x:-130px;--burst-y:-62px}.review-burst span:nth-child(2){--burst-x:112px;--burst-y:-74px;animation-delay:35ms!important}.review-burst span:nth-child(3){--burst-x:148px;--burst-y:30px;animation-delay:70ms!important}.review-burst span:nth-child(4){--burst-x:-138px;--burst-y:42px;animation-delay:55ms!important}.review-burst span:nth-child(5){--burst-x:-58px;--burst-y:96px;animation-delay:90ms!important}.review-burst span:nth-child(6){--burst-x:62px;--burst-y:104px;animation-delay:75ms!important}blockquote{color:var(--heading);margin:26px 0 30px;font-size:clamp(1.35rem,4vw,2rem);font-weight:650;line-height:1.35}.review-actions{justify-content:center}.completion-icon{width:58px;height:58px;color:var(--success);background:#86e8bd29;border-radius:50%;place-items:center;margin:0 auto 18px;font-size:1.8rem;font-weight:800;display:grid}.completion-card h2{color:var(--heading);margin:0 0 8px}.completion-card p{color:var(--muted);margin:0}.large-empty{min-height:220px}@keyframes response-enter{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes review-bubble-enter{0%{opacity:0;transform:translateY(28px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes review-bubble-pop{0%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:translateY(-16px)scale(.72)}}@keyframes review-bubble-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}25%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + var(--burst-x)), calc(-50% + var(--burst-y))) scale(1)}}@media (width>=721px) and (width<=1024px){.page{width:min(100% - 48px,980px)}.response-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.top-bar{min-height:64px}.page{width:min(100% - 32px,680px);padding-top:44px}.hero-copy h1{font-size:clamp(2.7rem,14vw,4.3rem)}.home-options,.pathway-grid,.setup-layout{grid-template-columns:1fr}.option-card{min-height:180px}.response-row{flex-direction:column;align-items:flex-start}.response-actions{width:100%}.response-actions .small-button{flex:1}.action-row{flex-direction:column-reverse;align-items:stretch}.action-row .button,.review-actions .button{width:100%}.review-actions{flex-direction:column;align-items:stretch}#root:after{opacity:.55}}