@font-face{font-family:'Patrick Hand';src:url('/assets/PatrickHand-Regular.woff2') format('woff2');font-display:swap}@font-face{font-family:Figtree;src:url('/assets/Figtree.woff2') format('woff2');font-weight:300 900;font-display:swap}
:root{--ink:#2a3160;--accent:#89452e;--sky:#b9e5f8;--paper:#fff;--line:rgba(42,49,96,.2);--gutter:clamp(24px,6vw,110px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#e8f6fd;font:400 17px/1.65 Figtree,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Patrick Hand',cursive;font-weight:400;line-height:1.05}h1{font-size:clamp(70px,7.5vw,116px);letter-spacing:-.025em}h2{font-size:clamp(46px,4.7vw,76px);letter-spacing:-.015em}h3{font-size:38px}em{font-style:normal;color:var(--accent)}p{max-width:58ch}strong{font-weight:650}button{border:0}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;line-height:1.6;margin-bottom:24px}.micro{font-size:12px;line-height:1.6}.intro{font-size:19px;line-height:1.6}.site-header{position:fixed;inset:0 0 auto;z-index:50;padding:17px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:28px;background:#d6effbde;border-bottom:1px solid #2a316014;backdrop-filter:blur(12px)}.brand{font:34px/1 'Patrick Hand',cursive;text-decoration:none;display:flex;align-items:center;gap:10px}.brand img{width:37px;height:37px;border-radius:10px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--accent)}.site-header .nav-cta{background:var(--ink);color:#fff;padding:10px 19px;border-radius:24px}.nav-cta span{margin-left:15px}.menu-toggle{display:none}.skip-link{position:fixed;z-index:100;top:10px;left:10px;background:#fff;padding:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.scene{height:100svh;min-height:700px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(#b9e5f8,#cdedfb 34%,#ddf3fd 68%,#e8f6fd)}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:100px var(--gutter) 70px;gap:30px}.hero-copy{position:relative;z-index:3}.hero-copy .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:var(--accent);border-radius:100%;display:inline-block}.hero .intro{margin:25px 0 28px}.store-badges{display:flex;align-items:center;gap:13px}.store-badges a{display:block;transition:transform .2s}.store-badges a:hover{transform:translateY(-3px)}.store-badges img{height:44px;width:auto}.hero-copy .micro{margin-top:16px}.hero-visual{position:relative;align-self:center;display:flex;flex-direction:column;align-items:center;z-index:2}.hero-ember{width:min(40vw,560px);filter:drop-shadow(0 16px 13px #2a316012)}.art-note{font:22px 'Patrick Hand',cursive;display:block;text-align:center}.hero-visual .art-note{margin-top:-10px}.cloud,.distant-islands{position:absolute;z-index:-1;pointer-events:none}.cloud-one{width:300px;top:17%;right:-65px;opacity:.65}.cloud-two{width:220px;top:14%;left:42%;opacity:.45}.distant-islands{width:100%;height:90%;object-fit:cover;left:0;top:8%;opacity:.38}.hero-island{position:absolute;width:130px;left:48%;bottom:4%;opacity:.55;z-index:-1}.scroll-cue{position:absolute;left:var(--gutter);bottom:30px;font-size:12px;text-decoration:none;display:flex;gap:15px;align-items:center}.scroll-cue>span{font-size:24px}.scene-number{position:absolute;bottom:35px;right:var(--gutter);font-size:11px;letter-spacing:.2em;font-weight:650}.chapter{position:relative;height:300svh}.snap-marker{position:absolute;left:0;width:1px;height:1px;pointer-events:none}.sticky-scene{position:sticky;top:0;padding:110px var(--gutter) 70px}.hatch-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.chapter-copy>p:not(.eyebrow){margin-top:24px}.steps{padding:0;list-style:none;display:flex;gap:16px;margin:30px 0 0;counter-reset:steps}.steps li{font-size:12px;font-weight:600;display:flex;gap:8px;align-items:center}.steps li:before{counter-increment:steps;content:counter(steps);border:1px solid var(--line);width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.scroll-note{font-size:12px}.hatch-art{position:relative;height:540px;max-width:540px;width:100%;margin:auto}.hatch-frames{position:absolute;top:0;left:0;width:100%;height:75%;z-index:2}.hatch-frame,.hatch-baby{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden;opacity:0}.frame-0{visibility:visible;opacity:1}.hatch-island{position:absolute;bottom:-12%;width:100%;height:72%;object-fit:contain;opacity:.7}.hatch-caption{position:absolute;bottom:-8%;width:100%}.section-heading{text-align:center;position:relative;z-index:2}.section-heading>p:last-child{margin:20px auto 0}.tier-scene,.growth-scene{display:flex;flex-direction:column;align-items:center}.tier-scene{background:linear-gradient(#f8ddcf,#c8e9fa)}.tier-showcase{height:min(41vh,390px);width:100%;position:relative;flex:1;min-height:180px}.tier-art{position:absolute;inset:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden}.tier-art:first-child{opacity:1;visibility:visible}.tier-art img{height:calc(100% - 48px);width:auto;object-fit:contain}.tier-art figcaption{display:flex;align-items:baseline;gap:12px;font-size:12px}.tier-art figcaption span{font:32px 'Patrick Hand',cursive}.tier-track{display:flex;justify-content:space-between;width:min(850px,100%);position:relative;margin:24px 0 18px}.tier-track:before{content:'';height:1px;position:absolute;top:7px;left:10%;right:10%;background:var(--line)}.tier-track button{position:relative;background:transparent;padding:0 12px;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:5px}.tier-dot{display:block;border:1px solid var(--ink);background:#e8f6fd;width:14px;height:14px;border-radius:50%;margin-bottom:8px}.tier-track button[aria-pressed=true] .tier-dot{background:var(--ink)}.tier-track button small{font-size:11px}.species-islands{display:grid;grid-template-columns:repeat(4,1fr);width:100%;align-items:center;flex:1;gap:30px;margin-top:25px}.species-art{position:relative;aspect-ratio:1/1.1}.biome{position:absolute;bottom:0;height:65%;width:100%;object-fit:contain}.growth-dragon{position:absolute;top:0;left:3%;width:94%;height:65%;object-fit:contain;visibility:hidden;opacity:0}.age-0{opacity:1;visibility:visible}.species figcaption{text-align:center;line-height:1.5}.species figcaption strong{display:block;font:30px 'Patrick Hand',cursive}.species figcaption span{font-size:12px}.age-track{display:flex;gap:50px;font:24px 'Patrick Hand',cursive;margin:25px 0 12px}.age-track span{opacity:.5}.age-track span:first-child{opacity:1}.information{position:relative;background:#f6fbfe}.section{padding:110px var(--gutter);scroll-margin-top:0}.features{border-top:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}.paper{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 0 #2a316007}.feature{padding:30px;overflow:hidden}.feature .index{font-size:10px;font-weight:750;letter-spacing:.1em}.feature h3{margin:24px 0 18px}.feature p{font-size:14px;line-height:1.7}.birth-record{border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;margin-top:30px;padding-top:20px}.birth-record img{width:90px}.birth-record strong,.birth-record span,.birth-record small{display:block;font-size:11px}.birth-record small{font-size:9px;margin-top:5px}.sample-chart{display:flex;align-items:flex-end;height:100px;gap:10px;margin:30px 0 5px}.sample-chart span{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;font-size:10px}.sample-chart span:before{content:'';display:block;background:#b9e5f8;border:1px solid #2a316080;border-radius:6px 6px 0 0;height:var(--bar);margin-bottom:5px}.feature>small{font-size:10px}.stopwatch-art{padding:20px 0 0;display:flex;flex-direction:column;align-items:center}.stopwatch-art>span:first-child{font-size:44px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.stopwatch-art small{font-size:11px}.hand-line{font-size:48px;line-height:1}.principles{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;background:#ddf3fd;border-block:1px solid var(--line)}.principles h2+p{margin:25px 0;font-size:15px}.text-link{font-weight:600;font-size:13px}.text-link span{margin-left:20px}.principle-list{padding:0;margin:0;list-style:none;align-self:center}.principle-list li{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.principle-list li:first-child{padding-top:0}.principle-list li:last-child{border:0}.principle-list>li>span{font-size:22px}.principle-list p{font-size:13px;margin-top:5px}.atlas-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.atlas-heading>p{font-size:14px}.atlas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}.dragon-card{padding:20px 24px 26px}.card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.05em}.dragon-card img{height:190px;width:100%;object-fit:contain;margin:12px 0}.dragon-card h3{font-size:32px;margin-bottom:12px}.dragon-card p{font-size:12px;line-height:1.7}.atlas-caption{margin-top:25px}.timer-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:linear-gradient(#cdeffb,#e8f6fd);border-block:1px solid var(--line)}.timer-section h2+p{font-size:14px;margin:25px 0}.timer-section form{max-width:380px}.timer-section label:not(.sound-option){display:block;font-size:12px;font-weight:650;margin:15px 0 7px}.timer-section select,.timer-section input[type=number]{width:100%;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}.button{background:var(--ink);color:#fff;border-radius:28px;padding:12px 25px;display:inline-block;text-decoration:none;font-size:14px;font-weight:600;line-height:1.5}.button:hover{background:#171b38}.button.secondary{border:1px solid var(--ink);color:var(--ink);background:transparent}.timer-actions{display:flex;gap:12px;margin:18px 0}.sound-option{font-size:12px;display:flex;align-items:center;gap:8px}.timer-section #timer-status{font-size:12px;margin-top:15px}.timer-island{position:relative;align-self:center;display:flex;flex-direction:column;align-items:center}.timer-egg{width:390px;transform-origin:center 70%}.timer-island.warming .timer-egg{animation:warm 5s ease-in-out infinite}.timer-island.warming{--warmth:.5}.timer-egg{filter:sepia(calc(var(--warmth,0)*.25)) saturate(calc(1 + var(--warmth,0)*.3))}.timer-hatch{width:390px;height:390px;position:relative}.timer-frame,.timer-baby{position:absolute;inset:0;opacity:0;visibility:hidden;width:100%;height:100%;object-fit:contain}.timer-frame-0{visibility:visible;opacity:1}#timer-display{font-size:68px;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1.2;margin-top:15px}@keyframes warm{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq-section h2+p{margin-top:22px;font-size:14px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-weight:600;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;line-height:1;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;padding:0 26px 22px 0}.download-section{position:relative;isolation:isolate;padding:100px var(--gutter);display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;background:linear-gradient(#b9e5f8,#e8f6fd);overflow:hidden}.download-ember{width:430px;justify-self:center}.download-section h2+p{margin:22px 0}.download-section .micro{margin-top:15px}.download-clouds{position:absolute;bottom:0;width:100%;z-index:-1;opacity:.5}.site-header~main .document{min-height:80vh}footer{padding:45px var(--gutter);display:flex;gap:30px;align-items:center;border-top:1px solid var(--line)}footer .brand{font-size:30px}footer p,footer small{font-size:12px}footer nav{display:flex;gap:25px;font-size:12px;margin-left:auto}.document{max-width:950px;margin:auto;padding-top:160px}.document h1{font-size:80px;margin-bottom:25px}.document h2{font-size:38px;margin:40px 0 15px}.document p{margin-bottom:20px;font-size:16px;max-width:none}.document .intro{font-size:22px}.support-card{padding:5px 30px 20px;margin:35px 0}.document .address-note{font-size:13px}.not-found{min-height:85svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:150px}.not-found h1{font-size:90px}.not-found p{margin:25px 0}.lost-dragon{width:450px}.noscript-note{padding:20px;text-align:center;background:#fff;font-size:13px}[hidden]{display:none!important}
@media(min-width:1600px){.hero{padding-inline:max(var(--gutter),calc((100vw - 1450px)/2))}.section{padding-inline:max(var(--gutter),calc((100vw - 1350px)/2))}}
@media(max-width:1100px){.site-header nav{gap:18px}.feature{padding:23px}.principles{gap:50px}.atlas-grid{grid-template-columns:repeat(3,1fr)}.species-islands{gap:15px}.site-header nav{font-size:12px}}
@media(max-width:1023px){.desktop-only{display:none!important}.atlas-grid{grid-template-columns:repeat(3,1fr)}.dragon-card{padding:15px}.hero{gap:0}.hero h1{font-size:80px}.hero .intro{font-size:16px}.store-badges{gap:10px}.store-badges img{height:40px}.site-header nav{gap:20px}.site-header .nav-cta{padding:8px 13px}.site-header{gap:12px}.chapter-copy h2{font-size:52px}.hatch-art{height:400px}.feature-grid{gap:16px}.feature h3{font-size:32px}.principles{gap:35px}.faq-section{gap:45px}.atlas-heading{align-items:center}.download-section{gap:30px}.download-section h2{font-size:56px}footer{flex-wrap:wrap}footer nav{margin-left:auto}}
@media(max-width:700px){html{scroll-padding-top:70px}html.story-snap{scroll-snap-type:y mandatory}html.story-snap .hero,html.story-snap .snap-marker{scroll-snap-align:start;scroll-margin-top:0}body{font-size:15px;line-height:1.6}h1{font-size:65px}h2{font-size:45px}.site-header{height:68px;padding:10px 22px;background:#d6effbe8}.brand{font-size:29px;gap:7px}.brand img{width:32px;height:32px}.menu-toggle{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;padding:10px;background:transparent}.site-header nav{display:none;position:absolute;top:67px;left:0;right:0;padding:24px;flex-direction:column;gap:22px;align-items:stretch;background:#e8f6fd;border-bottom:1px solid var(--line);font-size:15px}.site-header.menu-open nav{display:flex}.site-header .nav-cta{text-align:center;padding:12px}.eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:15px}.scene{min-height:680px}.hero{display:flex;flex-direction:column;text-align:center;justify-content:flex-start;padding:111px 24px 57px;gap:0}.hero-copy{display:contents}.hero-copy .eyebrow{order:0;justify-content:center;font-size:8px}.hero h1{order:1;font-size:65px;line-height:1.02;position:relative;z-index:2}.hero .intro{order:2;font-size:14px;margin:17px 0 0}.hero-visual{order:3;margin:3px 0 3px;flex:1;min-height:0;justify-content:center;width:100%}.hero-ember{width:auto;max-width:270px;max-height:100%;min-height:0;object-fit:contain}.hero-visual .art-note{display:none}.hero .store-badges{order:4;justify-content:center}.store-badges img{height:39px}.hero .micro{order:5;font-size:9px;margin-top:10px}.hero .scroll-cue{left:0;bottom:16px;justify-content:center;width:100%;font-size:9px;gap:10px}.scroll-cue>span{font-size:20px}.scene-number{display:none}.hero-island{width:95px;left:-20px;bottom:27%;opacity:.45}.cloud-one{width:160px;top:39%;right:-45px}.cloud-two{width:100px;top:9%;left:-30px}.distant-islands{object-fit:cover;height:90%;width:170%;max-width:none;left:-40%;opacity:.5}.sticky-scene{padding:99px 24px 35px}.hatch-scene{display:flex;flex-direction:column;justify-content:flex-start;gap:0;text-align:center}.chapter-copy h2{font-size:46px}.chapter-copy>p:not(.eyebrow){font-size:14px;margin-top:16px}.chapter-copy .scroll-note{font-size:10px!important}.steps{justify-content:center;margin-top:20px;gap:12px}.steps li{font-size:10px;gap:5px}.steps li:before{width:21px;height:21px}.hatch-art{height:auto;flex:1;max-height:370px;min-height:230px;max-width:340px;margin:15px auto 0}.hatch-island{bottom:-5%;height:65%;opacity:.7}.hatch-frames{height:82%}.hatch-caption{font-size:20px;bottom:0}.section-heading h2{font-size:44px}.section-heading>p:last-child{font-size:13px;margin-top:16px}.tier-showcase{margin-top:18px;min-height:170px;max-height:370px}.tier-art img{max-height:320px}.tier-art figcaption span{font-size:30px}.tier-track{gap:0;margin:25px 0 17px;width:calc(100% + 22px)}.tier-track button{font-size:11px;padding:0 3px;flex:1}.tier-track button small{font-size:8px;white-space:nowrap}.tier-dot{width:12px;height:12px}.tier-track:before{top:6px}.tier-note{font-size:9px}.species-islands{grid-template-columns:1fr 1fr;gap:12px 30px;max-width:340px;margin-top:20px;flex:1;min-height:0;align-content:center}.species-art{height:150px;aspect-ratio:auto}.species figcaption strong{font-size:23px}.species figcaption span{font-size:10px}.age-track{font-size:21px;gap:40px;margin:15px 0 9px}.growth-scene>.micro{font-size:9px;text-align:center}.section{padding:70px 24px}.features .section-heading h2{font-size:43px}.feature-grid{grid-template-columns:1fr;gap:18px;margin-top:32px}.feature{padding:28px}.feature h3{font-size:37px;margin:18px 0 15px}.feature p{font-size:14px}.birth-record{margin-top:20px;padding-top:15px}.birth-record img{width:100px}.birth-record strong,.birth-record span{font-size:12px}.sample-chart{height:110px}.stopwatch-art{padding-top:20px}.principles{display:block}.principles h2{font-size:46px}.principles h2+p{font-size:14px}.principle-list{margin-top:35px}.principle-list li{padding:18px 0;gap:16px}.principle-list p{font-size:12px}.atlas-heading{display:block}.atlas-heading h2{font-size:44px}.atlas-heading>p{margin-top:18px;font-size:13px}.atlas-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.dragon-card{padding:15px 13px 20px;border-radius:13px}.dragon-card img{height:135px;margin:10px 0}.dragon-card h3{font-size:27px;overflow-wrap:anywhere}.dragon-card p{font-size:11px;line-height:1.65}.card-top{font-size:8px}.atlas-caption{font-size:10px}.faq-section{display:block}.faq-section h2{font-size:45px}.faq-section h2+p{margin-top:15px}.faq-list{margin-top:30px}.faq-list summary{font-size:14px;padding:19px 0}.faq-list details p{font-size:13px}.download-section{padding:60px 24px 75px;display:flex;flex-direction:column;gap:16px;text-align:center}.download-ember{width:230px}.download-section .eyebrow{font-size:8px}.download-section h2{font-size:51px}.download-section h2+p{font-size:14px;margin:16px 0 22px}.download-section .store-badges{justify-content:center}.download-section .micro{font-size:10px}.download-clouds{height:50%;object-fit:cover;max-width:none}footer{padding:35px 24px;gap:20px;display:grid;grid-template-columns:1fr 1fr}footer p{grid-row:2;font-size:10px}footer .brand{font-size:30px}footer nav{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;gap:14px;font-size:12px}footer small{font-size:10px;grid-column:1 / -1}.document{padding:125px 24px 65px}.document h1{font-size:57px}.document h2{font-size:32px;margin-top:30px}.document p{font-size:14px}.document .intro{font-size:19px}.support-card{padding:1px 22px 15px}.not-found{padding-top:125px;display:flex;flex-direction:column;text-align:center;gap:25px;min-height:85svh}.not-found h1{font-size:65px}.not-found p{font-size:14px;margin:18px 0}.lost-dragon{width:260px}}
@media(max-width:700px) and (max-height:740px){.hero{padding-top:90px}.hero h1{font-size:56px}.hero-ember{max-width:220px}.hero .intro{font-size:12px;margin-top:10px}.sticky-scene{padding-top:88px}.section-heading h2,.chapter-copy h2{font-size:39px}.species-art{height:120px}.section-heading>p:last-child{font-size:12px;margin-top:12px}.species-islands{margin-top:12px;gap:8px 30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.story-snap{scroll-snap-type:y proximity}*,*:before,*:after{animation:none!important;transition:none!important}.chapter{height:100svh;min-height:680px}.sticky-scene{position:relative}.hatch-frame{visibility:hidden!important;opacity:0!important}.hatch-baby{visibility:visible;opacity:1}.hatch-caption{bottom:-2%}.age-0{opacity:0;visibility:hidden}.age-2{opacity:1;visibility:visible}.age-track span{opacity:.5}.age-track span:last-child{opacity:1}}
.hero-visual{height:570px;justify-content:flex-start}.hero-ember{position:relative;z-index:2;width:450px;max-height:440px;object-fit:contain;filter:none}.hero-perch{position:absolute;top:330px;width:270px;height:245px;object-fit:cover;object-position:top;z-index:1}.hero-visual .art-note{position:absolute;bottom:-28px;z-index:3}.story-snap{scroll-padding-top:0}.story-snap #bilgi{scroll-snap-align:start;scroll-margin-top:0}
@media(max-width:1023px) and (min-width:701px){.hero-visual{height:480px}.hero-perch{top:280px;height:200px;width:220px}}
@media(max-width:700px){.hero-visual{height:auto;justify-content:center;padding-bottom:45px}.hero-ember{max-height:230px;max-width:240px;width:auto}.hero-perch{width:165px;height:110px;top:auto;bottom:0;object-fit:cover;object-position:top}.hero-visual .art-note{display:none}}
@media(max-width:700px) and (max-height:740px){.hero-ember{max-height:190px;max-width:190px}.hero-perch{height:100px;width:145px}.hero-visual{padding-bottom:35px}}
@media(max-width:700px){.hero-perch{top:calc(50% + 60px);bottom:auto}.hatch-caption{bottom:-40px}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.hatch-caption{bottom:-35px}}
@media(max-width:700px){.hero-perch{transform:translateY(-32px)}}

/* Odak ekranı: sayfanın üzerinde, yalnızca bu oturum boyunca. */
.mystery-label{display:block;font-size:10px;line-height:1.5;margin:0 0 12px;color:var(--accent)}
.timer-section select,.timer-section input[type=number]{font-size:24px;font-weight:600;padding:15px 18px}
.timer-section label:not(.sound-option){font-size:15px}
.timer-island{gap:12px}.timer-egg{filter:none}
body.focusing{overflow:hidden}
#focus-mode{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:var(--ink);background:#c8e9fa;overflow:auto}
#focus-mode::backdrop{background:var(--ink)}
.focus-sky{position:relative;isolation:isolate;min-height:100%;overflow:hidden;padding:24px 50px 32px;display:flex;flex-direction:column}
.focus-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;z-index:2}
.focus-content{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#timer-display{font-size:clamp(80px,10vw,144px);font-weight:500;line-height:1.15;margin:8px 0;letter-spacing:-.04em}
.focus-art{position:relative;width:min(38vw,390px,43vh);height:min(38vw,390px,43vh)}
.timer-frame,.timer-baby{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.timer-baby{opacity:0;visibility:hidden}
#focus-mode.running .focus-art{animation:egg-breathe 6s ease-in-out infinite}
#focus-mode .cloud{animation:cloud-drift 28s ease-in-out infinite alternate;width:330px}
#focus-mode .cloud-two{animation-delay:-12s;top:60%;left:-5%}
#focus-mode .distant-islands{opacity:.22}
#focus-status{font-size:14px;margin-top:10px;min-height:24px}
#focus-mode .timer-actions{justify-content:center;margin:20px 0 0}
#focus-mode.complete .timer-frame{opacity:0!important;visibility:hidden!important}
#focus-mode.complete .timer-baby{opacity:1;visibility:visible;animation:reveal-dragon .65s ease-out both}
#focus-mode.complete #timer-display{font-size:64px}
#focus-mode.complete .focus-art{width:210px;height:210px}
.focus-result{padding:22px 35px;margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:14px}
.focus-result h2{font-size:42px}.focus-result p{font-size:17px}
#focus-mode.complete #focus-status{display:none}
@keyframes egg-breathe{0%,100%{transform:rotate(-1deg) scale(1)}50%{transform:rotate(1deg) scale(1.025)}}
@keyframes cloud-drift{from{transform:translateX(-35px)}to{transform:translateX(70px)}}
@keyframes reveal-dragon{from{opacity:0;transform:translateY(15px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:1023px){#focus-mode{display:none}}
@media(prefers-reduced-motion:reduce){#focus-mode .focus-art,#focus-mode .cloud,#focus-mode .timer-baby{animation:none!important}}