/* Site 2: a cream canvas, five domain colors, and a live Omi guide. */
:root{--ink:#201e28;--paper:#faf5e9;--yellow:#ffdc4a;--line:#ded5c6}
html{scroll-behavior:smooth}body.experience{background:var(--paper);color:var(--ink)}[hidden]{display:none!important}button,a{touch-action:manipulation}.exp-nav{border:0;background:var(--paper);padding:24px 5vw}.exp-nav nav>a{font-size:15px}.exp-brand{letter-spacing:-1px}.exp-brand b{color:#ecad11}.exp-content{max-width:1180px;padding:38px 32px 80px}.eyebrow{color:#645b50}.home-new .domains-page{background:var(--paper);padding:16px 5vw 80px;min-height:0}.domains-heading p,html[data-theme=dark] .domains-heading p{color:#ffdc4a;-webkit-text-stroke:2px #201e28;paint-order:stroke fill;text-shadow:3px 4px 0 #201e28;font-size:clamp(56px,8.5vw,108px);letter-spacing:-3px;text-transform:none}.domains-heading{margin-bottom:12px}.domains-heading h2{display:none}
.motion-stage{position:relative;border-radius:26px;overflow:hidden;background:#fff;isolation:isolate}.motion-stage video{display:block;width:100%;max-height:560px;object-fit:contain}.motion-toggle{position:absolute;right:14px;bottom:14px;width:38px;height:38px;border:2px solid #201e28;border-radius:50%;background:#ffdc4a;color:#201e28;box-shadow:2px 2px 0 #201e28;z-index:2}.home-preview{max-width:1000px;margin:24px auto 30px;border:2px solid #201e28;box-shadow:6px 6px 0 #201e28}.home-preview video{max-height:510px}.toolbox-preview{max-width:760px;margin:24px auto}.shop-rainbow{max-width:800px;margin:24px auto 40px}.shop-rainbow video{max-height:330px}
.domain-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:26px auto 38px;max-width:1180px;border-radius:22px;scroll-margin-top:24px}.domain-choice{display:flex;flex-direction:column;position:relative;gap:18px;padding:22px 16px;border:2px solid #201e28;border-radius:20px;color:white;background:var(--choice);text-decoration:none;box-shadow:3px 4px 0 #201e28;transition:transform .18s}.domain-choice:nth-child(2){color:#201e28}.domain-choice>span{font-size:34px;line-height:1}.domain-choice strong{font-size:17px;line-height:1.2;font-weight:500}.domain-choice>b{position:absolute;right:13px;top:13px;font-size:19px}.domain-choice:hover{transform:translateY(-5px)}.omi-highlight{outline:3px dashed #d2a21c;outline-offset:10px}.home-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1180px;margin:54px auto 0}.home-actions a{display:flex;align-items:flex-start;flex-direction:column;gap:10px;text-decoration:none;color:#201e28;border-top:2px solid #201e28;padding:22px 8px}.home-actions a>span{display:grid;place-items:center;width:48px;height:48px;border:2px solid #201e28;border-radius:15px;background:#ffdc4a;font-size:24px;box-shadow:3px 3px 0 #201e28;margin-bottom:8px}.home-actions a strong{font-size:22px}.home-actions small{font-size:15px;color:#6b6255}.home-actions a:hover>span{transform:rotate(-8deg)}
/* Omi is a native SVG character, independent of video frames. */
.lumi-avatar.omi-avatar{display:block;width:105px;height:123px;background:none!important;border-radius:0;filter:drop-shadow(0 5px 6px #9f665522);flex-shrink:0}.omi-avatar svg{width:100%;height:100%;display:block;overflow:visible}.omi-touch{padding:0;background:none;border:0;flex-shrink:0;border-radius:40%;cursor:pointer}.omi-touch:hover .omi-body,.omi-active .omi-body{transform:rotate(-8deg) translateY(-3px);transform-origin:60px 90px}.omi-crown{animation:crown-bob 3.2s ease-in-out infinite;transform-origin:60px 52px}.omi-eyes{animation:omi-blink 5s infinite;transform-origin:60px 86px}.omi-body{transition:transform .25s}.lumi-message{max-width:820px;gap:12px;margin:10px auto 28px}.lumi-message .lumi-avatar{animation:lumi-float 4s ease-in-out infinite}.lumi-bubble{background:#fffdf7;border:2px solid #201e28;box-shadow:4px 4px 0 #e4d6b8;border-radius:23px;padding:18px 24px}.lumi-bubble small{color:#7b6225;font-size:11px;letter-spacing:.14em}.lumi-bubble p{font-size:clamp(16px,1.8vw,21px);line-height:1.4;margin:6px 0}.domain-omi{margin:-6px 0 30px;position:relative;z-index:2}.domain-art{background:var(--soft);padding:0 5vw}.domain-art>img{max-height:390px;width:100%;object-fit:contain}.domain-art .motion-stage{max-width:1180px;margin:auto;border-radius:0;background:transparent}.domain-art video{max-height:420px}.domain-flow{padding-top:12px}.flow-heading{font-size:clamp(30px,4.5vw,54px)!important;margin:10px 0 25px!important}.phase-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.phase-pill{border:2px solid #201e28;box-shadow:3px 4px 0 #201e28;border-radius:30px;padding:14px 22px;color:#201e28;font-size:17px}.phase-yellow{background:#ffdc4a}.phase-coral{background:#ff9f91}.phase-green{background:#a9d8b2}.phase-pill[aria-expanded=true]{box-shadow:none;transform:translate(2px,3px)}.flow-section{padding:26px 0 42px;scroll-margin-top:22px;border-top:1px solid #ddd4c4}.section-title{gap:14px;margin:14px 0 24px}.section-title h2{font-size:clamp(26px,3vw,36px)}.section-title>span{height:34px;width:34px;background:#ffdc4a;color:#201e28}.problem-tiles{gap:15px;margin:24px 0 28px;max-width:880px}.problem-tile{border:2px solid #201e28;box-shadow:3px 4px 0 #201e28;border-radius:19px;padding-bottom:15px;background:#fffdf7}.problem-tile img{height:115px;object-fit:contain;aspect-ratio:auto;background:#fff}.problem-tile>span{font-size:19px;padding:13px 13px 6px}.problem-tile small{padding:0 13px;font-size:13px}.path-grid{gap:16px;margin-bottom:28px}.path-card{border:2px solid #201e28;box-shadow:3px 4px 0 #201e28;background:#fff1b2}.path-card:nth-child(2){background:#ffd7c9}.path-card:nth-child(3){background:#e5d6ff}.path-card:nth-child(4){background:#d3eecf}.path-card,.path-card p{color:#201e28}.path-card i{background:#ffffff80;color:#201e28;border:1px solid #201e28}.benefit-story{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}.benefit-story article{background:#ffe9aa;padding:25px;border-radius:24px;border:2px solid #201e28;color:#201e28}.benefit-story article:nth-child(2){background:#ffd9cd}.benefit-story article:nth-child(3){background:#dfd3f2}.benefit-story span{font-size:13px}.benefit-story h3{font-size:24px;margin:18px 0 12px}.benefit-story p{font-size:16px}.benefit-grid>div{background:#fffdf7;border:2px solid #201e28;color:#201e28}.benefit-grid>div:nth-child(2){background:#ffdf88}.benefit-grid>div:nth-child(3){background:#f3bdcc}.benefit-grid>div:nth-child(4){background:#a8d9be}.benefit-grid i{color:#201e28}.solid-button{background:#ffdc4a;border-color:#201e28;color:#201e28;box-shadow:3px 3px 0 #201e28}
.tool-grid{gap:18px}.tool-tile{flex-direction:column;align-items:flex-start;position:relative;min-height:215px;border:2px solid #201e28;box-shadow:4px 4px 0 #201e28;background:#fffdf7;padding:24px}.tool-tile i{border-radius:19px;width:65px;height:65px;background:var(--tool-color);color:#201e28;border:2px solid #201e28;font-size:34px}.tool-tile:nth-child(1) i{color:white}.tool-tile>span{position:absolute;right:20px;top:20px}.tool-tile:hover{border-color:#201e28;transform:translateY(-4px)}.tool-tile h2{font-size:23px}.tool-tile p{font-size:16px}.toolbox-new>.domain-choices{margin-bottom:45px}.shop-live-hero{background:var(--paper);color:var(--ink);min-height:380px;padding:28px 5vw;border-bottom:8px solid var(--shop-color)}.shop-live-hero .motion-stage{border:2px solid #201e28}.shop-live-hero video{max-height:450px}.shop-domain-symbol{display:grid;place-items:center;aspect-ratio:1.3;max-height:350px;border:2px solid #201e28;border-radius:45px;background:var(--shop-color);color:#fff;font-size:130px;box-shadow:6px 6px 0 #201e28}.calendar-shop{background:#f5e8cd;border:2px solid #201e28;border-radius:22px}.calendar-shop h2{font-size:27px}
body[data-page=profil]{--paper:#f6f0e4;background:#f6f0e4}.profile-page .level-pill{background:#f2e5cb}.profile-page .profile-stats article{background:#fffaf0;border-color:#ded0b7}.profile-page .badge.earned{background:#f3e8d1;border-color:#b59865}.profile-page .profile-intro{padding:20px 0}.profile-page .profile-intro h1{font-size:clamp(30px,4vw,51px)}.profile-page .mission-panel{background:#eee5d8}.lumi-profile{height:46px;right:18px;bottom:18px;border-width:2px;padding:8px 15px;background:#fffaf0;box-shadow:3px 3px 0 #201e28}.lumi-profile .omi-avatar{display:none}.lumi-profile span:last-child{flex-direction:row;align-items:center;gap:10px;font-size:14px}.lumi-profile strong{font-size:16px}.omi-floating{right:20px;bottom:82px;width:70px;height:82px;background:none;border:0;box-shadow:none;padding:0}.omi-floating .omi-avatar{width:70px;height:82px}.lumi-help{bottom:175px;right:20px;border:2px solid #201e28;background:#fffdf7;box-shadow:4px 4px 0 #201e28}.lumi-help .solid-button{font-size:14px}.cart-toggle{bottom:190px}
@keyframes crown-bob{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(5deg) translateY(-4px)}}@keyframes omi-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}
html[data-theme=dark] .home-new .domains-page{background:var(--paper)}html[data-theme=dark] .experience{--paper:#1c1b24;--ink:#f5efe3;--line:#49434d}html[data-theme=dark] .domain-art{background:#242431}html[data-theme=dark] .shop-live-hero{background:#1c1b24}html[data-theme=dark] .tool-tile{background:#292733;border-color:#706777}html[data-theme=dark] .path-card,html[data-theme=dark] .path-card p{color:#201e28}html[data-theme=dark] .path-card{background:#f4d783}html[data-theme=dark] .path-card:nth-child(2){background:#e6ac98}html[data-theme=dark] .path-card:nth-child(3){background:#c4a9eb}html[data-theme=dark] .path-card:nth-child(4){background:#a8c9a3}html[data-theme=dark] .home-actions a{color:#f5efe3;border-color:#79717e}html[data-theme=dark] .home-actions small{color:#c6bdae}html[data-theme=dark] .home-actions a>span{color:#201e28}html[data-theme=dark] body[data-page=profil]{background:#201e24}html[data-theme=dark] .profile-page .profile-stats article{background:#302c31;color:#f5efe3}html[data-theme=dark] .profile-page .mission-panel{background:#302c31}html[data-theme=dark] .profile-page .level-pill{color:#201e28}html[data-theme=dark] .omi-floating{background:none;border:0}html[data-theme=dark] .eyebrow{color:#bdb19d}
@media(max-width:800px){.domain-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.domain-choice{padding:16px 14px}.home-actions{grid-template-columns:repeat(2,1fr)}.benefit-story{grid-template-columns:1fr}.shop-live-hero{grid-template-columns:1fr}.shop-domain-symbol{display:none}.path-grid{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.exp-nav{padding:18px;gap:12px}.exp-nav nav{gap:13px}.exp-content{padding:24px 18px 90px}.home-new .domains-page{padding:8px 18px 80px}.domain-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-choice:last-child{grid-column:1/-1;flex-direction:row;align-items:center}.domain-choice strong{font-size:15px}.domain-choice>span{font-size:27px}.lumi-avatar.omi-avatar{width:74px;height:90px}.lumi-message{gap:7px}.lumi-bubble{padding:12px 15px}.lumi-bubble p{font-size:16px}.domains-heading p{font-size:64px}.home-preview{border-radius:16px}.domain-art{padding:0}.domain-art>img{max-height:300px}.phase-pill{font-size:14px;padding:12px 16px}.problem-tiles{grid-template-columns:repeat(2,1fr);gap:12px}.problem-tile img{height:95px}.problem-tile>span{font-size:17px}.path-grid,.tool-grid{grid-template-columns:1fr}.tool-tile{min-height:155px;flex-direction:row;align-items:center;padding:22px 17px}.tool-tile i{width:50px;height:50px}.tool-tile h2{font-size:21px}.tool-tile p{font-size:14px}.home-actions{gap:12px;margin-top:30px}.home-actions strong{font-size:19px}.motion-toggle{width:34px;height:34px}.omi-floating .omi-avatar{width:60px;height:72px}.omi-floating{right:10px}.lumi-profile{right:12px}.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.omi-crown,.omi-eyes,.lumi-message .lumi-avatar{animation:none!important}.omi-active .omi-body{transform:none}}
.home-video-link{position:absolute;z-index:1;display:block;border:3px solid transparent;border-radius:16px;text-decoration:none;color:white;width:50%;height:44%}.video-sleep{left:0;top:9%}.video-nutrition{left:50%;top:9%}.video-power{left:0;top:53%}.video-mental{left:50%;top:53%}.home-video-link:hover,.home-video-link:focus-visible{border-color:#ffdc4a;background:#ffdc4a18}.home-video-link span{position:absolute;left:10px;bottom:10px;background:#201e28;border-radius:20px;padding:7px 12px;font-size:13px;opacity:0}.home-video-link:hover span,.home-video-link:focus-visible span{opacity:1}
/* Restored Earth entrance; a separate five-pillar introduction. */
.earth-home .earth-hero{height:100svh;min-height:520px}.earth-home .earth-hero>video{max-height:none}.earth-home .hero-brand{font-family:Fredoka,system-ui,sans-serif}.earth-home .title-block{z-index:2}.earth-home .title-block :is(h1,h2){font-size:clamp(42px,7vw,106px);color:white;margin:0;line-height:.95}.earth-home .domains-page{background:#fffaf0;padding:56px max(18px,4vw) 80px}.earth-home .domains-heading p{font-size:clamp(56px,8vw,110px)}.pillar-board{position:relative;max-width:1180px;margin:30px auto;line-height:0;border-radius:26px}.pillar-board>img{width:100%;height:auto;display:block;border-radius:26px}.pillar-hit{position:absolute;border:3px solid transparent;border-radius:26px}.pillar-hit:hover,.pillar-hit:focus-visible{border-color:#ffdc4a;box-shadow:0 0 0 4px #201e28;outline:0}.pillar-sleep{left:3.2%;top:2.6%;width:93.6%;height:36.2%}.pillar-mental{left:3.2%;top:40.2%;width:46.4%;height:27%}.pillar-routine{left:50.5%;top:40.2%;width:46.4%;height:27%}.pillar-nutrition{left:3.2%;top:68%;width:46.4%;height:28.2%}.pillar-power{left:50.5%;top:68%;width:46.4%;height:28.2%}.pillar-title{font-size:clamp(30px,4vw,52px)!important;margin-top:40px!important}.test-presentation{margin:50px 0}.test-presentation summary{cursor:pointer;font-size:18px;padding:15px 0}
/* Lumi uses the user-approved character, not a replacement drawing. */
.lumi-avatar.lumi-approved{position:relative;width:78px;height:102px;background:none!important;border-radius:0;filter:none;flex-shrink:0;overflow:visible}.lumi-approved-face,.lumi-approved-crown{display:block;position:absolute;left:0;width:78px;background-image:url('assets/lumi-approved.png');background-repeat:no-repeat;background-size:623px 133px}.lumi-approved-crown{top:0;height:39px;background-position:-12px -16px;transform-origin:39px 36px;animation:crown-bob 3s ease-in-out infinite}.lumi-approved-face{top:32px;height:65px;background-position:-12px -48px}.lumi-message{gap:14px;max-width:820px}.lumi-bubble.lumi-talk{display:block;text-align:left;border:2px solid #201b47;border-radius:20px;background:#fff;color:#201b47;padding:14px 20px;box-shadow:0 4px 0 #201b47;cursor:pointer;flex:1;min-width:0}.lumi-talk p{font-size:16px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0 0}.lumi-talk:focus-visible p,.lumi-talk:hover p{-webkit-line-clamp:unset}.lumi-talk small{color:#201b47;font-size:10px}.lumi-happy .lumi-avatar,.omi-active .lumi-avatar{animation:lumi-joy .5s ease-in-out 2}.omi-floating{width:70px;height:92px}.omi-floating .lumi-approved{transform:scale(.78);transform-origin:bottom right}.profile-intro .lumi-approved{transform:scale(1.2);margin:12px}.lumi-message .omi-touch{background:none;border:0}.domain-cover{position:relative;padding:0;background:var(--accent);overflow:hidden}.domain-cover .exp-nav{position:relative;z-index:4;background:var(--accent);color:white;border:0;padding:24px 5vw}.domain-cover .exp-nav :is(a,.exp-brand){color:white}.domain-cover .exp-brand b{color:#ffdf49}.domain-cover>img{width:100%;height:400px;max-height:none;object-fit:cover;object-position:center 62%;margin-top:-30px;clip-path:inset(38px 0 0)}.domain-cover .motion-stage{background:var(--accent);max-width:100%}.domain-cover .motion-stage video{max-height:470px}.domain-cover::after{content:'🦋';position:absolute;right:5%;bottom:22px;font-size:32px;filter:drop-shadow(0 2px 3px #003c9455);pointer-events:none}.domain-flow .phase-nav{margin-bottom:22px}.flow-section{padding:48px 0;scroll-margin-top:20px}.problem-introduction{max-width:820px;font-size:20px;line-height:1.55;margin:10px 0 18px}.source-link{color:inherit;font-size:13px}.problem-tiles{max-width:100%;gap:18px}.problem-tile{background:#fffdf8!important;color:#201b47!important;border-color:#d6c9b3;box-shadow:0 7px 16px #5a361410}.problem-tile:nth-child(2){background:#f9efda!important}.problem-tile:nth-child(3){background:#edf5f3!important}.problem-tile:nth-child(4){background:#f4edfc!important}.problem-tile img{height:140px;background:transparent;mix-blend-mode:multiply}.problem-tile small{color:#5a5372}.challenge-feature{display:grid;grid-template-columns:1fr 1fr;gap:34px;border:1px solid #edce99;background:#fffaf0;border-radius:30px;padding:38px;margin-bottom:46px;color:#201b29;box-shadow:0 10px 30px #9c6d1610}.challenge-feature h2{font-size:clamp(30px,4vw,52px);max-width:440px;text-transform:uppercase}.challenge-today{padding:26px;background:white;border:1px solid #eee0c9;border-radius:24px}.challenge-today h3{font-size:27px}.challenge-today>a{display:block;background:#201b29;color:white;border-radius:13px;padding:14px;text-align:center;text-decoration:none;margin-top:22px}.challenge-today progress::-webkit-progress-value{background:var(--accent)}.challenge-feature .solid-button{background:var(--accent);color:white;box-shadow:none;border-color:var(--accent)}.shop-live-hero{background:linear-gradient(135deg,var(--shop-color),#fff4dc 190%);border:0;border-radius:0 0 35px 35px;color:white}.shop-live-hero .shop-live-copy{padding:20px 0}.shop-live-hero .shop-domain-symbol{box-shadow:none;border-color:#ffffff70}.shop-live-hero .solid-button{background:#fffaf0;color:#201b29}
html[data-theme=dark] .earth-home .domains-page{background:#1c1b24}html[data-theme=dark] .domain-cover,html[data-theme=dark] .domain-cover .exp-nav{background:var(--accent)}html[data-theme=dark] .challenge-feature{background:#292633;color:#fff6e5;border-color:#675742}html[data-theme=dark] .challenge-today{background:#373140;border-color:#675742}html[data-theme=dark] .lumi-talk{background:#fff;color:#201b47;border-color:#201b47}html[data-theme=dark] .problem-tile small{color:#5a5372}.challenge-feature .eyebrow{color:inherit}
@keyframes lumi-joy{50%{transform:translateY(-7px) rotate(5deg)}}
@media(max-width:700px){.domain-cover>img{height:260px;margin-top:0;clip-path:inset(25px 0 0);object-position:55% center}.domain-cover .exp-nav{padding:18px;gap:14px}.domain-cover .exp-nav nav{gap:12px}.challenge-feature{grid-template-columns:1fr;padding:24px;gap:16px}.challenge-feature h2{font-size:35px}.problem-tile img{height:112px}.problem-introduction{font-size:17px}.pillar-board,.pillar-board>img{border-radius:12px}.pillar-hit{border-radius:12px}.earth-home .title-block{bottom:50px}.lumi-avatar.lumi-approved{width:78px;height:102px}.lumi-talk p{font-size:14px}.lumi-bubble.lumi-talk{padding:12px 14px}.domain-cover::after{font-size:24px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.lumi-approved-crown,.lumi-happy .lumi-avatar,.omi-active .lumi-avatar{animation:none!important}}
/* Navigation sits directly on the domain illustration. */
.domain-cover .exp-nav{position:absolute;inset:0 0 auto;background:linear-gradient(#12324c55,transparent)!important;text-shadow:0 1px 4px #0005}.domain-cover>img{height:470px;margin-top:0;clip-path:none;object-position:center 62%}.domain-cover .motion-stage{padding-top:80px}.lumi-profile .lumi-approved{display:none}.lumi-approved-face,.lumi-approved-crown{mix-blend-mode:multiply}html[data-theme=dark] .lumi-approved{background:#fffaf0;border-radius:45%;}html[data-theme=dark] .lumi-approved-face,html[data-theme=dark] .lumi-approved-crown{mix-blend-mode:normal}
@media(max-width:700px){.domain-cover>img{height:340px;object-position:center}.domain-cover .exp-nav{padding:15px;gap:10px}.domain-cover .exp-nav nav{gap:10px}.domain-cover .motion-stage{padding-top:105px}}
.domain-cover>img{height:540px;margin-top:-70px;object-position:center bottom;clip-path:inset(70px 0 0)}.lumi-approved{mix-blend-mode:multiply}html[data-theme=dark] .lumi-approved{mix-blend-mode:normal}
@media(max-width:700px){.domain-cover>img{height:410px;margin-top:-70px;object-position:center bottom;clip-path:inset(70px 0 0)}}
body[data-domain=mental] .domain-cover .motion-stage{height:clamp(300px,48vw,540px);padding-top:80px;overflow:hidden;background:#ffaf28}body[data-domain=mental] .domain-cover video{width:100%;max-width:900px;height:auto;max-height:none;margin:auto}body[data-domain=mental] .domain-cover::after{display:none}body[data-domain=mental] .domain-cover .motion-toggle{bottom:14px}@media(max-width:700px){body[data-domain=mental] .domain-cover .motion-stage{padding-top:100px;height:320px}}