.story-page{width:100%;max-width:var(--login-width);padding:var(--header-top-inset) var(--navbar-inset) var(--space-xl);color:var(--ink)}.story-header{min-height:var(--navbar-height);align-items:center;padding:0;display:flex}.story-header .app-brand{font-size:var(--navbar-wordmark);line-height:1}.story-header .app-brand img{width:auto;height:1cap}.story-layout{width:min(100%,var(--story-maxWidth));margin:var(--space-lg) auto 0;text-align:center}.story-layout h1{font-size:var(--story-desktopTitle);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin:var(--space-md) 0 var(--space-sm)}.story-intro{font-size:var(--text-body);color:var(--muted);margin:0}.story-progress{justify-content:center;gap:var(--space-sm);margin:0;padding:0;list-style:none;display:flex}.story-progress li{border-radius:var(--radius-pill);background:var(--line);width:8px;height:8px}.story-progress li[aria-current]{background:var(--action)}.story-progress li[data-complete=true]{background:var(--actionBorder)}.story-art{width:100%;height:var(--story-desktopArt);object-fit:contain;mix-blend-mode:multiply;margin:var(--space-md) auto;display:block}.story-form{max-width:var(--story-formWidth);text-align:left;margin:auto}.story-field{margin-bottom:var(--space-lg)}.story-field label,.story-gender legend{font-weight:var(--weight-emphasis);font-size:var(--text-secondary);margin-bottom:var(--space-sm);display:block}.story-field input{width:100%;font-size:1rem}.story-hint{align-items:baseline;gap:var(--space-xs);font-size:var(--text-secondary);color:var(--muted);margin:var(--space-sm) 0;display:flex}.story-hint svg{flex:none}.story-gender{margin:0 0 var(--space-lg);border:0;padding:0}.story-gender>div{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.story-choice{justify-content:center;align-items:center;gap:var(--space-sm);min-height:var(--control-compactHeight);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-subtle);font-size:var(--text-secondary);cursor:pointer;display:flex}.story-choice[data-selected=true],.story-choice:focus-within{background:var(--brandSurface);color:var(--action)}.story-choice input{accent-color:var(--action)}.story-form .story-primary{width:100%;margin-top:var(--space-md);border-radius:var(--radius-sm)}.story-back{justify-content:center;align-items:center;gap:var(--space-sm);min-height:var(--control-targetHeight);margin:var(--space-md) auto 0;padding:var(--space-xs) var(--space-md);color:var(--ink);background:0 0;border:0;display:flex}.story-back:is(:hover,:focus-visible,:active){text-underline-offset:4px;background:0 0;text-decoration:underline}.story-permissions{margin:0;padding:0;list-style:none}.story-permissions li{align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) auto;display:grid}.story-permissions li>svg{color:var(--action)}.story-permissions strong{font-size:var(--text-secondary);font-weight:var(--weight-emphasis)}.story-permissions li>div>p{font-size:var(--text-caption);margin:var(--space-xs) 0 0;color:var(--muted)}.story-permissions small{color:var(--muted);font-size:var(--text-caption)}@media (max-width:1024px){.story-art{height:var(--story-tabletArt)}.story-layout h1{font-size:var(--story-tabletTitle)}}@media (max-width:760px){.story-layout h1{font-size:var(--story-mobileTitle)}.story-intro{font-size:var(--text-secondary)}.story-art{height:auto;width:calc(100% + 2 * var(--navbar-inset));max-width:none;margin-inline:calc(-1 * var(--navbar-inset))}.story-permissions li{gap:var(--space-sm)}}body:has(.story-page){background:var(--surface)}.story-page{max-width:none}.story-page .story-header{border:0}.story-page .story-header .app-brand{align-items:center;gap:var(--space-sm);color:var(--ink);font-weight:var(--weight-emphasis);min-height:var(--control-targetHeight);text-decoration:none;display:inline-flex}.story-primary .app-action-content{flex-direction:row-reverse}:root .story-page .story-primary[data-ui-control]{background:var(--action);color:var(--surface)}:root .story-page .story-primary[data-ui-control]:focus-visible .app-action-content{text-underline-offset:4px;text-decoration:underline}@media (hover:hover){:root .story-page .story-primary[data-ui-control]:not([aria-disabled=true]):hover{background:var(--actionPressed);color:var(--surface);box-shadow:var(--shadow-subtle)}}.story-layout{animation:story-step-enter var(--interaction-duration) ease-out}@keyframes story-step-enter{0%{opacity:0;transform:translateY(var(--space-xs))}to{opacity:1;transform:translateY(0)}}.story-primary{transition:transform var(--interaction-duration),box-shadow var(--interaction-duration)}.story-primary:not([aria-disabled=true]):active{transform:translateY(1px)}.story-permissions li>.action-feedback{grid-column:2/-1;align-items:center;margin-top:0}:root .story-permissions li>.action-feedback>.feedback-icon{margin-top:0}@media (prefers-reduced-motion:reduce){.story-layout{animation:none}.story-primary{transition:none}.story-primary:not([aria-disabled=true]):active{transform:none}}