@property --sky-1{syntax: "<color>"; inherits: true; initial-value: #0A0D1E;}@property --sky-2{syntax: "<color>"; inherits: true; initial-value: #232A52;}@property --stars{syntax: "<number>"; inherits: true; initial-value: 1;}@property --sunup{syntax: "<number>"; inherits: true; initial-value: 0;}.ns{--ns-ink: #fff;--ns-ink-2: rgb(255 255 255 / .72);--ns-chip: rgb(255 255 255 / .14);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:580px;border-radius:var(--r-xl);color:var(--ns-ink);box-shadow:0 2px 4px #11121414,0 30px 60px -28px #11121473;transition:--sky-1 2.4s var(--ease-out, cubic-bezier(.23,1,.32,1)),--sky-2 2.4s var(--ease-out, cubic-bezier(.23,1,.32,1)),--stars 2.4s var(--ease-out, cubic-bezier(.23,1,.32,1)),--sunup 2.4s var(--ease-out, cubic-bezier(.23,1,.32,1)),color .8s var(--ease-out, cubic-bezier(.23,1,.32,1))}.ns[data-phase=dusk]{--sky-1: #262A57;--sky-2: #D9805C;--stars: .35;--sunup: 0}.ns[data-phase=night]{--sky-1: #0A0D1E;--sky-2: #232A52;--stars: 1;--sunup: 0}.ns[data-phase=dawn]{--sky-1: #2B3769;--sky-2: #EFA07A;--stars: .2;--sunup: .45}.ns[data-phase=morning]{--sky-1: #A9D3EE;--sky-2: #FBE4C9;--stars: 0;--sunup: 1;--ns-ink: var(--ink);--ns-ink-2: var(--ink-2);--ns-chip: rgb(17 18 20 / .08)}.ns-sky{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--sky-1) 0%,var(--sky-2) 100%)}.ns-stars{position:absolute;inset:0 0 30%;opacity:var(--stars);background-image:radial-gradient(circle at 12% 18%,#fff 0 1.6px,transparent 2.2px),radial-gradient(circle at 28% 46%,rgb(255 255 255 / .8) 0 1.2px,transparent 1.8px),radial-gradient(circle at 44% 10%,#fff 0 1.8px,transparent 2.4px),radial-gradient(circle at 57% 52%,rgb(255 255 255 / .7) 0 1.2px,transparent 1.8px),radial-gradient(circle at 71% 28%,#fff 0 1.4px,transparent 2px),radial-gradient(circle at 86% 14%,rgb(255 255 255 / .85) 0 1.6px,transparent 2.2px),radial-gradient(circle at 93% 58%,#fff 0 1.2px,transparent 1.8px),radial-gradient(circle at 6% 64%,rgb(255 255 255 / .75) 0 1.4px,transparent 2px),radial-gradient(circle at 36% 78%,#fff 0 1.1px,transparent 1.7px),radial-gradient(circle at 66% 84%,rgb(255 255 255 / .7) 0 1.3px,transparent 1.9px)}.ns-moon{position:absolute;bottom:200px;right:40px;width:46px;height:46px;fill:#f4e9d2;opacity:calc(1 - var(--sunup));transform:translateY(calc(var(--sunup) * -40px));filter:drop-shadow(0 0 18px rgb(244 233 210 / .35))}.ns-sun{position:absolute;left:50%;bottom:96px;width:220px;height:220px;margin-left:-110px;border-radius:50%;background:radial-gradient(closest-side,#ffe2b0,#ffc4808c 55%,#ffc48000);opacity:var(--sunup);transform:translateY(calc((1 - var(--sunup)) * 120px))}.ns-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:20px 22px 0}.ns-label{font:500 13px/18px var(--f-sans);color:var(--ns-ink-2)}.ns-clock{font:400 30px/1 var(--f-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ns-you{justify-self:end;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:var(--r-pill);background:var(--ns-chip);font:500 12px/1 var(--f-sans);white-space:nowrap}.ns .ns-feed{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px;height:268px;margin:22px 22px 0;padding-top:2px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}.ns-card{display:none;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;flex:none;padding:12px 14px;border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0a0d1e24,0 14px 28px -16px #0a0d1e99}.ns-card.on,.ns-card.out{display:grid}.ns-card.held{background:#fff6ef;box-shadow:inset 0 0 0 1px #d4471e47,0 14px 28px -16px #0a0d1e99}.ns-face{width:40px;height:40px;border-radius:12px;background:var(--tile)}.ns-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font:600 13px/18px var(--f-sans)}.ns-meta time{font:400 12px/18px var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums}.ns-text{margin-top:2px;font:400 14px/20px var(--f-sans);color:var(--ink-2);text-wrap:pretty}.ns-text .i{display:inline-block;vertical-align:-3px;margin-right:6px;color:var(--ink)}.ns-card.held .ns-text .i{color:var(--accent-text)}.ns-floor{position:relative;margin-top:auto;display:flex;justify-content:center;align-items:flex-end;gap:clamp(10px,3vw,30px);padding:0 56px 0 22px;height:150px}.ns-floor:before{content:"";position:absolute;inset:auto 0 0;height:46px;background:linear-gradient(180deg,#0a0d1e00,#0a0d1e52)}.ns[data-phase=morning] .ns-floor:before{background:linear-gradient(180deg,#fff0,#fff6)}.ns-bot{position:relative;display:block;width:52px;height:128px;transform:translateY(18px);transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s var(--ease-out, cubic-bezier(.23,1,.32,1));filter:saturate(.75) brightness(.82)}.ns-bot img{width:100%;height:100%;object-fit:contain;object-position:bottom}.ns-bot:after{content:"";position:absolute;left:50%;bottom:10px;width:96px;height:26px;margin-left:-48px;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,#ffcd96bf,#ffcd9600);opacity:0;transition:opacity .6s var(--ease-out, cubic-bezier(.23,1,.32,1))}.ns-bot.on{transform:translateY(4px);filter:none}.ns-bot.on:after{opacity:1}.ns[data-phase=morning] .ns-bot{filter:none}.ns-pause{all:unset;box-sizing:border-box;position:absolute;right:12px;bottom:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--ns-chip);color:var(--ns-ink);cursor:pointer;transition:background-color .16s var(--ease-out, cubic-bezier(.23,1,.32,1))}.ns-pause:hover{background:#ffffff3d}.ns-pause:focus-visible{outline:2px solid var(--ns-ink);outline-offset:2px}.ns-pause svg{width:14px;height:14px;fill:currentColor}.ns-pause .r,.ns-pause[aria-pressed=true] .p{display:none}.ns-pause[aria-pressed=true] .r{display:block}.ns-pause[hidden]{display:none}@media(max-width:860px){.ns{min-height:540px}.ns-feed{height:288px;margin-inline:14px}.ns-top{padding-inline:16px}.ns-clock{font-size:24px}.ns-bot{width:44px;height:108px}.ns-floor{height:124px}}@media(max-width:400px){.ns-top{grid-template-columns:1fr auto}.ns-label{display:none}.ns-clock{justify-self:start}}@media(prefers-reduced-motion:reduce){.ns,.ns-bot,.ns-bot:after{transition:none}}.ns-ico{display:grid;place-items:center;color:var(--ink)}.ns-ico .i{width:22px;height:22px}.ns.solo .ns-bot{width:84px;height:190px}.ns.solo .ns-floor{height:204px}.ns img,.ns svg{display:block;max-width:100%}.ns-top p,.ns-card p{margin:0}.ns-feed{padding-left:0;padding-right:0;list-style:none}@media(max-width:860px){.ns.solo .ns-bot{width:66px;height:150px}.ns.solo .ns-floor{height:164px}}