:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111318;background:#f8f9fb;font-synthesis:none;--ink: #111318;--muted: #626976;--paper: #f8f9fb;--white: #ffffff;--blue: #123fd4;--blue-dark: #0b2fa9;--blue-soft: #edf2ff;--line: #dfe3ea;--orange: #ed5b16;--danger: #b42318}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #79a0ff;outline-offset:3px}h1,h2,h3,strong,.brand{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing,.app-shell,.workspace{min-height:100vh}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:1.28rem;font-weight:800;letter-spacing:-.045em}.brand-button{border:0;padding:0;background:transparent}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:#fff;background:var(--blue);box-shadow:0 8px 24px #123fd433}.brand-divider{width:1px;height:24px;margin:0 2px;background:var(--line)}.brand-title{max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:.95rem;font-weight:600;letter-spacing:-.01em}.site-header{height:86px;padding:0 clamp(24px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;border-bottom:1px solid var(--line);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.site-header nav{display:flex;height:100%;gap:38px}.site-header nav button{position:relative;border:0;padding:0 2px;color:#313640;background:transparent;font-weight:600}.site-header nav button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent}.site-header nav button:hover,.site-header nav button.active{color:var(--blue)}.site-header nav button.active:after{background:var(--blue)}.header-actions{justify-self:end;display:flex;gap:12px}.research-alert{min-height:54px;padding:12px clamp(24px,4vw,64px);display:flex;align-items:center;gap:10px;color:var(--orange);border-bottom:1px solid #f4c5ae;background:#fffaf7}.research-alert span{color:#8a421f}.hero{min-height:650px;padding:44px clamp(24px,5vw,76px) 52px;display:grid;grid-template-columns:minmax(560px,1.08fr) minmax(520px,.92fr);align-items:center;gap:clamp(44px,5vw,76px);border-bottom:1px solid var(--line);background:var(--white)}.hero-copy{max-width:690px}.eyebrow,.stage-copy>span{color:var(--blue);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1,.workspace-content h1{margin:0 0 24px;font-size:clamp(3.6rem,4.6vw,4.7rem);font-weight:800;line-height:.96;letter-spacing:-.07em}.hero-rule{display:block;width:58px;height:5px;margin:30px 0;border-radius:8px;background:var(--blue)}.hero-subtitle{margin-bottom:22px;font-size:1.02rem;letter-spacing:0;text-transform:none}.hero-copy>p{max-width:570px;margin:0;color:#424955;font-size:1.18rem;line-height:1.62}.hero-cta{margin-top:38px}.scene-journey{position:relative;display:grid;gap:14px}.scene-journey:before{content:"";position:absolute;top:42px;bottom:42px;left:20px;width:1px;background:#cfd5df}.journey-step{position:relative;display:grid;grid-template-columns:42px minmax(190px,270px) 1fr 24px;align-items:center;gap:18px;min-width:0}.step-number{z-index:1;width:42px;height:42px;display:grid;place-items:center;color:#fff;border:5px solid white;border-radius:50%;background:var(--blue);font-weight:800;box-shadow:0 0 0 1px #123fd414}.journey-step img{width:100%;aspect-ratio:2.2 / 1;display:block;object-fit:cover;border-radius:6px;background:#e8ebf0}.journey-step>div{display:grid;gap:2px;min-width:0}.journey-step strong{margin-bottom:2px;font-size:1rem}.journey-step>div span{color:var(--muted);font-size:.92rem}.step-arrow{color:var(--blue)}.route-directory{display:grid;grid-template-columns:repeat(4,1fr);padding:28px clamp(24px,4vw,64px);border-bottom:1px solid var(--line);background:#fbfcfe}.route-directory button{min-height:116px;display:grid;grid-template-columns:38px 1fr 24px;align-items:start;gap:16px;padding:14px 28px;border:0;border-right:1px solid var(--line);color:var(--ink);background:transparent;text-align:left}.route-directory button:last-child{border-right:0}.route-directory button:hover{color:var(--blue);background:var(--white)}.route-directory button:disabled{opacity:.5;cursor:not-allowed}.route-directory button>svg{color:var(--blue)}.route-directory button>span{display:grid;gap:7px}.route-directory strong{font-size:1rem}.route-directory small{color:var(--muted);font-size:.9rem;line-height:1.5}.route-directory button>svg:last-child{align-self:end}.landing-footer{min-height:72px;padding:14px clamp(24px,4vw,64px);display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:18px;color:var(--muted);font-size:.84rem;background:#fbfcfe;border-top:1px solid var(--line)}.footer-brand,.footer-github{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:var(--ink);transition:color .18s ease,background .18s ease,transform .18s ease}.footer-brand:hover,.footer-github:hover{color:var(--blue);background:var(--blue-soft);transform:translateY(-1px)}.footer-elephant{width:32px;height:32px;display:block;object-fit:contain}.footer-copy{display:grid;justify-items:center;gap:3px;text-align:center}.footer-copy>span{color:var(--ink);font-weight:700}.footer-copy small{color:var(--muted);font-size:.75rem;line-height:1.35}.footer-github{justify-self:end}.footer-github svg{width:22px;height:22px;stroke-width:1.8}.primary,.secondary{min-height:48px;border-radius:4px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;transition:background .18s ease,border-color .18s ease,transform .18s ease}.primary{border:1px solid var(--blue);color:#fff;background:var(--blue);box-shadow:0 7px 18px #123fd426}.primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.primary:disabled{opacity:.42;cursor:not-allowed;transform:none}.secondary{border:1px solid #aab1bd;background:var(--white);color:var(--ink)}.secondary:hover{border-color:var(--blue);color:var(--blue)}.compact{min-height:40px;padding-inline:16px}.text-button{border:0;color:var(--blue);background:transparent;padding:9px 4px;text-decoration:underline;text-underline-offset:4px}.topbar{min-height:76px;padding:14px clamp(18px,3vw,40px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.top-actions{display:flex;align-items:center;gap:18px}.progress-label{padding:7px 11px;border-radius:999px;color:var(--blue);background:var(--blue-soft);font-variant-numeric:tabular-nums;font-weight:800}.flow-content{padding:42px max(24px,calc((100vw - 1240px)/2))}.stage-copy{max-width:760px;margin-bottom:24px}.stage-copy h2,.completion-panel h2{margin:8px 0;font-size:clamp(1.9rem,4vw,2.7rem);font-weight:750;letter-spacing:-.04em}.stage-copy p{color:var(--muted);margin:0;line-height:1.55}.stage-back{margin:-8px 0 14px}.board-wrap{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable;scroll-margin-top:92px}.board-wrap:focus-visible{outline:3px solid #79a0ff;outline-offset:3px}.board-scroll-hint{display:none;margin:0 0 8px;color:var(--muted);font-size:.84rem}.scene-board{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;border:1px solid #b9c0cb;border-radius:8px;background:#e5e8ed;box-shadow:0 18px 55px #1d27391a}.scene-board img{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-select:none;user-select:none}.credential-grid,.marker-overlay{position:absolute;inset:0;display:grid}.credential-grid{z-index:3;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(16,1fr)}.credential-grid button{border:0;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:transparent;padding:0}.credential-grid button:not(:disabled):hover{background:#ffffff38}.credential-grid .selected-cell{background:#123fd466;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 7px var(--blue)}.window-mask{position:absolute;box-shadow:0 0 0 200vmax #070e1db8;pointer-events:none;border:3px solid white;z-index:2}.marker-overlay{z-index:3;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr)}.marker-overlay span{display:grid;place-items:center;color:#071229;background:#fff9;border:1px solid rgba(255,255,255,.64);font-size:clamp(.8rem,1.3vw,1.35rem);font-weight:900;text-shadow:0 1px 0 white}.marker-response,.action-pad{border:0;padding:0;margin:26px 0}.marker-response legend,.action-pad legend{font-weight:750;margin-bottom:12px}.marker-response>div{display:grid;grid-template-columns:repeat(8,minmax(72px,1fr));gap:8px}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(88px,1fr));gap:10px}.marker-response button,.action-grid button{min-height:66px;border:1px solid #c8ced7;border-radius:6px;color:var(--ink);background:var(--white);display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center}.marker-response button span,.action-grid button span{font-size:1.45rem}.marker-response button.selected,.action-grid button.selected,.mode-choice button.selected{border-color:var(--blue);color:var(--blue);background:var(--blue-soft);box-shadow:inset 0 0 0 2px var(--blue)}.action-grid small{color:var(--muted)}.stage-footer{padding:22px 0 46px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted)}.login-panel,.completion-panel{width:min(650px,100%);margin:6vh auto;padding:36px;display:flex;flex-direction:column;gap:20px;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 24px 70px #1d273914}.login-panel label,.completion-panel label{display:flex;flex-direction:column;gap:8px;font-weight:700}input,select{width:100%;min-height:48px;border:1px solid #b9c0cb;border-radius:5px;padding:0 13px;color:var(--ink);background:#fff}.study-banner{position:sticky;top:76px;z-index:19;padding:10px 24px;text-align:center;color:#fff;background:var(--blue-dark);font-weight:750}.workload label{display:grid;grid-template-columns:1fr auto;gap:6px 20px;font-weight:700;text-transform:capitalize}.workload input[type=range]{grid-column:1 / -1}.password-field{display:flex;position:relative}.password-field button{position:absolute;right:6px;top:6px;width:36px;height:36px;border:0;background:transparent;color:var(--muted)}.mode-choice{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-choice legend{grid-column:1 / -1;font-weight:750;margin-bottom:10px}.mode-choice button{text-align:left;min-height:120px;border:1px solid var(--line);border-radius:6px;background:transparent;padding:16px;display:grid;grid-template-columns:28px 1fr;gap:4px 8px}.mode-choice button span{grid-column:2;color:var(--muted);line-height:1.35}.error{color:var(--danger);background:#fff1f0;border-left:3px solid var(--danger);padding:10px 12px}.success-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--blue)}code{background:#edf0f4;padding:3px 6px;border-radius:4px;font-size:.95em}.workspace-content{max-width:1100px;margin:9vh auto;padding:0 32px}.workspace-content h1{font-size:clamp(3rem,6vw,6rem)}.workspace-content>p{max-width:670px;color:var(--muted);font-size:1.15rem;line-height:1.6}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px}.workspace-grid article{border-top:2px solid var(--blue);padding:24px;background:var(--white)}.workspace-grid article svg{color:var(--blue)}.workspace-grid h2{font-size:1.1rem}.workspace-grid p{color:var(--muted)}.danger-link{margin-top:36px;color:var(--danger)}.delete-panel{max-width:620px;margin-top:18px;padding:24px;border:1px solid #e6aaa5;border-radius:6px;background:#fff7f6;display:grid;gap:16px}.delete-panel label{display:grid;gap:8px;font-weight:700}.danger{border-color:var(--danger);color:var(--danger)}.legal-panel{width:min(860px,100%);margin:3vh auto 10vh;padding:40px;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 24px 70px #1d27390f;line-height:1.7}.legal-panel h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.04;letter-spacing:-.055em}.legal-panel h2{margin-top:30px}.check-row{display:grid!important;grid-template-columns:24px 1fr;align-items:start;font-weight:500!important;line-height:1.45}.check-row input{width:20px;min-height:20px;margin-top:2px}.scene-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding-bottom:48px}.scene-gallery button{min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);text-align:left}.scene-gallery button:hover{border-color:var(--blue);box-shadow:0 12px 32px #123fd41f}.scene-gallery img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;background:#e5e8ed}.scene-gallery span{display:block;padding:10px 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem}@media(max-width:1100px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr 1fr;gap:42px}.route-directory{grid-template-columns:1fr 1fr}.route-directory button:nth-child(2){border-right:0}.route-directory button:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:820px){.hero{grid-template-columns:1fr}.hero-copy{max-width:none}.journey-step{grid-template-columns:42px minmax(150px,230px) 1fr 22px}.workspace-grid{grid-template-columns:1fr}.marker-response>div,.action-grid{grid-template-columns:repeat(4,1fr)}.scene-board{min-width:768px}.board-scroll-hint{display:block}}@media(max-width:600px){.site-header{height:auto;min-height:76px;padding:14px 18px}.site-header .brand-mark{width:40px;height:40px}.header-actions .secondary{display:none}.header-actions .primary{min-height:42px;padding-inline:14px}.research-alert{padding-inline:18px;align-items:flex-start;flex-wrap:wrap}.hero{padding:40px 18px}.hero h1{font-size:clamp(3rem,15vw,4.2rem)}.journey-step{grid-template-columns:36px minmax(0,1fr) 22px;gap:12px}.scene-journey:before{left:17px}.step-number{width:36px;height:36px;border-width:4px}.journey-step img{grid-column:2 / 4}.journey-step>div{grid-column:2}.step-arrow{grid-column:3;grid-row:2}.route-directory{grid-template-columns:1fr;padding-inline:18px}.route-directory button{border-right:0;border-bottom:1px solid var(--line);padding-inline:8px}.landing-footer{padding-inline:18px;grid-template-columns:42px 1fr 42px;gap:10px}.footer-copy small{max-width:38ch;font-size:.7rem}.topbar{padding-inline:18px}.brand-title,.brand-divider{display:none}.flow-content{padding-inline:18px}.login-panel,.completion-panel,.legal-panel{padding:24px;margin:3vh auto}.mode-choice{grid-template-columns:1fr}.top-actions{gap:9px}.progress-label{font-size:.82rem}.scene-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scene-gallery span{padding:8px;font-size:.76rem}.stage-footer{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}@media(forced-colors:active){.credential-grid .selected-cell{outline:4px solid Highlight;outline-offset:-4px}.primary,.secondary,.marker-response button,.action-grid button{border:2px solid ButtonText}}