@font-face{font-family:Circular Medium;src:url(/sky/onboard/CircularXXTT-Medium.woff2) format("woff2");font-display:swap}:root{--ink:#ffffff;--ink-dim:rgba(255,255,255,0.86);--shadow:rgba(24,40,96,0.55);--chip:rgba(255,255,255,0.18);--chip-on:rgba(255,255,255,0.92);--chip-on-ink:#17345c;--chip-line:rgba(255,255,255,0.45);--bg:#000000;--f-display:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;color-scheme:dark}body,html{height:100%}body{background:var(--bg);color:var(--ink);overflow:hidden;font-family:var(--f-display);-webkit-user-select:none;user-select:none}canvas{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas.dragging{cursor:grabbing}canvas.over-card{cursor:pointer}.hud{position:fixed;pointer-events:none;text-shadow:0 1px 14px var(--shadow)}body.inphone .get,body.inphone .sky-write,body:not(.inphone) .brand{display:none}.brand{top:calc(env(safe-area-inset-top, 0px) + 22px);left:max(20px,env(safe-area-inset-left,0px))}.brand h1{margin:0;font-weight:800;font-size:27px;letter-spacing:-.02em;line-height:1}.brand p{margin:6px 0 0;font-size:13px;font-weight:500;color:var(--ink-dim)}.chip{font:500 13px var(--f-display);color:var(--ink);background:var(--chip);border:1px solid var(--chip-line);border-radius:999px;padding:7px 14px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-shadow:0 1px 8px var(--shadow)}.chip[aria-pressed=true]{background:var(--chip-on);color:var(--chip-on-ink);text-shadow:none;border-color:var(--chip-on)}.chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.corner{top:calc(env(safe-area-inset-top, 0px) + 16px);gap:6px}.corner,.dock{position:fixed;right:max(16px,env(safe-area-inset-right,0px));display:flex}.dock{top:calc(env(safe-area-inset-top, 0px) + 58px);max-width:min(560px,calc(100vw - 32px));flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.dock[hidden]{display:none}.dock .tools{justify-content:flex-end}body.inphone .dock{top:auto;left:0;right:0;max-width:none;bottom:calc(env(safe-area-inset-bottom, 0px) + 18px);align-items:center;padding:0 16px}body.inphone .dock .tools{justify-content:center}canvas.sky-write{pointer-events:none;cursor:default}.loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none;transition:opacity .6s}.loading.done{opacity:0}.loading i{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.9),0 2px 10px rgba(24,40,96,.25);animation:breathe 1.2s ease-in-out infinite}.loading i:nth-child(2){animation-delay:.15s}.loading i:nth-child(3){animation-delay:.3s}@keyframes breathe{0%,to{transform:scale(.6);opacity:.5}45%{transform:scale(1);opacity:1}}body:not(.editing):not(.inphone) canvas:not(.over-card){cursor:default}.weather-tag{display:none;position:fixed;top:calc(env(safe-area-inset-top, 0px) + 22px);left:max(20px,env(safe-area-inset-left,0px));font:600 13px var(--f-display);letter-spacing:.04em;color:var(--ink-dim);text-transform:capitalize;text-shadow:0 1px 10px var(--shadow);pointer-events:none}.get{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom, 0px) + 22px);display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 16px;transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .7s}body:not(.site-ready) .get{transform:translateY(24px);opacity:0;pointer-events:none}@media (max-width:699px){body.intro .get{transform:translateY(calc(100% + 60px));opacity:0;pointer-events:none}}.row{gap:20px}.btn,.row{display:flex;justify-content:center}.btn{position:relative;overflow:hidden;align-items:center;gap:12px;width:min(300px,calc((100vw - 72px) / 3));height:56px;color:#fff;text-decoration:none;font:18px Circular Medium,Helvetica Neue,Arial,sans-serif;border-radius:999px;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.19));backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);box-shadow:inset 0 1px 1px rgba(255,255,255,.28),inset 0 -12px 22px rgba(255,255,255,.07),0 10px 14px -6px rgba(16,28,72,.32),0 3px 4px -2px rgba(16,28,72,.16);text-shadow:0 1px 8px rgba(24,40,96,.35);transition:background .25s,transform .3s cubic-bezier(.3,.7,.3,1),opacity .3s}.btn:before{inset:0;border-radius:inherit;padding:1px;background:linear-gradient(170deg,rgba(255,255,255,.7),rgba(255,255,255,.12) 35%,rgba(255,255,255,0) 55%,rgba(255,255,255,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.btn:after,.btn:before{content:"";position:absolute;pointer-events:none}.btn:after{top:0;bottom:0;left:-40%;width:30%;transform:translateX(0) skewX(-18deg);opacity:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.28),rgba(255,255,255,0))}@media (hover:hover){.btn:focus-visible,.btn:hover{background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.24));transform:translateY(-2px) scale(1.06)}}@media (hover:hover){.row:has(.btn:focus-visible) .btn:not(:focus-visible):not(:hover),.row:hover .btn:not(:hover){opacity:.6;transform:scale(.95)}}@media (hover:hover){.btn:focus-visible:after,.btn:hover:after{opacity:1;animation:shimmer 1.7s cubic-bezier(.45,.1,.35,1) infinite}}#dlbtn:after{opacity:1;width:38%;left:-50%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.75) 42%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.75) 58%,rgba(255,255,255,0));animation:shimmer-idle 3.4s cubic-bezier(.45,.1,.35,1) 1.5s infinite}@media (hover:hover){#dlbtn:focus-visible:after,#dlbtn:hover:after{animation:shimmer 1.7s cubic-bezier(.45,.1,.35,1) infinite}}@keyframes shimmer-idle{0%{transform:translateX(0) skewX(-18deg)}45%,to{transform:translateX(560%) skewX(-18deg)}}@media (prefers-reduced-motion:reduce){#dlbtn:after{animation:none;opacity:0}}@keyframes shimmer{0%{transform:translateX(0) skewX(-18deg)}70%,to{transform:translateX(560%) skewX(-18deg)}}@media (prefers-reduced-motion:reduce){.btn:focus-visible:after,.btn:hover:after{animation:none;opacity:0}}.btn>*{position:relative}.btn img,.btn svg{width:20px;height:20px}.btn svg{position:relative}button.btn{border:0;cursor:pointer}.btn img.cloudmark{width:28px;height:auto;filter:drop-shadow(0 1px 3px rgba(24,40,96,.3))}.dl{position:relative;display:flex}.picker{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%);width:260px;padding:8px;display:grid;gap:2px;border-radius:24px;background:linear-gradient(180deg,rgba(10,18,40,.34),rgba(10,18,40,.46));backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 1px 1px rgba(255,255,255,.3),0 14px 20px -8px rgba(16,28,72,.4);animation:pop .22s cubic-bezier(.3,1.3,.5,1);transform-origin:50% 100%}.picker[hidden]{display:none}@keyframes pop{0%{opacity:0;transform:translateX(-50%) scale(.92) translateY(6px)}}.picker>*{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:16px;color:#fff;text-decoration:none;font:17px Circular Medium,Helvetica Neue,Arial,sans-serif;text-shadow:0 1px 6px rgba(24,40,96,.35)}.picker a:focus-visible,.picker a:hover{background:rgba(255,255,255,.14);outline:none}.picker img,.picker svg{width:20px;height:20px}.picker img.up{margin-top:-3px}.picker [aria-disabled=true]{opacity:.55;cursor:default}.picker em{margin-left:auto;font:600 11px var(--f-display);font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.16)}.btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.get .hint{display:none}body.editing .get .hint{display:block}.get .hint{position:absolute;left:16px;right:16px;bottom:calc(100% + 12px)}@media (max-width:699px){.row{flex-direction:column;gap:16px}.get{bottom:calc(env(safe-area-inset-bottom, 0px) + 52px)}.btn{width:min(320px,calc(100vw - 48px))}.get .hint{display:none}body.editing .get .hint{display:block}}.hint{font-size:13px;font-weight:500;color:var(--ink-dim);text-align:center;text-shadow:0 1px 14px var(--shadow);transition:opacity 1.2s}.tools{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;pointer-events:auto}.tools .sep{width:8px}.brush{display:flex;align-items:center;gap:8px;font:500 13px var(--f-display);color:var(--ink);background:var(--chip);border:1px solid var(--chip-line);border-radius:999px;padding:4px 12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-shadow:0 1px 8px var(--shadow)}.brush input{width:96px;accent-color:#ffffff}.panel{pointer-events:auto;display:grid;grid-template-columns:repeat(2,minmax(0,auto));gap:8px 18px;padding:12px 16px;border-radius:16px;background:var(--chip);border:1px solid var(--chip-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:500 13px var(--f-display);text-shadow:0 1px 8px var(--shadow)}.panel[hidden]{display:none}.panel label{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel input{width:120px;accent-color:#ffffff}.panel input[type=color]{width:44px;height:26px;padding:0;border:1px solid var(--chip-line);border-radius:8px;background:none;cursor:pointer}@media (max-width:520px){.panel{grid-template-columns:minmax(0,1fr)}}canvas.tool-add{cursor:copy}canvas.tool-erase{cursor:crosshair}canvas.tool-phone{cursor:move}canvas.tool-rotate{cursor:ew-resize}canvas.tool-camera{cursor:move}canvas.tool-turncam{cursor:ew-resize}.intercom-notifications,iframe[name^=intercom-]:not([name=intercom-messenger-frame]){display:none!important}