:where(body:has(.atmo)){--atmo-gutter:20px;--atmo-wide:1120px;--atmo-text:768px;--atmo-rail-w:40px}@media (min-width:640px){:where(body:has(.atmo)){--atmo-gutter:32px}}@media (min-width:1024px){:where(body:has(.atmo)){--atmo-gutter:40px}}.atmo-span{width:100%;padding-inline:var(--atmo-gutter);margin-inline:auto}.atmo-span--wide{max-width:calc(var(--atmo-wide) + 2 * var(--atmo-gutter))}.atmo-span--text{max-width:calc(var(--atmo-text) + 2 * var(--atmo-gutter))}.atmo-span--bleed{max-width:none;padding-inline:0}@media (min-width:1024px){.atmo-plate{margin-inline:calc(var(--atmo-rail-inset,0px) + var(--atmo-rail-w))}}.atmo :is([class~=max-w-5xl],[class~=max-w-6xl]){max-width:calc(var(--atmo-wide) + 2 * var(--atmo-gutter))}body:has(.atmo) header [class~=max-w-6xl]{max-width:calc(var(--atmo-wide) + 2 * var(--atmo-gutter))}.atmo{background-color:var(--background);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120' viewBox='0 0 240 120'%3E%3Cg fill='none' stroke='%231B2422' stroke-opacity='0.045' stroke-width='1'%3E%3Cpath d='M0 20 C40 12 80 28 120 20 C160 12 200 28 240 20'/%3E%3Cpath d='M0 60 C40 52 80 68 120 60 C160 52 200 68 240 60'/%3E%3Cpath d='M0 100 C40 92 80 108 120 100 C160 92 200 108 240 100'/%3E%3C/g%3E%3C/svg%3E");background-size:240px 120px;overflow-x:clip}@media (max-width:1023.98px){.atmo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120' viewBox='0 0 240 120'%3E%3Cg fill='none' stroke='%231B2422' stroke-opacity='0.085' stroke-width='1'%3E%3Cpath d='M0 20 C40 12 80 28 120 20 C160 12 200 28 240 20'/%3E%3Cpath d='M0 60 C40 52 80 68 120 60 C160 52 200 68 240 60'/%3E%3Cpath d='M0 100 C40 92 80 108 120 100 C160 92 200 108 240 100'/%3E%3C/g%3E%3C/svg%3E")}}.atmo .atmo-sheet{background:var(--background)}.atmo-ticks{background-image:repeating-linear-gradient(90deg,#1b242259 0 1px,#0000 1px 48px),repeating-linear-gradient(90deg,#1b242238 0 1px,#0000 1px 8px);background-repeat:no-repeat;background-size:100% 9px,100% 5px;border-top:1px solid #1b242259;width:100%;height:22px;position:relative}.atmo-ticks-row{justify-content:space-between;align-items:flex-start;height:0;display:flex}.atmo-ticks-label{font-family:var(--font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#1b24228c;white-space:nowrap;background:var(--background);margin:0 -.375rem;padding:0 .375rem;font-size:.625rem;line-height:1;position:relative;top:0;transform:translateY(-50%)}.atmo-rail{width:var(--atmo-rail-w,40px);pointer-events:none;-webkit-user-select:none;user-select:none;background-color:var(--background);background-image:repeating-linear-gradient(#1b24224d 0 1px,#0000 1px 48px),repeating-linear-gradient(#1b24222e 0 1px,#0000 1px 8px);background-repeat:no-repeat;background-size:14px 100%,8px 100%;display:none;position:absolute;top:0;bottom:0;overflow:hidden}.atmo-rail--left{left:var(--atmo-rail-inset,0px);background-position:right 0 top 0,right 0 top 0;border-right:1px solid #1b242259}.atmo-rail--right{right:var(--atmo-rail-inset,0px);background-position:0 0,0 0;border-left:1px solid #1b242259}@media (min-width:1024px){.atmo-rail{display:block}}.atmo-rail-reading{font-family:var(--font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#1b242273;white-space:nowrap;background:var(--background);padding:.25rem 0;font-size:.625rem;line-height:1;transition:opacity .16s ease-out;position:absolute;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.atmo-rail--right .atmo-rail-reading{transform:translate(-50%,-50%)rotate(90deg)}.atmo-rail-reading--landmark{color:#1b2422b8}a.atmo-rail-reading{pointer-events:auto;cursor:pointer;text-decoration:none}.atmo-rail-reading--index{letter-spacing:.06em;font-size:.7rem}a.atmo-rail-reading:hover{color:var(--signal)}a.atmo-rail-reading:focus-visible{color:var(--signal);outline:1px solid var(--signal);outline-offset:2px}.atmo-rail-reading.is-active{color:var(--signal)}.atmo-measure-probe{visibility:hidden;height:0;overflow:hidden}.atmo-rail-probe{visibility:hidden;transition:none;top:0;bottom:auto;left:-9999px;transform:none}.atmo-rail-needle{height:0;position:absolute;top:0;left:0;right:0}.atmo-rail-needle-bar{background:var(--signal);height:1px;position:absolute;top:-.5px;left:0;right:0}.atmo-rail-needle-read{font-family:var(--font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--signal);white-space:nowrap;background:var(--background);padding:.375rem 0;font-size:.625rem;line-height:1;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.atmo-rail--right .atmo-rail-needle-read{transform:translate(-50%,-50%)rotate(90deg)}:where(body:has(.atmo)){--atmo-strip-h:68px;--atmo-strip-index-h:44px;--atmo-strip-tape-h:24px}.atmo-rail-strip{z-index:40;height:var(--atmo-strip-h);-webkit-user-select:none;user-select:none;background:var(--background);border-top:1px solid #1b242259;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@media (max-width:1023.98px){body:has(.atmo){padding-bottom:var(--atmo-strip-h)}}@media (min-width:1024px){.atmo-rail-strip{display:none}}.atmo-strip-index{z-index:1;height:var(--atmo-strip-index-h);padding-inline:var(--atmo-gutter);justify-content:space-between;align-items:stretch;gap:.5rem;display:flex;position:relative}.atmo-strip-here{min-width:0;font-family:var(--font-mono);letter-spacing:.06em;color:var(--signal);white-space:nowrap;text-overflow:ellipsis;align-items:center;font-size:.7rem;line-height:1;display:flex;overflow:hidden}.atmo-strip-next{text-overflow:ellipsis;min-width:0;min-height:var(--atmo-strip-index-h);font-family:var(--font-mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#1b2422b8;white-space:nowrap;flex:0 auto;align-items:center;gap:.5rem;font-size:.7rem;line-height:1;text-decoration:none;display:flex;overflow:hidden}.atmo-strip-next[hidden]{display:none}.atmo-strip-next-tag{color:#1b2422a6}.atmo-strip-next:active{color:var(--signal)}.atmo-strip-next:focus-visible{color:var(--signal);outline:1px solid var(--signal);outline-offset:-3px}@media (hover:hover){.atmo-strip-next:hover{color:var(--signal)}}.atmo-strip-tape-lane{height:var(--atmo-strip-tape-h);border-top:1px solid #1b242238;position:relative;overflow:hidden}.atmo-rail-tape{z-index:1;background-image:repeating-linear-gradient(90deg,#1b242259 0 1px,#0000 1px 100px),repeating-linear-gradient(90deg,#1b24222e 0 1px,#0000 1px 20px);background-repeat:no-repeat;background-size:100% 9px,100% 5px;position:absolute;top:0;bottom:0;left:50%}.atmo-rail-tape-mark{font-family:var(--font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#1b242280;white-space:nowrap;background:var(--background);margin:0 -.3125rem;padding:0 .3125rem;font-size:.625rem;line-height:1;transition:opacity .16s ease-out;position:absolute;bottom:2px;transform:translate(-50%)}.atmo-rail-tape-mark--landmark{color:#1b2422b8}.atmo-rail-strip-needle{z-index:0;background:var(--signal);width:1px;position:absolute;top:0;bottom:0;left:50%}.atmo-rail-strip-read{z-index:2;font-family:var(--font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--signal);white-space:nowrap;background:var(--background);align-items:center;padding:0 .75rem 0 .5rem;font-size:.625rem;line-height:1;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-6px 0 6px -4px #1b24222e}@media (prefers-reduced-motion:reduce){.atmo-rail-reading,.atmo-rail-tape-mark,.atmo-strip-here,.atmo-strip-next{transition:none}}.atmo-frame{border:1px solid #1b242266;position:relative}.atmo-frame:before,.atmo-frame:after{--atmo-tick:24px;content:"";background-image:linear-gradient(90deg,#1b242240 0 1px,#0000 1px 24px);background-size:var(--atmo-tick) 5px;background-repeat:repeat-x;background-position:calc(50% + var(--atmo-tick) / 2 - .5px) top;height:5px;position:absolute;left:0;right:0}.atmo-frame:before{top:0}.atmo-frame:after{bottom:0;transform:scaleY(-1)}.atmo-coord{font-family:var(--font-mono);letter-spacing:.06em;color:#1b24228c;background:var(--background);white-space:nowrap;padding:0 .375rem;font-size:.625rem;position:absolute}.atmo-panel{border:1px solid #1b242266;position:relative;overflow:hidden}.atmo-rings{--station-x:55%;--station-y:76%;pointer-events:none;background-image:repeating-radial-gradient(circle at var(--station-x) var(--station-y), transparent 0 38px, #2c7a6d29 38px 39px, transparent 39px 78px);-webkit-mask-image:radial-gradient(circle at var(--station-x) var(--station-y), black 0%, transparent 62%);-webkit-mask-image:radial-gradient(circle at var(--station-x) var(--station-y), black 0%, transparent 62%);mask-image:radial-gradient(circle at var(--station-x) var(--station-y), black 0%, transparent 62%);position:absolute;inset:0}.atmo-station{--station-x:55%;--station-y:76%;left:var(--station-x);top:var(--station-y);background:var(--signal);width:10px;height:10px;box-shadow:0 0 0 3px var(--background), 0 0 0 4px var(--signal);animation:atmo-station-pulse 3s var(--ease-instrument) infinite;border-radius:9999px;position:absolute;transform:translate(-50%,-50%)}@keyframes atmo-station-pulse{0%,to{opacity:1}50%{opacity:.45}}.atmo-press{position:relative}.atmo-press:after{content:"";pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='96' height='96' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.atmo-station{box-shadow:0 0 0 3px var(--background);opacity:1;animation:none}}.atmo-demo [class*=bg-surface-2\/60][class*=border-b]{display:none}.atmo-demo [class*=rounded-2xl][class*=bg-card]{box-shadow:none;border-radius:0}.atmo-demo [class*=bg-card]{background-color:var(--background)}body:has(.atmo) footer:not(.atmo-titleblock){display:none}.atmo [class~="text-[11px]"]{font-size:.7rem}.atmo-coord.bg-surface-2{background:var(--surface-2)}