.onboarding{isolation:isolate;height:100dvh;display:flex;position:relative;overflow:hidden}.onboarding.has-admin{height:calc(100dvh - 60px)}.journey-art{z-index:-1;position:absolute;inset:0 0 0 55%}.journey-art img{object-fit:cover;object-position:52% 50%;width:100%;height:100%}.journey-art:after{content:"";background:linear-gradient(90deg,var(--paper),transparent 22%);position:absolute;inset:0}.journey-shell{flex-direction:column;width:57%;min-height:0;padding:26px clamp(24px,4.5vw,80px);display:flex}.journey-top{justify-content:space-between;align-items:center;gap:18px;display:flex}.journey-label{letter-spacing:.1em;opacity:.65;font:9px monospace}.journey-progress{text-transform:uppercase;letter-spacing:.04em;grid-template-columns:1fr auto;gap:9px;margin-top:28px;font:11px monospace;display:grid}.journey-progress progress{appearance:none;background:var(--line);width:100%;height:3px;color:var(--accent);border:0;grid-column:1/-1}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.step-area{flex:1;align-items:center;min-height:0;padding:24px 0;display:flex}.step-area section{width:100%}.journey-kicker{letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;font:10px/1.4 monospace}.step-area h1,.step-area h2{max-width:700px;font-size:clamp(42px,4.7vw,76px);line-height:1.02}.step-area h1:focus,.step-area h2:focus{outline:0}.step-area h1 em{color:var(--accent)}.journey-copy{max-width:530px;margin-top:22px;font-size:clamp(16px,1.35vw,20px);line-height:1.5}.journey-note{opacity:.7;margin-top:18px;font-size:12px;line-height:1.5}.journey-bottom{padding-top:12px}.journey-controls{justify-content:space-between;align-items:center;gap:24px;display:flex}.journey-controls .button{cursor:pointer;border:0;min-height:54px;margin-left:auto;font:600 15px Arial}.journey-controls .button:disabled{opacity:.4;cursor:not-allowed}.back-button,#restart{color:inherit;background:0 0;border:0;padding:12px 0;font-size:14px}.journey-footnote{opacity:.75;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:11px;display:flex}#download-status:empty{display:none}.journey-choices{border:0;gap:10px;min-width:0;margin:24px 0 0;padding:0;display:grid}.journey-choices label{border:1px solid var(--line);cursor:pointer;background:var(--paper);align-items:center;gap:15px;padding:15px 18px;display:flex}.journey-choices label:has(input:checked){border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.journey-choices input{accent-color:var(--accent);flex-shrink:0;width:17px;height:17px}.journey-choices span{flex:1}.journey-choices strong{font-size:15px;line-height:1.4;display:block}.journey-choices small{opacity:.7;margin-top:3px;font-size:12px;display:block}.journey-choices b{color:var(--accent)}.idea-label{margin:24px 0 10px;font-size:14px;display:block}.onboarding textarea{resize:none;background:var(--paper);width:100%;color:var(--ink);border:1px solid var(--line);min-height:95px;padding:15px;font:16px/1.5 Arial;display:block}.onboarding textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.idea-examples{flex-wrap:wrap;gap:9px;margin-top:13px;display:flex}.idea-examples button{border:1px solid var(--line);color:inherit;background:0 0;padding:9px 12px;font-size:12px}.story-example{border-left:3px solid var(--accent);margin-top:25px;padding-left:20px}.story-example>span{letter-spacing:.12em;font:9px monospace}.story-example blockquote{margin:10px 0;font-size:clamp(19px,1.7vw,25px);line-height:1.3}.story-example p{opacity:.8;font-size:14px;line-height:1.5}.plan-idea{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:20px;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.journey-plan{counter-reset:plan;margin:20px 0 0;padding:0;list-style:none}.journey-plan li{counter-increment:plan;border-top:1px solid var(--line);gap:15px;padding:14px 0;font-size:15px;line-height:1.4;display:flex}.journey-plan li:before{content:"0"counter(plan);color:var(--accent);padding-top:3px;font:12px monospace}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.onboarding [hidden]{display:none!important}[data-theme=anime] .journey-art,[data-theme=cinematic] .journey-art{inset:0}[data-theme=anime] .journey-art:after,[data-theme=cinematic] .journey-art:after{background:linear-gradient(90deg,var(--paper) 0%,color-mix(in srgb,var(--paper) 94%,transparent) 42%,color-mix(in srgb,var(--paper) 15%,transparent) 100%)}[data-theme=retro] .step-area h1,[data-theme=retro] .step-area h2{color:var(--accent)}[data-theme=cinematic] .step-area h1,[data-theme=cinematic] .step-area h2{font-weight:400}[data-theme=cinematic] .step-area h1 em{font-style:italic}@media (width>=701px) and (height<=760px){.journey-shell{padding-top:18px;padding-bottom:10px}.journey-progress{margin-top:18px}.step-area{padding:15px 0}.step-area h1,.step-area h2{font-size:clamp(36px,4vw,60px)}.journey-kicker{margin-bottom:12px}.journey-choices{gap:7px;margin-top:16px}.journey-choices label{padding:10px 13px}.journey-copy{margin-top:16px}.journey-note{margin-top:12px}.story-example{margin-top:16px}.journey-plan li{padding:10px 0}}@media (width<=1000px) and (width>=701px){.journey-shell{width:66%;padding-left:32px;padding-right:32px}.journey-art{left:60%}.journey-label{display:none}}@media (width<=700px){.onboarding.has-admin{height:calc(100dvh - 83px)}.journey-shell{width:100%;padding:18px 23px 10px}.journey-art{opacity:.25;inset:0 0 65% 45%}.journey-art:after{background:linear-gradient(0deg,var(--paper),transparent)}[data-theme=anime] .journey-art,[data-theme=cinematic] .journey-art{opacity:1;inset:0}[data-theme=anime] .journey-art:after,[data-theme=cinematic] .journey-art:after{background:color-mix(in srgb,var(--paper) 91%,transparent)}.journey-top{position:relative}.journey-label{display:none}.journey-progress{margin-top:22px}.step-area{padding:22px 0}.step-area h1,.step-area h2{font-size:clamp(37px,10.5vw,58px);line-height:1.03}.journey-kicker{margin-bottom:15px;font-size:9px}.journey-copy{margin-top:20px;font-size:17px}.journey-note{margin-top:15px;font-size:11px}.journey-choices{gap:10px;margin-top:20px}.journey-choices label{gap:10px;padding:14px 12px}.journey-choices strong{font-size:14px}.journey-choices small{font-size:11px}.journey-controls{gap:15px}.journey-controls .button{gap:15px;min-height:50px;padding:16px;font-size:14px}.journey-footnote{min-height:38px;font-size:10px}.idea-label{margin-top:20px;font-size:13px}.story-example{margin-top:20px;padding-left:15px}.story-example p{font-size:13px}.journey-plan li{padding:12px 0;font-size:14px}.plan-idea{font-size:14px}#restart{font-size:12px}}@media (height<=680px){.journey-progress{margin-top:12px}.step-area{padding:12px 0}.step-area h1,.step-area h2{font-size:clamp(30px,4.8vh,47px)}.journey-kicker{margin-bottom:9px}.journey-copy{margin-top:12px;font-size:15px}.journey-note{margin-top:9px;font-size:10px}.journey-choices{gap:7px;margin-top:13px}.journey-choices label{padding:9px 11px}.idea-label{margin-top:12px}.onboarding textarea{height:80px;min-height:80px}.idea-examples{margin-top:9px}.story-example{margin-top:13px}.story-example blockquote{font-size:20px}.journey-plan{margin-top:10px}.journey-plan li{padding:9px 0;font-size:13px}.plan-idea{margin-top:12px}.journey-bottom{padding-top:6px}}@media (height<=480px){.onboarding{overflow:auto}.journey-shell{min-height:480px}.step-area{min-height:260px}.journey-label{display:none}}@media (width<=700px) and (height<=620px){.journey-shell{padding-top:12px;padding-bottom:6px}.journey-progress{margin-top:9px;font-size:10px}.step-area{padding:8px 0}.journey-kicker{font-size:8px}.journey-copy{font-size:14px;line-height:1.4}.story-example{margin-top:10px;padding-left:12px}.story-example blockquote{margin:7px 0;font-size:17px}.story-example p{font-size:12px;line-height:1.35}.journey-note{font-size:10px;line-height:1.35}.journey-controls .button{min-height:46px;padding:12px;font-size:13px}.journey-choices strong{font-size:13px}.journey-choices small{font-size:10px}.journey-plan li{font-size:12px}.journey-footnote{min-height:32px}}
