@layer areas {
.home.page{padding-block-start:var(--space-2)}.home.page>*{max-width:none;margin-inline:0}.home .home-section{margin-block-start:var(--section)}.home .home-section>h2{margin:0 0 var(--space-5)}.home .home-hero{--sky:linear-gradient(180deg, #6fa6dd 0%, #9cc5ec 55%, #d5e6f4 100%);--sky-ink:#0e1b38;--cloud:#fff;--clouds:.75;--stars:0;--glow:#fff9e499;--horizon:#ffffff4d}html[data-sky=dawn] .home .home-hero{--sky:linear-gradient(180deg, #7f96c6 0%, #c9a9b0 45%, #f0c39f 78%, #f8e1c6 100%);--sky-ink:#171c3a;--cloud:#fff4ea;--clouds:.6;--glow:#ffdab0a6;--horizon:#ffc49680}html[data-sky=dusk] .home .home-hero{--sky:linear-gradient(180deg, #22325f 0%, #4b4f7e 42%, #b97a77 75%, #eaa06f 100%);--sky-ink:#fff;--cloud:#ffd9c2;--clouds:.35;--glow:#ffb28073;--horizon:#ff966473}html[data-sky=night] .home .home-hero,:root[data-theme=dark] .home .home-hero{--sky:linear-gradient(180deg, #050b1e 0%, #0e1a3f 55%, #1d2c5c 100%);--sky-ink:#fff;--cloud:#8f9cc4;--clouds:.12;--stars:1;--glow:#f3ead02b;--horizon:#5674d24d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .home .home-hero{--sky:linear-gradient(180deg, #050b1e 0%, #0e1a3f 55%, #1d2c5c 100%);--sky-ink:#fff;--cloud:#8f9cc4;--clouds:.12;--stars:1;--glow:#f3ead02b;--horizon:#5674d24d}}.home .home-hero{isolation:isolate;background:var(--sky);color:var(--sky-ink);border-radius:var(--radius-lg);transition:color var(--dur-3) var(--ease-out);grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,1rem + 2vw,2.25rem);padding:clamp(2.5rem,1.5rem + 5vw,5.5rem) clamp(1.25rem,.75rem + 3vw,3.5rem);display:grid;position:relative;overflow:hidden}.home .home-title{max-inline-size:18ch;font-size:clamp(2.25rem,1.2rem + 4.4vw,4.5rem);line-height:var(--lh-display);color:var(--sky-ink);margin:0}.home .home-tag{font-size:clamp(1.125rem,.95rem + .8vw,1.5rem);line-height:var(--lh-snug);color:var(--sky-ink);opacity:.88;margin:calc(-1*clamp(.5rem,.25rem + 1vw,1rem)) 0 0}.home .home-tag span{display:inline-block}.home .sky{z-index:-1;pointer-events:none;position:absolute;inset:0}.home .cloud{background:radial-gradient(closest-side, var(--cloud), transparent);opacity:var(--clouds);filter:blur(6px);border-radius:999px;display:block;position:absolute;inset-inline-start:0}.home .cloud:before,.home .cloud:after{content:"";background:radial-gradient(closest-side, var(--cloud), transparent);border-radius:50%;position:absolute}.home .cloud:before{block-size:160%;inline-size:55%;inset-block-end:20%;inset-inline-start:18%}.home .cloud:after{block-size:120%;inline-size:38%;inset-block-end:30%;inset-inline-start:52%}.home .cloud-1{block-size:4.5rem;inline-size:17rem;inset-block-start:14%;translate:55vw}.home .cloud-2{block-size:3.5rem;inline-size:13rem;opacity:calc(var(--clouds) * .8);inset-block-start:52%;translate:8vw}.home .cloud-3{block-size:5.5rem;inline-size:21rem;opacity:calc(var(--clouds) * .65);inset-block-start:76%;translate:70vw}@media (prefers-reduced-motion:no-preference){.home .cloud-1{animation:110s linear -60s infinite drift}.home .cloud-2{animation:150s linear -10s infinite drift}.home .cloud-3{animation:190s linear -140s infinite drift}.home .twinkle{animation:4s ease-in-out infinite alternate twinkle}.home .twinkle:nth-child(3n){animation-duration:6s;animation-delay:-2s}.home .twinkle:nth-child(4n){animation-duration:3s;animation-delay:-1s}.home .twinkle:nth-child(5n){animation-duration:7s;animation-delay:-3.5s}.home .twinkle:nth-child(7n){animation-duration:5s;animation-delay:-1.2s}.home .moon{animation:9s ease-in-out infinite alternate moon-float}.home .sky-glow{animation:7s ease-in-out infinite alternate glow-breathe}.home .stars-far{animation:60s ease-in-out infinite alternate far-drift}.home .stars-far,.home .stars,.home .moon,.home .milky{transition:translate 1.2s var(--ease-out), opacity var(--dur-3) var(--ease-out)}.home .stars-far{translate:calc(var(--mx,0) * -5px) calc(var(--my,0) * -3px)}.home .stars:not(.stars-far){translate:calc(var(--mx,0) * -11px) calc(var(--my,0) * -7px)}.home .milky{translate:calc(var(--mx,0) * -8px) calc(var(--my,0) * -5px)}.home .moon{translate:calc(var(--mx,0) * -16px) calc(var(--my,0) * -10px)}}@keyframes moon-float{0%{transform:translateY(-3px)rotate(-2deg)}to{transform:translateY(4px)rotate(2deg)}}@keyframes glow-breathe{0%{opacity:.75}to{opacity:1}}@keyframes far-drift{0%{transform:translate(-10px)}to{transform:translate(10px)}}@keyframes drift{0%{translate:-22rem}to{translate:105vw}}@keyframes twinkle{to{opacity:.35}}.home .stars,.home .moon{opacity:var(--stars);transition:opacity var(--dur-3) var(--ease-out);position:absolute}.home .stars{fill:#fff;block-size:100%;inline-size:100%;inset:0}.home .moon{fill:#f3ead0;filter:drop-shadow(0 0 10px #f3ead059);block-size:auto;inline-size:clamp(2.5rem,1.75rem + 3vw,4.25rem);inset-block-start:clamp(1.25rem,.5rem + 3vw,2.75rem);inset-inline-end:clamp(1.25rem,.5rem + 4vw,4rem)}.home .sky-glow{background:radial-gradient(closest-side, var(--glow), transparent);block-size:20rem;inline-size:20rem;position:absolute;inset-block-start:calc(clamp(1.25rem,.5rem + 3vw,2.75rem) - 8rem);inset-inline-end:calc(clamp(1.25rem,.5rem + 4vw,4rem) - 8rem)}.home .horizon{background:radial-gradient(120% 100% at 50% 100%, var(--horizon), transparent 72%);block-size:55%;position:absolute;inset-block-end:0;inset-inline:0}.home .milky{opacity:var(--stars);transition:opacity var(--dur-3) var(--ease-out);background:radial-gradient(36% 14% at 60% 44%,#cdd6ff29,#0000),linear-gradient(118deg,#0000 30%,#8ca0ff17 41%,#ded6ff2b 50%,#8ca0ff17 59%,#0000 70%);position:absolute;inset:-20% -10%}.home .stars-far{opacity:calc(var(--stars) * .6)}.home .stars:not(.stars-far){filter:drop-shadow(0 0 1.5px #ffffffbf)}.home .meteors{opacity:var(--stars);position:absolute;inset:0}.home .meteor{opacity:0;transform-origin:0;background:linear-gradient(90deg,#fff 0%,#ffffff8c 22%,#0000 100%);border-radius:2px;block-size:2px;inline-size:clamp(6rem,11vw,11rem);display:block;position:absolute}.home .meteor:before{content:"";background:#fff;border-radius:50%;block-size:6px;inline-size:6px;position:absolute;top:-2px;left:-2px;box-shadow:0 0 8px 2px #c8dcffcc}.home .meteor-1{--a:-24deg;top:24%;left:90%}.home .meteor-2{--a:-28deg;top:33%;left:99%}.home .meteor-3{--a:-18deg;top:47%;left:95%}@media (prefers-reduced-motion:no-preference){.home .meteor{animation:15s linear infinite meteor}.home .meteor-2{animation-delay:5s}.home .meteor-3{animation-delay:10s}}@keyframes meteor{0%{opacity:0;transform:rotate(var(--a)) translateX(0) scaleX(.4)}1%{opacity:1}5%{opacity:1}6.5%{opacity:0;transform:rotate(var(--a)) translateX(-20vw) scaleX(1)}to{opacity:0;transform:rotate(var(--a)) translateX(-20vw) scaleX(1)}}.home .home-askbox{align-items:center;gap:var(--space-2);background:var(--sheet);inline-size:min(100%,40rem);color:var(--ink);border-radius:var(--radius);padding:.45rem .45rem .45rem 1rem;display:flex}.home .home-askbox:focus-within{outline:2px solid var(--sky-ink);outline-offset:3px}.home .home-askbox-icon{block-size:20px;inline-size:20px;color:var(--faint);flex:none}.home .home-askbox>input{min-block-size:48px;min-inline-size:0;font:400 1.0625rem/1.3 var(--sans);color:var(--ink);background:0 0;border:0;outline:none;flex:auto;padding:0 .25rem}.home .home-askbox>input::placeholder{color:var(--faint)}.home .home-askbox>.btn{min-block-size:48px;padding-inline:1.4rem}.home .home-qcards{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));margin:0;padding:0;list-style:none;display:grid}.home .home-qcards>li{display:grid}.home .home-qcard{min-block-size:4.25rem;color:var(--ink);background:var(--card);border-radius:var(--radius);box-shadow:none;border:0;align-items:center;padding:1.25rem 3rem 1.25rem 1.35rem;text-decoration:none;display:flex;position:relative}.home .home-qcard:after{content:"";background:var(--accent);block-size:18px;inline-size:18px;-webkit-mask:var(--orn-arrow) center / contain no-repeat;mask:var(--orn-arrow) center / contain no-repeat;transition:translate var(--dur-2) var(--ease-out);position:absolute;inset-block-end:calc(50% - 9px);inset-inline-end:1.35rem}.home .home-qcard:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{scale:-1 1}.home .home-qcard{transition:scale var(--dur-1) var(--ease-out), background-color var(--dur-2) var(--ease-out)}.home .home-qcard:active{scale:.985}.home .home-qcard-t{font:400 var(--step-1)/1.25 var(--serif);text-wrap:balance}@media (min-width:720px){.home .home-qcard{align-items:flex-end;min-block-size:8.5rem}.home .home-qcard:after{inset-block-end:1.55rem}}@media (hover:hover){.home .home-qcard:hover{color:var(--ink);background:var(--sheet)}.home .home-qcard:hover:after{translate:3px}}.home .home-week-card{gap:var(--space-3);color:var(--ink);background:var(--card);border-radius:var(--radius);transition:scale var(--dur-1) var(--ease-out), background-color var(--dur-2) var(--ease-out);padding:1.6rem 1.5rem;text-decoration:none;display:grid}.home .home-week-card:active{scale:.99}.home .home-week-q{font:400 var(--step-2)/1.2 var(--serif);letter-spacing:var(--track-heading);text-wrap:balance}.home .home-week-lead{max-inline-size:60ch;font-size:1.0625rem;line-height:var(--lh-body,1.55);color:var(--mute)}.home .home-week-go{align-items:center;gap:var(--space-2);font:600 15px/1 var(--sans);color:var(--accent);display:inline-flex}.home .home-week-go:after{content:"";block-size:16px;inline-size:16px;-webkit-mask:var(--orn-arrow) center / contain no-repeat;mask:var(--orn-arrow) center / contain no-repeat;transition:translate var(--dur-2) var(--ease-out);background:currentColor}.home .home-week-go:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{scale:-1 1}@media (min-width:720px){.home .home-week-card{padding:2.25rem 2.25rem 2rem}}@media (hover:hover){.home .home-week-card:hover{background:var(--sheet)}.home .home-week-card:hover .home-week-go:after{translate:3px}}html[data-finding] .home .fyp~*{display:none}
}

@layer areas {
.fyp{margin-block-start:var(--section)}.fyp .fyp-head{justify-items:start;gap:var(--space-2);margin-block-end:var(--space-5);display:grid}.fyp .fyp-head>h2{margin:0}.fyp .fyp-head>h2:focus{outline:none}@media (prefers-reduced-motion:no-preference){.fyp .fyp-stage.is-in{animation:fyp-in .32s var(--ease-out) both}}@keyframes fyp-in{0%{opacity:0;transform:translateY(8px)}}.fyp .fyp-tile:after,.fyp .fyp-say:after{content:"";background:var(--accent);block-size:18px;inline-size:18px;-webkit-mask:var(--orn-arrow) center / contain no-repeat;mask:var(--orn-arrow) center / contain no-repeat;transition:translate var(--dur-2) var(--ease-out);position:absolute;inset-block-start:50%;inset-inline-end:1.3rem;translate:0 -50%}.fyp .fyp-tile:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{scale:-1 1}.fyp .fyp-say:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{scale:-1 1}@media (hover:hover){.fyp .fyp-tile:hover:after,.fyp .fyp-say:hover:after{translate:3px -50%}}.fyp .fyp-tiles{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.fyp .fyp-tiles>li{display:grid}.fyp .fyp-tile{text-align:start;min-block-size:4.25rem;color:var(--ink);font:400 1.25rem/1.2 var(--serif);background:var(--card);border-radius:var(--radius);cursor:pointer;transition:background-color var(--dur-2) var(--ease-out), scale var(--dur-1) var(--ease-out);border:0;align-items:center;padding:0 3.25rem 0 1.35rem;display:flex;position:relative}.fyp .fyp-tiles>li:nth-child(2n) .fyp-tile{background:var(--stone)}@media (min-width:480px){.fyp .fyp-tiles{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:720px){.fyp .fyp-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.fyp .fyp-tile:active{scale:.99}.fyp .fyp-tile:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (hover:hover){.fyp .fyp-tile:hover,.fyp .fyp-tiles>li:nth-child(2n) .fyp-tile:hover{background:var(--accent-soft)}}
}