:root{--accent: #00a6d6;--accent-hover: #008cb5;--accent-press: #00759a;--accent-soft: #e6f6fb;--accent-soft-strong: #b8e6f3;--sidebar-bg: #00a6d6;--sidebar-bg-strong: #0090ba;--sidebar-fg: #ffffff;--sidebar-fg-muted: rgba(255, 255, 255, .78);--sidebar-rule: rgba(255, 255, 255, .3);--step-accent: #e03c31;--step-accent-soft: rgba(224, 60, 49, .25);--fg: #14223a;--fg-soft: #3f4e64;--muted: #7b8a9c;--bg: #f8f9fa;--panel: #ffffff;--border: #dbe4ec;--border-strong: #c1cdd8;--radius: 10px;--radius-lg: 14px;--shadow-soft: 0 1px 2px rgba(12, 35, 64, .04), 0 8px 24px rgba(12, 35, 64, .06);--shadow-card: 0 1px 3px rgba(12, 35, 64, .06), 0 4px 16px rgba(12, 35, 64, .04);--sidebar-w: 272px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{margin:0;padding:0;height:100%;overflow-x:hidden;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overscroll-behavior:none}a{color:var(--accent-hover);text-decoration-thickness:1px;text-underline-offset:2px;transition:color .12s ease}a:hover{color:var(--accent-press)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--accent);background:var(--accent);color:#fff;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:transform 80ms ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;min-height:48px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 8px #00a6d640}button:active:not(:disabled){background:var(--accent-press);border-color:var(--accent-press);transform:scale(.97);box-shadow:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:3px solid var(--accent-soft-strong);outline-offset:2px}.button-row{display:flex;gap:.75rem;margin-top:1.75rem;flex-wrap:wrap}.button-row button{background:var(--step-accent);border-color:var(--step-accent)}.button-row button:hover:not(:disabled){background:#c8362c;border-color:#c8362c;box-shadow:0 2px 8px #e03c314d}.button-row button:active:not(:disabled){background:#b22f26;border-color:#b22f26}.button-row button:focus-visible{outline-color:var(--step-accent-soft)}.muted{color:var(--muted);font-size:.9rem}.layout{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh;min-height:100dvh}.layout__main{position:relative;height:100vh;height:100dvh;overflow:hidden;min-width:0}.sidebar{background:linear-gradient(180deg,var(--sidebar-bg) 0%,var(--sidebar-bg-strong) 100%);color:var(--sidebar-fg);padding:2rem 1.5rem;padding-top:calc(2rem + var(--safe-top));position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column}.sidebar__logo{display:block;width:calc(100% + 12px);max-width:250px;height:auto;margin:-1.5rem 0 1.25rem -30px}.sidebar__brand{font-size:1.1rem;line-height:1.25;font-weight:600;color:#fff;margin:2rem 0 .25rem;letter-spacing:.005em}.sidebar__brand:before{content:"";display:none}.stepper{list-style:none;padding:0;margin:2.25rem 0 0;display:flex;flex-direction:column;gap:.25rem}.step{display:flex;align-items:center;gap:.85rem;padding:.6rem .5rem;border-radius:var(--radius);position:relative;transition:background .15s ease}.step+.step:before{content:"";position:absolute;left:18px;top:-6px;bottom:calc(100% - .55rem);width:2px;background:var(--sidebar-rule)}.step__dot{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.82rem;font-weight:700;background:#ffffff12;border:1.5px solid rgba(255,255,255,.18);color:var(--sidebar-fg-muted);transition:all .2s ease}.step__label{font-size:.92rem;color:var(--sidebar-fg-muted);transition:color .2s ease,font-weight .2s ease}.step--current .step__dot{background:var(--step-accent);border-color:var(--step-accent);color:#fff;box-shadow:0 0 0 4px var(--step-accent-soft)}.step--current .step__label{color:#fff;font-weight:600}.step--completed .step__dot{background:var(--step-accent);border-color:var(--step-accent);color:#fff}.step--completed .step__label{color:var(--sidebar-fg)}.step--clickable{padding:0}.step__btn{display:flex;align-items:center;gap:.85rem;width:100%;padding:.6rem .5rem;margin:0;background:transparent;border:none;color:inherit;font:inherit;text-align:left;border-radius:var(--radius);cursor:pointer;min-height:0;transition:background .15s ease}.step__btn:hover{background:#ffffff0f;box-shadow:none}.step__btn:hover .step__dot{border-color:#00a6d6d9;background:#00a6d652}.step__btn:hover .step__label{color:#fff}.step__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:#ffffff0f}.step__btn:active:not(:disabled){background:#ffffff1a;border-color:transparent;transform:none;box-shadow:none}.screen-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.screen-stage__panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;background:var(--bg);-webkit-overflow-scrolling:touch}.screen-stage__content{max-width:680px;margin:0 auto;padding:3rem 2.5rem 4rem;overflow-wrap:break-word;word-break:break-word}.study-header{border-bottom:1px solid var(--border);padding-bottom:1.5rem;margin-bottom:2rem}.study-header__eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--accent);margin:0 0 .6rem}.study-header__title{font-size:1.85rem;line-height:1.2;margin:0 0 .5rem;font-weight:700;color:var(--fg)}.study-header__subtitle{margin:0;font-size:1.02rem;color:var(--fg-soft);font-style:italic}.prose h1,.prose h2{font-size:1.35rem;margin:1.5rem 0 .8rem;font-weight:700;color:var(--fg)}.prose h3{font-size:1.02rem;margin:1.5rem 0 .4rem;font-weight:600;color:var(--accent-press)}.prose p{margin:0 0 1rem;color:var(--fg-soft)}.prose ul{padding-left:1.25rem;margin:0 0 1rem;color:var(--fg-soft)}.prose ul li{margin:.3rem 0}.prose strong{color:var(--fg);font-weight:600}.study-header~.prose p,.study-header~.prose li{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}.consent-box{margin-top:2rem;padding:1.5rem;background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow-card)}.consent-check{display:flex;align-items:flex-start;gap:.85rem;cursor:pointer;padding:.25rem 0;-webkit-tap-highlight-color:transparent}.consent-check input[type=checkbox]{margin-top:.2rem;width:1.2rem;height:1.2rem;accent-color:var(--accent);flex:0 0 auto;cursor:pointer;min-width:20px;min-height:20px}.consent-check span{font-size:.95rem;color:var(--fg-soft);line-height:1.5}.bike-question{padding-top:2rem}.bike-question .q-number{color:var(--accent);font-weight:700;font-size:1.4rem;margin:0 0 .5rem;letter-spacing:.02em}.bike-question h1{font-size:1.6rem;margin:0 0 2.2rem;color:var(--fg);font-weight:700;line-height:1.3}.bike-question__choices{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.choice-btn{border:2px solid var(--border-strong);background:var(--panel);color:var(--fg);font-size:1.25rem;font-weight:600;padding:2.2rem 1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .18s ease;-webkit-tap-highlight-color:transparent}.choice-btn:hover{border-color:var(--accent);color:var(--accent-press);background:var(--accent-soft);box-shadow:0 4px 16px #00a6d626;transform:translateY(-2px)}.choice-btn:active{border-color:var(--accent);background:var(--accent);color:#fff;transform:scale(.97);box-shadow:none}.handoff{text-align:center;padding-top:5rem}.handoff h1{font-size:1.4rem;font-weight:600;color:var(--fg);margin:0 0 .75rem}.handoff__spinner{width:40px;height:40px;border:3px solid var(--accent-soft-strong);border-top-color:var(--accent);border-radius:50%;margin:0 auto 1.5rem;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 960px){:root{--sidebar-w: 220px}.screen-stage__content{padding:2.5rem 2rem 3.5rem}}@media (max-width: 720px){.layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.sidebar{height:auto;padding:.75rem 1rem;padding-top:calc(.75rem + var(--safe-top));position:sticky;top:0;z-index:10;flex-direction:column;min-width:0;box-shadow:0 2px 8px #001e3226}.sidebar__logo{width:auto;height:34px;max-width:none;margin:0 0 .5rem}.sidebar__brand{margin-top:0;margin-bottom:.4rem;font-size:.88rem}.sidebar__brand:before{margin-bottom:.15rem;font-size:.62rem}.stepper{flex-direction:row;gap:0;margin-top:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.stepper::-webkit-scrollbar{display:none}.step{flex-direction:column;align-items:center;gap:.25rem;padding:.2rem .6rem;min-width:0;flex:1 1 0}.step__btn{flex-direction:column;align-items:center;gap:.25rem;padding:.2rem .6rem}.step+.step:before{display:none}.step__dot{width:26px;height:26px;flex:0 0 26px;font-size:.75rem}.step__label{font-size:.68rem;text-align:center;white-space:nowrap}.layout__main{height:auto;min-height:0}.screen-stage{position:relative;min-height:calc(100vh - 120px);min-height:calc(100dvh - 120px)}.screen-stage__panel{position:absolute;top:0;right:0;bottom:0;left:0}.screen-stage__content{padding:1.75rem 1.25rem 3rem;padding-bottom:calc(3rem + var(--safe-bottom))}.study-header__title{font-size:1.45rem}.study-header__subtitle{font-size:.95rem}.bike-question h1{font-size:1.35rem}.bike-question__choices{grid-template-columns:1fr 1fr;gap:.75rem}.choice-btn{padding:1.8rem .75rem;font-size:1.1rem}.consent-box{padding:1.25rem 1rem}.handoff{padding-top:3.5rem}}@media (max-width: 380px){.screen-stage__content{padding:1.5rem 1rem 2.5rem;padding-bottom:calc(2.5rem + var(--safe-bottom))}.study-header__title{font-size:1.3rem}.prose h1,.prose h2{font-size:1.15rem}.bike-question__choices{grid-template-columns:1fr;gap:.6rem}.choice-btn{padding:1.4rem .75rem;font-size:1rem}button{width:100%;justify-content:center;text-align:center}.button-row{flex-direction:column}}@media (max-height: 500px) and (max-width: 960px){.sidebar{padding-top:.5rem;padding-bottom:.5rem}.sidebar__brand:before{display:none}.stepper{margin-top:.3rem}.screen-stage__content{padding-top:1.25rem;padding-bottom:2rem}.study-header{padding-bottom:1rem;margin-bottom:1.25rem}.handoff{padding-top:2rem}}@media print{.sidebar{display:none}.layout{display:block}.layout__main{height:auto;overflow:visible}.screen-stage,.screen-stage__panel{position:static;overflow:visible}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.admin{max-width:1100px;margin:0 auto;padding:3rem 2rem}.admin h1{font-size:1.5rem;margin:0 0 .5rem;color:var(--fg)}.admin__table{width:100%;border-collapse:collapse;margin-top:2rem;font-size:.9rem}.admin__table th,.admin__table td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border)}.admin__table th{background:var(--accent-soft);color:var(--accent-press);font-weight:600;position:sticky;top:0}.admin__table td{color:var(--fg-soft);font-variant-numeric:tabular-nums}.admin__table td a{font-size:.85rem}.reference-question{padding-top:2rem}.reference-question__framing{font-size:1.55rem;line-height:1.45;font-weight:400;color:var(--fg);background:var(--accent-soft);padding:1.1rem 1.3rem;border-radius:8px;margin:0 0 1.8rem}.reference-question__framing strong{color:var(--fg);font-weight:700}.reference-question__question{font-size:1.05rem;font-weight:600;color:var(--fg);margin:0 0 .75rem}.reference-question__input-row{display:flex;align-items:center;gap:.85rem;margin-top:.25rem}.reference-question__input{width:140px;font-size:1.35rem;font-weight:600;padding:.65rem .85rem;border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--panel);color:var(--fg);font-variant-numeric:tabular-nums;text-align:center;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;appearance:none;-moz-appearance:textfield;min-height:48px}.reference-question__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft-strong)}.reference-question__input::-webkit-outer-spin-button,.reference-question__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.reference-question__unit{font-size:1.05rem;color:var(--fg-soft)}.reference-question__error{margin:.75rem 0 0;color:#b03030;font-size:.92rem}