.cf-app .cf-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.cf-app .cf-atmosphere:before{content:"";position:absolute;inset:0;background:radial-gradient(circle farthest-corner at 50% 108% in oklab,var(--cf-glow-core) 0,var(--cf-glow-halo) 32%,#fde8de00 70%);opacity:.9;animation:cf-glow 12s ease-in-out infinite}.cf-app .cf-aperture{position:absolute;left:50%;top:100%;width:160%;aspect-ratio:1;transform:translate(-50%,-12.5%);transform-origin:50% 12.5%;animation:cf-breathe 12s ease-in-out infinite}.cf-app .cf-aperture span{position:absolute;border:1px solid #b9441528;border-radius:50%;inset:0}.cf-app .cf-aperture span:nth-child(2){inset:-2.5%;opacity:.7}.cf-app .cf-aperture span:nth-child(3){inset:-5%;opacity:.45}.cf-app .cf-memories{position:absolute;inset:auto 0 0;height:clamp(184px,25vh,250px)}.cf-app .cf-memory-slot{position:absolute;width:clamp(115px,13vw,190px);left:7%;bottom:25%;transform:rotate(-8deg)}.cf-app .cf-memory-slot:nth-child(2){width:clamp(100px,11vw,165px);left:32%;bottom:6%;transform:rotate(7deg)}.cf-app .cf-memory-slot:nth-child(3){left:auto;right:30%;bottom:22%;transform:rotate(5deg)}.cf-app .cf-memory-slot:nth-child(4){left:auto;right:8%;bottom:8%;width:clamp(110px,12vw,175px);transform:rotate(-5deg)}.cf-app .cf-memory{margin:0;animation:cf-memory 24s ease-in-out infinite;animation-delay:-2s}.cf-app .cf-memory-slot:nth-child(2) .cf-memory{animation-delay:-14s}.cf-app .cf-memory-slot:nth-child(3) .cf-memory{animation-delay:-8s}.cf-app .cf-memory-slot:nth-child(4) .cf-memory{animation-delay:-20s}.cf-app .cf-memory-frame{padding:5px;border:1px solid #fffffff2;background:#ffffffba;border-radius:17px;box-shadow:0 9px 22px #75685f10;overflow:hidden;backdrop-filter:blur(10px)}.cf-app .cf-memory figcaption{font-size:11px;color:var(--cf-muted);margin-top:8px;padding-left:3px}:is(.cf-app,.ff-landing) .cf-scene{aspect-ratio:16/10;border-radius:11px;position:relative;overflow:hidden;isolation:isolate;filter:saturate(.65)}:is(.cf-app,.ff-landing) .cf-scene-motion,:is(.cf-app,.ff-landing) .cf-scene-shape,:is(.cf-app,.ff-landing) .cf-scene-subject{position:absolute;display:block}:is(.cf-app,.ff-landing) .cf-scene-ui{position:absolute;inset:auto 7px 6px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:10px;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px #302b2833;z-index:3}:is(.cf-app,.ff-landing) .cf-scene-progress{position:absolute;bottom:0;left:0;height:1px;width:25%;background:#ffffff9c;animation:cf-scene-progress 12s linear infinite}:is(.cf-app,.ff-landing) .cf-scene--coast{background:linear-gradient(180deg,#cbdad5 0 42%,#93b5b5 43% 80%,#dbc9ad 81%)}:is(.cf-app,.ff-landing) .cf-scene--coast .cf-scene-shape{inset:48% -10% 18%;background:repeating-linear-gradient(177deg,transparent 0 10px,#ffffff40 11px 12px,transparent 13px 19px);animation:cf-water 5s ease-in-out infinite alternate}:is(.cf-app,.ff-landing) .cf-scene--coast .cf-scene-motion{height:3%;width:9%;left:34%;top:58%;border-radius:50%;background:#fffaf0;box-shadow:-6px 3px 4px #fff7e24d;animation:cf-boat 10s ease-in-out infinite alternate}:is(.cf-app,.ff-landing) .cf-scene--coast .cf-scene-subject{width:30%;height:95%;right:-14%;top:10%;background:#91a99a;transform:rotate(18deg);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}:is(.cf-app,.ff-landing) .cf-scene--city{background:linear-gradient(180deg,#d9d4cb 0 65%,#a9afaa 66%)}:is(.cf-app,.ff-landing) .cf-scene--city .cf-scene-shape{inset:11% 0 25%;background:repeating-linear-gradient(90deg,#9aa7a5 0 17%,#a9b3ad 18% 32%,#c4bda9 33% 45%,#a4b1ac 46% 61%,#bfb5a3 62% 79%);clip-path:polygon(0 20%,16% 20%,16% 0,32% 0,32% 38%,45% 38%,45% 12%,60% 12%,60% 28%,77% 28%,77% 9%,100% 9%,100% 100%,0 100%)}:is(.cf-app,.ff-landing) .cf-scene--city .cf-scene-motion{width:14%;height:4%;left:-20%;bottom:14%;background:#e4c39d;border-radius:8px;box-shadow:0 4px 9px #efe2c666;animation:cf-car 9s linear infinite}:is(.cf-app,.ff-landing) .cf-scene--city .cf-scene-subject{inset:0;background:linear-gradient(140deg,#fff4d630,transparent 50%)}:is(.cf-app,.ff-landing) .cf-scene--dunes{background:linear-gradient(180deg,#c8cfca,#ead8c2 51%,#d2ad85 53%,#be916e)}:is(.cf-app,.ff-landing) .cf-scene--dunes .cf-scene-shape{inset:20% 0 13%;background:linear-gradient(111deg,#b48f69 0 50%,#d1ae82 51%);clip-path:polygon(0 94%,18% 34%,30% 81%,58% 6%,100% 100%,0 100%)}:is(.cf-app,.ff-landing) .cf-scene--dunes .cf-scene-motion{width:180%;height:60%;left:-50%;top:13%;background:linear-gradient(160deg,transparent 40%,#fff7e22e 51%,transparent 68%);animation:cf-lightpass 14s ease-in-out infinite alternate}:is(.cf-app,.ff-landing) .cf-scene--dunes .cf-scene-subject{width:14%;aspect-ratio:1;right:18%;top:17%;border-radius:50%;background:#f6e2bebb}:is(.cf-app,.ff-landing) .cf-scene--forest{background:linear-gradient(125deg,#d9dfcc,#aac0a5 46%,#6c8b76)}:is(.cf-app,.ff-landing) .cf-scene--forest .cf-scene-shape{inset:-10%;background:repeating-linear-gradient(94deg,transparent 0 14px,#526f5f85 16px 21px,transparent 22px 31px);transform:rotate(4deg)}:is(.cf-app,.ff-landing) .cf-scene--forest .cf-scene-motion{inset:-30%;background:linear-gradient(115deg,transparent 30%,#f9eac670 43%,transparent 50%,#f9eac640 57%,transparent 70%);animation:cf-lightpass 11s ease-in-out infinite alternate}:is(.cf-app,.ff-landing) .cf-scene--forest .cf-scene-subject{width:100%;height:90%;bottom:-65%;border-radius:50%;background:#b6b99b;transform:rotate(-20deg)}:is(.cf-app,.ff-landing) .cf-scene--stage{background:linear-gradient(180deg,#777082,#968390 60%,#58555c)}:is(.cf-app,.ff-landing) .cf-scene--stage .cf-scene-shape{inset:0;background:linear-gradient(112deg,transparent 30%,#eed7b43d 45%,transparent 54%),linear-gradient(68deg,transparent 34%,#d2dcd52d 50%,transparent 60%);transform-origin:50% 0;animation:cf-beam 9s ease-in-out infinite alternate}:is(.cf-app,.ff-landing) .cf-scene--stage .cf-scene-motion{height:37%;width:140%;left:-20%;bottom:-14%;background:radial-gradient(ellipse at 50% 100%,#464951 0 54%,transparent 56%) 0 0/19px 28px repeat-x;animation:cf-crowd 2.8s ease-in-out infinite alternate}:is(.cf-app,.ff-landing) .cf-scene--stage .cf-scene-subject{width:5%;height:20%;left:48%;bottom:22%;background:#d6c7b4;border-radius:45% 45% 20% 20%;box-shadow:0 -5px 0 -1px #d6c7b4;animation:cf-crowd 4s ease-in-out infinite alternate}:is(.cf-app,.ff-landing) .cf-scene--night{background:linear-gradient(180deg,#5a737b,#879ca0 54%,#b9aea0 55%,#617c80)}:is(.cf-app,.ff-landing) .cf-scene--night .cf-scene-shape{inset:22% 0 32%;background:#60777c;clip-path:polygon(0 30%,15% 30%,15% 4%,27% 4%,27% 52%,43% 52%,43% 23%,54% 23%,54% 40%,73% 40%,73% 8%,86% 8%,86% 48%,100% 48%,100% 100%,0 100%)}:is(.cf-app,.ff-landing) .cf-scene--night .cf-scene-motion{left:-30%;top:76%;width:24%;height:2px;background:#f4dec0;box-shadow:0 5px 8px #f4dec080;animation:cf-car 7s linear infinite}:is(.cf-app,.ff-landing) .cf-scene--night .cf-scene-subject{right:20%;top:20%;width:8%;aspect-ratio:1;border-radius:50%;background:#dedccf;box-shadow:0 0 16px #dedccf70}.cf-app .cf-welcome[data-departing] .cf-memory-slot{animation:cf-memory-exit .65s cubic-bezier(.3,0,.25,1) both}.cf-app .cf-welcome[data-departing] .cf-welcome-heading{animation:cf-home-clear .36s ease both}.cf-app .cf-welcome[data-departing] .cf-composer-area{animation:cf-composer-exit .62s cubic-bezier(.3,0,.25,1) both;pointer-events:none}.cf-app .cf-welcome[data-departing] .cf-aperture{animation:cf-home-clear .62s ease both}.cf-app .cf-scout{padding:20px 12px 24px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#fde8de70,transparent 70%);border-radius:20px}.cf-app .cf-scout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(100%,390px);margin:auto}.cf-app .cf-scout-tile{position:relative;min-width:0;padding:3px;background:white;border:1px solid var(--cf-line);border-radius:14px;opacity:.48;animation:cf-inspect 7.2s ease-in-out infinite;overflow:hidden}@keyframes cf-glow{0%,to{opacity:.82}50%{opacity:1}}@keyframes cf-breathe{0%,to{transform:translate(-50%,-12.5%) scale(1)}50%{transform:translate(-50%,-12.5%) scale(1.045)}}@keyframes cf-memory{0%,2%{opacity:0;transform:translateY(10px) scale(.96)}12%,58%{opacity:.7;transform:translateY(0) scale(1)}70%,to{opacity:0;transform:translateY(-12px) scale(.98)}}@keyframes cf-water{to{transform:translate(8px,2px)}}@keyframes cf-boat{to{transform:translate(14px,-1px)}}@keyframes cf-car{to{transform:translateX(850%)}}@keyframes cf-lightpass{to{transform:translateX(10%)}}@keyframes cf-beam{to{transform:rotate(8deg)}}@keyframes cf-crowd{to{transform:translateY(-3px) rotate(2deg)}}@keyframes cf-scene-progress{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}@keyframes cf-memory-exit{to{translate:0 -84px;scale:.88;opacity:0;filter:blur(3px)}}@keyframes cf-home-clear{to{opacity:0;translate:0 -28px}}@keyframes cf-composer-exit{to{transform:translateY(-100px) scale(.94);opacity:0}}@keyframes cf-inspect{0%,3%{opacity:.42;transform:scale(.97);border-color:var(--cf-line)}12%,24%{opacity:.95;transform:scale(1.035);border-color:var(--cf-orange);box-shadow:0 5px 16px #75361912}38%,to{opacity:.42;transform:scale(.97);border-color:var(--cf-line)}}@media (max-width:600px){.cf-app .cf-memory-slot{left:6%;bottom:clamp(64px,10vh,90px);width:clamp(80px,23vw,108px)}.cf-app .cf-memory-slot:nth-child(2){left:auto;right:6%;bottom:56px;width:clamp(76px,21vw,100px)}.cf-app .cf-memory-slot:nth-child(3){left:50%;right:auto;bottom:12px;width:clamp(88px,26vw,116px);transform:translateX(-50%) rotate(5deg)}.cf-app .cf-memory-slot:nth-child(4){display:none}.cf-app .cf-memory-frame{padding:4px;border-radius:14px}.cf-app .cf-scout-grid{gap:8px}.cf-app .cf-scout-tile{padding:2px;border-radius:10px}}@media (max-height:500px) and (min-width:601px){.cf-app .cf-memories{display:none}}@media (prefers-reduced-motion:reduce){.cf-app .cf-memory{opacity:.45}.cf-app .cf-memory-slot:nth-child(2n){display:none}.cf-app .cf-welcome[data-departing] .cf-composer-area{opacity:0}:is(.cf-app,.ff-landing) .cf-scene-progress{display:none}}