.devnote-open{font:inherit;min-height:0;min-width:0;padding:0;border-radius:0;border:0;background:none;text-decoration:underline dotted;cursor:pointer}.dev-drawer{position:fixed;right:8px;bottom:32px;z-index:var(--z-card);width:min(360px,calc(100vw - 16px));max-height:calc(100vh - 48px);overflow-y:auto;background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:8px 12px;font-size:.85rem}.dev-drawer header{display:flex;justify-content:space-between;align-items:center}.dev-drawer h3{margin:10px 0 4px;font-size:.85rem}.dev-drawer input[type=range]{width:100%}.dev-row{display:flex;flex-wrap:wrap;gap:4px}.dev-row button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.dev-suggestions{margin:0;padding-left:16px}.dev-suggestions li{margin-bottom:6px}.devnote[hidden]{display:none}@media(max-width:600px){.dev-drawer{max-height:45vh}}.devform input[type=checkbox]{width:auto}.clouds{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;overflow:hidden;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:-webkit-backdrop-filter .7s ease-out .25s,backdrop-filter .7s ease-out .25s}.clouds[hidden]{display:none}.cl-defs{position:absolute}.cl-white{fill:var(--cloud)}.cl-shade{fill:var(--cloud-shade)}.cl-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sky-day);transition:opacity .5s ease-out}.cl-bank{position:absolute;top:max(22vh,150px);bottom:0;width:62vw;transition:transform 1s cubic-bezier(.3,0,.25,1),opacity .45s ease-in .55s}.cl-left{left:0;transform-origin:100% 30%}.cl-right{right:0;transform-origin:0 30%}.cl-bank svg{display:block;width:100%;height:100%;overflow:visible;animation:cl-sway 7s ease-in-out infinite alternate}.cl-right svg{animation-duration:8.5s;animation-delay:-3s}.cl-small{position:absolute;width:26vmin;max-width:150px;animation:cl-drift 26s ease-in-out infinite alternate;transition:opacity .4s ease-out}.cl-small-a{top:6vh;left:8vw}.cl-small-b{top:10vh;right:6vw;width:20vmin;animation-duration:31s;animation-direction:alternate-reverse}.cl-birds{position:absolute;top:9vh;left:-80px;width:64px;animation:cl-fly 16s linear infinite;transition:opacity .3s ease-out}.cl-bird{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:50% 80%;animation:cl-flap .6s ease-in-out infinite alternate}.cl-bird-2{animation-delay:-.3s}.cl-title{position:absolute;top:max(13vh,80px);left:0;right:0;text-align:center;font-family:var(--type-title);font-weight:600;font-size:clamp(2rem,7vmin,3.2rem);color:var(--ink);transition:opacity .3s ease-out}.cl-dots{position:absolute;top:calc(max(13vh,80px) + clamp(3rem,10vmin,4.6rem));left:0;right:0;display:flex;justify-content:center;gap:8px;transition:opacity .3s ease-out}.cl-dots i,.awaiting i{width:8px;height:8px;border-radius:50%;background:var(--ink-quiet);opacity:.35;animation:cl-dot 1.2s ease-in-out infinite}.cl-dots i:nth-child(2),.awaiting i:nth-child(2){animation-delay:.2s}.cl-dots i:nth-child(3),.awaiting i:nth-child(3){animation-delay:.4s}.clouds.parting{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.clouds.parting .cl-sky{opacity:0}.clouds.parting .cl-left{transform:translate(-80%) scale(1.3);opacity:0}.clouds.parting .cl-right{transform:translate(80%) scale(1.3);opacity:0}.clouds.parting .cl-title,.clouds.parting .cl-dots,.clouds.parting .cl-birds,.clouds.parting .cl-small{opacity:0}@keyframes cl-sway{0%{transform:translate(0)}to{transform:translate(-14px,6px)}}@keyframes cl-drift{0%{transform:translate(-3vw)}to{transform:translate(4vw)}}@keyframes cl-fly{0%{transform:translate(0)}50%{transform:translate(calc(50vw + 40px),-1.5vh)}to{transform:translate(calc(100vw + 160px),1vh)}}@keyframes cl-flap{0%{transform:scaleY(1)}to{transform:scaleY(.55)}}@keyframes cl-dot{0%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.cl-bank svg,.cl-small,.cl-birds,.cl-bird,.cl-dots i,.awaiting i{animation:none}.cl-birds{left:58vw}.cl-bank{transition:opacity .3s ease-out}.clouds.parting .cl-left,.clouds.parting .cl-right{transform:none}}.awaiting{display:flex;gap:8px;justify-content:center;align-items:center;min-height:44px;margin:var(--gap) 0;animation:awaiting-in .3s ease-out}.awaiting.page{min-height:50vh}@keyframes awaiting-in{0%{opacity:0}}.cant-reach{max-width:22rem;margin:var(--gap) auto;padding:18px 20px 20px;border:2px solid var(--ink-b);border-radius:14px;background:var(--paper);box-shadow:0 3px 0 var(--cloud-shadow);text-align:center}.cant-reach.page{position:fixed;z-index:901;top:42%;left:50%;width:min(22rem,calc(100vw - 48px));margin:0;transform:translate(-50%,-50%);box-sizing:border-box}.cant-reach h3{margin:0 0 6px}.cant-reach p{margin:0 0 14px}.cant-reach button{background:var(--ink-s);color:var(--paper)}.offline-note{position:fixed;z-index:950;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);margin:0;padding:8px 16px;border:2px solid var(--ink-b);border-radius:18px;background:var(--paper);font-weight:700;text-align:center;pointer-events:none}
