/* Quiet reading surfaces, with light and motion around the places to begin. */
:root{--ai:#21495c;--deep:#102e43;--paper:#f5f6f1;--mist:#e0eeeb;--line:#dbe4df;--cyan:#75e1dc;--gold:#f2c47d}
body{isolation:isolate}#jukuApp{position:relative;z-index:1}.juku-ambient{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 95% 5%,#c7e8e04d,transparent 45%),radial-gradient(ellipse at 10% 90%,#f2d6b64a,transparent 45%)}.juku-ambient:before,.juku-ambient:after{content:"";position:absolute;pointer-events:none;border-radius:50%}.juku-ambient:before{width:65vw;height:65vw;right:-25vw;top:10vh;background:radial-gradient(circle,#92d4d326,transparent 67%)}.juku-ambient:after{width:55vw;height:55vw;left:-20vw;bottom:-20vw;background:radial-gradient(circle,#f1ca7b20,transparent 67%)}
.topbar{background:#fcfdf9;border-bottom:1px solid #c9dedb;box-shadow:0 3px 25px #22484e05}.header-actions{display:flex;align-items:center;gap:.75rem}.mobile-label{display:none}.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:44px;min-height:44px;padding:.45rem .65rem;border:1px solid #c6d9d2;border-radius:12px;background:#f2f7f1;font-size:.8125rem;white-space:nowrap}.motion-toggle svg{width:20px;height:20px}.motion-toggle[aria-pressed=true] svg{color:#18736f}.motion-toggle:disabled{opacity:.7}.auth-layout{position:relative}.auth-motion{position:absolute;right:1.5rem;top:1.4rem;z-index:3}.auth-story{background:radial-gradient(ellipse at 0 0,#26505f,transparent 65%),#112a3c;position:relative;overflow:hidden}.auth-story:before{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:48px 48px}.auth-story>*{position:relative}.auth-story .brand,.auth-message h1{color:#fff9ed}.auth-story .brand small,.auth-message>p,.auth-message>.eyebrow,.auth-course small,.auth-sign{color:#c1d7d3}.auth-course{color:#e5f3e9}.auth-course .threads-symbol img{filter:invert(1)}.auth-sign small{color:#f1e5cb}.auth-photo{box-shadow:0 12px 40px #00111e33}.auth-form{border-color:#c9ddda;box-shadow:0 10px 40px #1c515a0c}.auth-form .primary{background:linear-gradient(115deg,#244b60,#216764);border-color:#1d555d}
.sidebar{background:linear-gradient(165deg,#123345,#102839);border-color:#294b56}.sidebar nav a{color:#c9dad9}.sidebar nav a[aria-current]{color:#102f3d;background:#b5e6dc;box-shadow:inset 0 0 0 1px #d8f4e5}.sidebar nav a[aria-current] .threads-symbol img{filter:none}.sidebar nav a .threads-symbol img{filter:invert(1)}.sidebar nav a:hover:not([aria-current]){background:#224753;color:#fff}.sidebar nav .nav-quest{color:#efd099}.side-foot{border-top:1px solid #ffffff1a}.side-foot .eyebrow,.side-foot small{color:#b8cecb}.side-foot strong{color:#fff3dd}
.home-welcome{padding:1.55rem 1.8rem;border-radius:21px;background:linear-gradient(125deg,#112d43,#1d5051);border:1px solid #558782;color:#f8f9ed;position:relative;overflow:hidden;isolation:isolate;min-height:165px}.home-welcome:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 45%,#92ecdf10 45.2%,transparent 45.5%),linear-gradient(#d0ede206 1px,transparent 1px),linear-gradient(90deg,#d0ede206 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}.home-welcome:after{content:"";position:absolute;width:460px;height:460px;right:-100px;top:-180px;border-radius:50%;background:radial-gradient(circle,#73dfcc26,transparent 63%);pointer-events:none;z-index:-1}.home-welcome .eyebrow{color:#b8ddd6}.home-welcome .page-heading>p{color:#d2e2d7}.home-welcome h1{font-size:clamp(1.7rem,2.5vw,2.3rem);line-height:1.5;margin:.35rem 0}.home-welcome h1 br{display:none}.welcome-photo{width:105px;height:105px;border:4px solid #cceadd;border-radius:50%;transform:none;box-shadow:0 0 0 8px #8bd1c714,0 0 0 17px #8bd1c70a}
.home-top{grid-template-columns:1.12fr 1fr;align-items:stretch}.continue-card{border:1px solid #b9d7ce;border-top:3px solid #b26b42;background:linear-gradient(135deg,#fffefa,#f3f8f3);box-shadow:0 6px 20px #244e4707}.continue-card .primary{background:linear-gradient(115deg,#21475f,#236863);border-color:#315e67;box-shadow:0 4px 15px #20444f12;position:relative;overflow:hidden}.course-label .threads-symbol{background:#e5f0e8}.home-top>.progress-panel{grid-column:1/-1;display:grid;grid-template-columns:1.2fr auto 1.6fr;gap:.2rem 1.5rem;align-items:center;background:#f9fcf6;border:1px solid #d2e3d6;padding:1rem 1.4rem}.home-top>.progress-panel>.eyebrow{grid-column:1;grid-row:1}.home-top>.progress-panel .progress-count{grid-column:2;grid-row:1/3;margin:0;white-space:nowrap}.home-top>.progress-panel .progress-count b{font-size:2.45rem}.home-top>.progress-panel>progress{grid-column:3;grid-row:1;margin:.4rem 0}.home-top>.progress-panel .progress-meta{grid-column:3;grid-row:2;margin:0;font-size:.75rem}.home-top>.progress-panel>.muted{grid-column:1;grid-row:2;font-size:.75rem}.stage-card{border-color:#d2e1d9;box-shadow:0 3px 12px #133f4403}.stage-number{background:#e6f1eb}.stage-card.cleared{box-shadow:inset 0 0 0 1px #b5dbb9}.reader-heading{background:radial-gradient(ellipse at 100% 0,#245a5c,transparent 80%),#122d42;border-bottom:3px solid #87bfae}.reader-brand{color:#d4e6dc}.reader-jumps{background:#eef5ee}.workbook{background:#f0f6ed;border-color:#d6e4cf}
.quest-portal{position:relative;overflow:hidden;isolation:isolate;padding:1.4rem 1.6rem;border-radius:18px;background:radial-gradient(ellipse at 80% 0,#266474 0,transparent 60%),linear-gradient(145deg,#102535,#162744);border:1px solid #588c98;color:#edf4ef;box-shadow:0 10px 30px #12334815;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.quest-portal>*{position:relative;z-index:1}.quest-portal:after{content:"";pointer-events:none;position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 45%,#b6ece911 50%,transparent 55%);transform:translateX(-35%);z-index:0}.quest-portal .quest-orbit{position:absolute;right:-100px;top:-70px;width:310px;height:310px;border:1px solid #80c9ce3a;border-top:2px solid #edcb8d80;border-bottom:1px dashed #89b5d659;border-radius:50%;pointer-events:none;z-index:0}.quest-brand{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:1rem}.quest-crest{width:76px;height:76px;object-fit:contain;flex-shrink:0}.quest-wordmark{width:min(230px,calc(100% - 88px));height:auto;object-fit:contain}.quest-portal .eyebrow{color:#b2ddd5;font-size:.75rem;letter-spacing:.03em}.quest-portal h2{font-size:1.25rem;line-height:1.65;color:#fff5da;margin:.55rem 0}.quest-portal p{font-size:.875rem;color:#d5e7e7;line-height:1.8;margin-bottom:.8rem}.quest-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.quest-tags span{font-size:.75rem;color:#d7e6e0;padding:.15rem .6rem;border:1px solid #63818b;border-radius:30px;background:#193b4d}.quest-start{background:#f2d39d;color:#173346;border-color:#ffe5b5;box-shadow:0 3px 16px #f9cf7d15;margin-top:auto;min-width:190px}.quest-start:hover:not(:disabled){background:#ffe5b8;color:#112d3e}
.ai-course-banner{display:grid;grid-template-columns:62px 1fr auto;gap:1.2rem;align-items:center;margin-top:1.2rem;padding:1.4rem;border:1px solid #c5d8db;border-radius:17px;background:linear-gradient(120deg,#f8fcf5,#eaf6f3);box-shadow:0 5px 24px #204a4207}.ai-course-banner h2{font-size:1.3rem;margin:.3rem 0;color:#164553}.ai-course-banner p{font-size:.875rem;color:var(--muted)}.ai-course-banner small{font-size:.75rem}.ai-emblem,.ai-mini{font-family:var(--sans);font-weight:700;letter-spacing:.04em}.ai-emblem{width:62px;height:62px;display:grid;place-items:center;font-size:1.45rem;border-radius:16px;color:#e2f9ed;background:linear-gradient(135deg,#205467,#2b7168);box-shadow:0 0 0 5px #d8ece5,0 0 0 6px #c2dcd4}.ai-mini{font-size:.875rem;border:1px solid #81b9ae;border-radius:7px;padding:.2rem .5rem;color:#caf3e5;margin-right:.3rem}.ai-course-banner .primary{font-size:.875rem;padding:.75rem 1rem}.ai-course-progress{display:flex;align-items:center;gap:1.5rem;padding:1.1rem 1.4rem;background:#eaf2e9;border:1px solid #d4e2d4;border-radius:12px;margin:0 0 1.5rem}.ai-course-progress>strong{font-size:1.7rem;white-space:nowrap;color:var(--ai)}.ai-course-progress progress{max-width:430px}.ai-course-progress small{font-weight:500}.ai-reader .reader-heading{background:radial-gradient(ellipse at 95% 0,#2b6662,transparent 70%),#133347}.ai-steps,.ai-checks{padding-left:1.4rem}.ai-steps li,.ai-checks li{margin:.65rem 0;line-height:1.9}.prompt-box{padding:1.3rem;border:1px solid #b8d8cc;border-radius:12px;background:#f0f7f1}.prompt-heading{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:.7rem}.prompt-heading h2{margin:0}.prompt-heading button{font-size:.8125rem;min-height:42px;padding:.5rem .8rem}.prompt-box>p{padding:1rem;background:white;border:1px solid #d6e5db;border-radius:8px}.ai-service-links{display:flex;gap:1.2rem;flex-wrap:wrap;margin:.8rem 0 .4rem;font-size:.875rem}.ai-service-links a{display:inline-flex;align-items:center;min-height:40px}.ai-reader .workbook textarea{font-weight:400}.dao-course-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.55rem .85rem;border:1px solid #8ab8aa;border-radius:8px;background:#f7fbf5;color:#164553;font-weight:700;text-decoration:none}.dao-course-link:hover{background:#e0f0e8}.dao-course-header-link{margin-top:.8rem;font-size:.875rem}.dao-route{margin:.9rem 0 0}.dao-route a{display:inline-flex;align-items:center;min-height:42px;padding:.55rem .85rem;border-radius:8px;background:#e0f0e8;color:#164553;font-weight:700;text-decoration:none}.dao-route a:hover{background:#cfe7dd}
@keyframes juku-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-28px,20px,0)}}@keyframes juku-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes juku-orbit{to{transform:rotate(360deg)}}@keyframes juku-light{0%,20%{transform:translateX(-45%)}75%,100%{transform:translateX(45%)}}
html[data-juku-motion=full] .juku-ambient:before,html[data-juku-motion=full] .home-welcome:after{animation:juku-drift 18s ease-in-out infinite}html[data-juku-motion=full] .quest-crest{animation:juku-float 6s ease-in-out infinite}html[data-juku-motion=full] .quest-orbit{animation:juku-orbit 34s linear infinite}html[data-juku-motion=full] .quest-portal:after{animation:juku-light 16s ease-in-out infinite}html[data-juku-hidden] .juku-ambient:before,html[data-juku-hidden] .home-welcome:after,html[data-juku-hidden] .quest-crest,html[data-juku-hidden] .quest-orbit,html[data-juku-hidden] .quest-portal:after{animation-play-state:paused!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html[data-juku-motion=full] .stage-card,html[data-juku-motion=full] .quick-links>a,html[data-juku-motion=full] .primary,html[data-juku-motion=full] .lesson-card{transition:transform .22s ease,box-shadow .22s ease,background .2s}html[data-juku-motion=full] .stage-card:hover,html[data-juku-motion=full] .quick-links>a:hover,html[data-juku-motion=full] .lesson-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #214b4210}html[data-juku-motion=full] .primary:hover{transform:translateY(-2px)}}
@media(max-width:1100px){.home-top{grid-template-columns:1fr 1fr}.quest-portal{padding:1.2rem}.quest-crest{width:62px;height:62px}.quest-wordmark{width:calc(100% - 74px)}.home-welcome h1 br{display:block}.home-top>.progress-panel{gap:.3rem 1rem}.ai-course-banner{grid-template-columns:50px 1fr;gap:1rem}.ai-emblem{width:50px;height:50px;font-size:1.2rem}.ai-course-banner .primary{grid-column:2;justify-self:start}.home-welcome{padding:1.3rem 1.5rem}}
@media(max-width:760px){.header-actions{gap:.5rem}.motion-toggle{padding:.4rem;width:44px;height:44px;flex-shrink:0}.motion-toggle [data-motion-label]{display:none}.desktop-label{display:none}.mobile-label{display:inline}.dao-link{min-width:65px;justify-content:center}.sidebar{background:#122f40}.sidebar nav a.nav-saved{display:none}.sidebar nav a{font-size:.75rem;min-width:0;min-height:55px}.sidebar nav a svg{width:20px}.home-welcome{padding:1.15rem 1.2rem;min-height:144px;gap:.9rem;border-radius:17px}.home-welcome h1{font-size:1.5rem}.home-welcome .eyebrow{font-size:.75rem}.home-welcome .page-heading>p{font-size:.75rem;line-height:1.7}.welcome-photo{width:76px;height:76px;border-width:3px;box-shadow:0 0 0 6px #8bd1c710}.home-top{grid-template-columns:1fr}.home-top>.progress-panel{grid-template-columns:1fr auto;gap:.25rem .8rem;padding:1rem 1.15rem}.home-top>.progress-panel>.eyebrow{grid-column:1;grid-row:1}.home-top>.progress-panel .progress-count{grid-column:2;grid-row:1/3}.home-top>.progress-panel .progress-count b{font-size:2.4rem}.home-top>.progress-panel>progress{grid-column:1;grid-row:2;margin:.4rem 0}.home-top>.progress-panel .progress-meta{grid-column:1/-1;grid-row:3;margin-top:.4rem}.home-top>.progress-panel>.muted{grid-column:1/-1;grid-row:4}.quest-portal{padding:1.2rem 1.35rem;border-radius:15px}.quest-brand{margin-bottom:.6rem}.quest-crest{width:64px;height:64px}.quest-wordmark{width:min(230px,calc(100% - 76px))}.quest-portal h2{font-size:1.2rem;margin:.4rem 0}.quest-portal p{margin-bottom:.6rem}.quest-tags{margin-bottom:.9rem}.quest-start{width:100%}.ai-course-banner{padding:1.25rem;grid-template-columns:42px 1fr;gap:.9rem;margin-top:1rem}.ai-emblem{width:42px;height:42px;font-size:1rem;border-radius:12px}.ai-course-banner .eyebrow{font-size:.75rem;letter-spacing:.05em}.ai-course-banner h2{font-size:1.15rem}.ai-course-banner p{font-size:.8125rem}.ai-course-banner .primary{grid-column:1/-1;justify-self:stretch}.ai-course-progress{padding:.8rem 1rem;gap:1rem}.ai-course-progress>strong{font-size:1.5rem}.ai-course-progress small{font-size:.75rem}.prompt-box{padding:1rem}.prompt-box>p{font-size:.9375rem}.auth-motion{right:1.1rem;top:1rem}.auth-story{padding-top:1.2rem}.juku-ambient:after{display:none}html[data-juku-motion=full] .juku-ambient:before{animation:none}.quest-orbit{opacity:.6}}
@media(max-width:370px){.topbar{gap:.5rem}.header-actions{gap:.35rem}.dao-link{min-width:50px;font-size:.75rem}.home-welcome h1{font-size:1.3rem}.home-welcome .page-heading>p{font-size:.75rem}.welcome-photo{width:64px;height:64px}.sidebar nav a{font-size:.75rem}.quest-portal .eyebrow{font-size:.75rem}.ai-course-banner{padding:1rem}.ai-course-banner h2{font-size:1rem}.auth-motion{right:.85rem}}
@media(prefers-reduced-motion:reduce){.juku-ambient:before,.home-welcome:after,.quest-crest,.quest-orbit,.quest-portal:after{animation:none!important}*{transition:none!important;scroll-behavior:auto!important}}

/* A small moving window onto real journeys; the lesson stays within reach. */
.cinematic-welcome{display:grid;grid-template-columns:1.04fr 1fr;gap:0;padding:0;min-height:272px;box-shadow:0 14px 35px #163f4411;border-color:#658f88}
.cinematic-welcome .page-heading{padding:1.65rem 1.8rem;position:relative;z-index:2}
.cinematic-welcome h1{font-size:clamp(1.65rem,2.3vw,2.25rem);line-height:1.6}.cinematic-welcome h1 br{display:block}
.cinematic-welcome .page-heading>p{font-size:.875rem;color:#d7e9df}.cinematic-welcome .eyebrow{font-size:.875rem;letter-spacing:.04em}
.cinematic-welcome:before{background:linear-gradient(110deg,transparent 12%,#a8efce0b 30%,transparent 55%);background-size:auto}.cinematic-welcome:after{right:35%;top:-150px;background:radial-gradient(circle,#92ebcb33,transparent 63%)}
.journey-reel{position:relative;isolation:isolate;min-width:0;overflow:hidden;background:#102d3c;color:#fffaf0;align-self:stretch}
.reel-window{position:relative;min-height:240px;height:100%;overflow:hidden;background:#102d3c}
.reel-frame{position:absolute;inset:0;margin:0;opacity:0;z-index:0;overflow:hidden;pointer-events:none}
.reel-frame[data-active]{opacity:1;z-index:1}.reel-photo,.reel-backdrop{width:100%;height:100%;object-fit:cover;object-position:50% 47%;display:block;max-width:none}
.reel-portrait .reel-photo{object-fit:contain;position:relative;z-index:1;object-position:68% 50%}.reel-backdrop{position:absolute;inset:0;filter:blur(20px);opacity:.4;transform:scale(1.15)}
.reel-frame:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#0c243b00 45%,#0c243b44 62%,#0b2432ed 100%);pointer-events:none}
.reel-frame figcaption{position:absolute;z-index:3;left:1.25rem;right:1.25rem;bottom:3.5rem;font-size:.875rem;color:#fffaf1;font-weight:600;line-height:1.6;text-shadow:0 1px 10px #071b27}
.reel-frame figcaption>span{display:block;font:500 .75rem/1.8 var(--sans);letter-spacing:.19em;color:#d3e8e1;margin-bottom:.15rem}
.reel-controls{position:absolute;z-index:4;bottom:.4rem;left:1.15rem;right:.9rem;display:flex;align-items:center;gap:.85rem}
.reel-count{font-size:.75rem;letter-spacing:.08em;color:#cadfd6;font-variant-numeric:tabular-nums;white-space:nowrap}.reel-count b{color:#fff3d7;font-weight:700;font-size:.875rem}
.reel-tabs{display:flex;gap:.2rem;align-items:center;margin-right:auto}.reel-tabs button{position:relative;min-width:44px;min-height:44px;border:0;background:transparent;color:#d4e6e3;padding:0 .4rem;border-radius:6px;font-size:.75rem;line-height:1}
.reel-tabs button>span{display:block;position:relative;z-index:1;font-variant-numeric:tabular-nums}.reel-tabs button>i{display:block;position:relative;margin:.45rem auto 0;height:2px;width:28px;background:#d8e9e44d;overflow:hidden;border-radius:3px}.reel-tabs button>i:after{content:"";position:absolute;inset:0;background:#f4d7a0;transform:scaleX(0);transform-origin:left center}
.reel-tabs button[aria-pressed=true]{color:#ffe5ae}.reel-tabs button[aria-pressed=true]>i:after{transform:scaleX(1)}.reel-tabs button:hover{background:#ccece91c!important}.journey-reel :focus-visible{outline:2px solid #ffe0a0;outline-offset:0}
.reel-pause{display:grid;place-items:center;background:#112e4280;border:1px solid #bfded438;border-radius:50%;width:44px;height:44px;min-width:44px;padding:.6rem;color:#fff2d5;flex-shrink:0}.reel-pause:hover:not(:disabled){background:#3b5c62}.reel-pause svg{width:20px;height:20px}.reel-pause .play-triangle{display:none}.reel-pause[aria-pressed=true] .pause-bars{display:none}.reel-pause[aria-pressed=true] .play-triangle{display:block}.reel-pause:disabled{opacity:.55}
.auth-story{padding-top:2rem;padding-bottom:2rem}.auth-story>.brand{margin-bottom:1.6rem}.auth-message h1{font-size:clamp(2rem,3.1vw,3.05rem);margin:.8rem 0}.auth-photo{padding:0;border:1px solid #8db5ab5e;border-radius:18px;transform:none;max-width:490px;box-shadow:0 15px 50px #061c3159;width:100%;overflow:hidden;margin:.4rem 0 1.3rem;flex-shrink:0}.auth-photo .reel-window{min-height:260px;height:clamp(260px,26vw,360px)}.auth-photo .reel-frame figcaption{text-align:left;padding:0}.auth-photo .journey-reel{border-radius:inherit}.auth-sign{font-size:.8125rem}.auth-main{background:radial-gradient(ellipse at 95% 8%,#9de9ce17,transparent 60%)}
.photo-depth{position:relative;overflow:hidden;aspect-ratio:2/1;background:#193a40}.photo-depth .dao-photo{height:100%;width:100%;aspect-ratio:auto;object-fit:cover;transform-origin:center;will-change:auto}
.continue-card,.quest-portal{position:relative;isolation:isolate}.continue-card{overflow:hidden}.continue-card>*{position:relative;z-index:1}
[data-spotlight]:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;background:radial-gradient(260px circle at var(--light-x,70%) var(--light-y,20%),#94dbbf40,transparent 75%)}.quest-portal:before{background:radial-gradient(270px circle at var(--light-x,70%) var(--light-y,20%),#82e9e333,transparent 75%)}
.quest-crest{width:88px;height:88px;filter:drop-shadow(0 6px 16px #77d9d62b)}.quest-wordmark{width:min(230px,calc(100% - 100px))}.quest-portal .quest-orbit{right:-85px;top:-60px;border-top-color:#f2d191a8;box-shadow:0 0 0 22px #7fc2cd06,0 0 0 23px #8cd6d314,0 0 0 48px #7fc2cd04,0 0 0 49px #8cd6d30b}
.ai-emblem{position:relative}.ai-emblem:after{content:"";position:absolute;inset:-8px;border:1px solid #42948366;border-radius:22px;pointer-events:none;opacity:0}
@keyframes juku-photo-breathe{from{transform:scale(1.015) translate3d(-.2%,0,0)}to{transform:scale(1.075) translate3d(.8%,-.8%,0)}}
@keyframes juku-photo-meter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes juku-emblem-ring{0%,100%{transform:scale(.96);opacity:.3}50%{transform:scale(1.11);opacity:.7}}
@keyframes juku-toast-in{from{opacity:0;transform:translate(-50%,9px)}to{opacity:1;transform:translate(-50%,0)}}
html[data-juku-motion=full] .reel-frame{transition:opacity 1.25s cubic-bezier(.2,.7,.2,1)}
html[data-juku-motion=full] .reel-frame[data-active] .reel-photo{animation:juku-photo-breathe 12s ease-in-out alternate infinite}
html[data-juku-motion=full] [data-reel-playing=true] .reel-tabs button[aria-pressed=true]>i:after{animation:juku-photo-meter 8s linear infinite}
html[data-juku-motion=full] [data-reel-playing=false] .reel-photo{animation-play-state:paused!important}
html[data-juku-motion=full] .photo-depth .dao-photo{transform:translate3d(0,var(--photo-shift,0px),0) scale(1.1)}
html[data-juku-motion=full] [data-spotlight]:before{transition:opacity .3s ease}html[data-juku-motion=full] [data-spotlight][data-pointer]:before{opacity:1}
html[data-juku-motion=full] .ai-emblem:after{animation:juku-emblem-ring 5s ease-in-out infinite}
html[data-juku-motion=full] .toast:not([hidden]){animation:juku-toast-in .28s ease-out}
html[data-juku-hidden] .reel-photo,html[data-juku-hidden] .reel-tabs i:after,html[data-juku-hidden] .ai-emblem:after{animation-play-state:paused!important}
[data-motion-visible=false] .quest-crest,[data-motion-visible=false] .quest-orbit,[data-motion-visible=false].quest-portal:after,[data-motion-visible=false].home-welcome:after,[data-motion-visible=false] .ai-emblem:after{animation-play-state:paused!important}
@media(max-width:1100px){.cinematic-welcome{grid-template-columns:1.05fr 1fr;min-height:260px}.cinematic-welcome .page-heading{padding:1.3rem}.cinematic-welcome h1{font-size:1.75rem}.cinematic-welcome .eyebrow{font-size:.8125rem}.reel-frame figcaption{left:1rem;right:.8rem;font-size:.8125rem}.reel-controls{left:.8rem;right:.65rem;gap:.5rem}.reel-count{display:none}.quest-crest{width:76px;height:76px}.quest-wordmark{width:calc(100% - 88px)}}
@media(max-width:760px){
 .cinematic-welcome{grid-template-columns:1fr;min-height:0;border-radius:18px}.cinematic-welcome .page-heading{padding:1rem 1.2rem .85rem}.cinematic-welcome h1{font-size:1.4rem;line-height:1.55;margin:.35rem 0}.cinematic-welcome h1 br{display:none}.cinematic-welcome .eyebrow{font-size:.8125rem}.cinematic-welcome .page-heading>p{font-size:.8125rem}
 .cinematic-welcome .journey-reel{height:198px;border-top:1px solid #a4caba28}.cinematic-welcome .reel-window{min-height:0;height:198px}.cinematic-welcome .reel-frame .reel-photo{object-position:50% 50%}.cinematic-welcome .reel-frame:first-child .reel-photo{object-position:50% 63%}.cinematic-welcome .reel-portrait .reel-photo{object-position:75% 50%}
 .reel-frame figcaption{font-size:.8125rem;bottom:3.55rem;left:1rem}.reel-frame figcaption>span{font-size:.75rem;letter-spacing:.16em}.reel-controls{left:.85rem;right:.75rem;gap:.6rem;bottom:.35rem}.reel-count{display:block}.reel-tabs button{min-width:44px}.reel-frame:after{background:linear-gradient(90deg,#0c263b38,transparent 65%),linear-gradient(180deg,transparent 30%,#0c263b40 50%,#0b2432ed)}
 .auth-story{display:grid;grid-template-columns:1fr 43%;gap:.7rem;align-items:center;padding:1.1rem 1.15rem 1rem}.auth-story>.brand{grid-column:1/-1;margin-bottom:.3rem;position:relative;z-index:2}.auth-message h1{font-size:1.3rem;line-height:1.6;margin:.3rem 0 0}.auth-message .eyebrow{font-size:.75rem}.auth-photo{grid-column:2;grid-row:2;width:100%;min-width:0;margin:0;border-radius:12px;max-width:none;align-self:stretch}.auth-photo .reel-window{height:142px;min-height:142px}.auth-photo .reel-frame figcaption{display:none}.auth-photo .reel-controls{left:.25rem;right:.25rem;bottom:0;gap:0}.auth-photo .reel-count{display:none}.auth-photo .reel-tabs{gap:0;margin:0;flex:1}.auth-photo .reel-tabs button{min-width:24px;min-height:44px;padding:0 .1rem;flex:1}.auth-photo .reel-tabs button>i{width:16px}.auth-photo .reel-pause{min-width:28px;width:28px;height:44px;border:0;border-radius:8px;background:transparent;padding:.35rem}.auth-photo .reel-pause svg{width:17px}.auth-photo .reel-frame .reel-photo{object-position:50% 50%}.auth-photo .reel-portrait .reel-photo{object-position:50% 50%}.auth-photo .reel-frame:after{background:linear-gradient(180deg,transparent 55%,#0b2432d9)}
 .quest-crest{width:82px;height:82px}.quest-wordmark{width:min(230px,calc(100% - 94px))}.continue-card .primary{justify-content:center}.ai-emblem:after{inset:-6px;border-radius:16px}
}
@media(max-width:370px){.cinematic-welcome .page-heading{padding:1rem}.cinematic-welcome h1{font-size:1.3rem}.cinematic-welcome .journey-reel,.cinematic-welcome .reel-window{height:185px}.auth-story{padding:1rem .85rem;grid-template-columns:1fr 44%;gap:.45rem}.auth-message h1{font-size:1.13rem}.auth-message .eyebrow{font-size:.75rem}.auth-photo .reel-tabs button{min-width:24px}.auth-photo .reel-pause{min-width:27px;width:27px}}
@media(prefers-reduced-motion:reduce){.reel-frame,.reel-photo,.reel-tabs i:after,.ai-emblem:after,.toast{animation:none!important;transition:none!important}.photo-depth .dao-photo{transform:none!important}}