.backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:#0c0d12}.backdrop__frame{position:absolute;inset:-3%;background-size:cover;background-position:center;filter:saturate(.9) brightness(.93);will-change:transform,opacity}.backdrop__frame[data-drift=in]{animation:fade-through 2.2s var(--ease-io) both,drift-in 34s var(--ease-io) both}.backdrop__frame[data-drift=out]{animation:fade-through 2.2s var(--ease-io) both,drift-out 34s var(--ease-io) both}@keyframes fade-through{0%{opacity:0}to{opacity:1}}@keyframes drift-in{0%{transform:scale(1.085) translate3d(.9%,.6%,0)}to{transform:scale(1) translateZ(0)}}@keyframes drift-out{0%{transform:scale(1) translate3d(-.7%,0,0)}to{transform:scale(1.085) translate3d(.6%,-.7%,0)}}.backdrop__scrim{position:absolute;inset:0;z-index:3;background:linear-gradient(to bottom,#06080e94,#06080e00 25%),linear-gradient(to top,#06080eb8,#06080e00 40%),linear-gradient(to right,#06080e8f,#06080e00 44%),linear-gradient(to left,#06080e7a,#06080e00 34%)}.backdrop__grade{position:absolute;inset:0;z-index:4;mix-blend-mode:soft-light;opacity:.55;background:linear-gradient(to bottom,var(--lavender),transparent 45%,var(--peach))}.links{display:flex;align-items:baseline;gap:.75rem;margin-top:.5rem;font-size:.875rem;font-weight:440;letter-spacing:-.006em;color:var(--ink-3)}.links__item+.links__item:before{content:"·";margin-right:.75rem}.links__item{transition:color .2s var(--ease)}.links__item:hover{color:var(--ink)}.brand{display:flex;align-items:flex-start;gap:.875rem}.brand__mark{width:2.5rem;height:2.5rem;border-radius:.625rem;object-fit:cover;box-shadow:0 .125rem .75rem #06080e66}.brand__name{font-size:1.125rem;font-weight:600;letter-spacing:-.022em;line-height:1.25}.brand__tagline{font-size:.9375rem;font-weight:430;letter-spacing:-.004em;line-height:1.35;color:var(--ink-2)}.clock{animation-delay:.12s}.clock__time{display:flex;align-items:baseline;gap:.75rem}.clock__hm{font-size:7.75rem;font-weight:230;letter-spacing:-.045em;line-height:.92}.clock__s{font-size:2.25rem;font-weight:320;letter-spacing:-.02em;color:var(--ink-3)}.clock__date{margin-top:.875rem;font-size:1.25rem;font-weight:460;letter-spacing:-.008em;color:var(--ink-2)}.sprout{width:1.75rem;height:1.75rem;flex:none;overflow:visible;opacity:.9;filter:drop-shadow(0 .0625rem .375rem rgba(6,8,14,.4))}.sprout__body{transform-origin:24px 42px;animation:sway 7s var(--ease-io) infinite alternate}@keyframes sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}.sprout__eyes{transform-origin:24px 33.6px;animation:blink 12s steps(1,end) infinite}@keyframes blink{0%,97.4%{transform:scaleY(1)}97.5%,99%{transform:scaleY(.1)}99.1%,to{transform:scaleY(1)}}.notice{display:flex;align-items:center;gap:.875rem;max-width:30rem;animation-delay:.24s}.notice__text{font-size:1.0625rem;font-weight:440;line-height:1.6;letter-spacing:-.008em;color:var(--ink);white-space:pre-line;animation:notice-in .7s var(--ease) both}.notice--alert .notice__text{color:var(--peach)}@keyframes notice-in{0%{opacity:0;transform:translateY(.375rem)}to{opacity:1;transform:none}}.np{width:17rem;text-align:right;animation-delay:.3s}.np__line{display:flex;align-items:baseline;justify-content:flex-end;gap:.5rem;white-space:nowrap}.np__title{font-size:1.0625rem;font-weight:560;letter-spacing:-.016em;overflow:hidden;text-overflow:ellipsis}.np__artist{font-size:.9375rem;font-weight:430;color:var(--ink-3);flex:none}.np__artist:before{content:"·";margin-right:.5rem}.np__rail{margin-top:.625rem;height:.125rem;border-radius:999rem;background:#ffffff38;overflow:hidden}.np__fill{height:100%;background:var(--lavender);transform-origin:left;transition:transform .26s linear}.np__foot{position:relative;display:flex;align-items:center;justify-content:flex-end;height:1.5rem;margin-top:.375rem}.np__time{font-size:.8125rem;font-weight:440;color:var(--ink-3);transition:opacity .22s var(--ease)}.np__controls{position:absolute;right:0;display:flex;align-items:center;gap:.125rem;opacity:0;pointer-events:none;transition:opacity .22s var(--ease)}.np:hover .np__controls,.np:focus-within .np__controls{opacity:1;pointer-events:auto}.np:hover .np__time,.np:focus-within .np__time{opacity:0}.np__btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;color:var(--ink-2);transition:color .16s var(--ease),transform .16s var(--ease)}.np__btn:hover{color:var(--ink)}.np__btn:active{transform:scale(.9)}.np__hint{margin-top:.5rem;font-size:.8125rem;font-weight:440;color:var(--ink-3)}.server{text-align:right;animation-delay:.06s}.server__address{font-size:1.75rem;font-weight:600;letter-spacing:-.03em;line-height:1.15}.server__meta{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:.25rem;font-size:.9375rem;font-weight:450;letter-spacing:-.006em;color:var(--ink-2)}.server__state{display:inline-flex;align-items:center;gap:.4375rem}.server__state:before{content:"";width:.375rem;height:.375rem;border-radius:50%;background:var(--ink-3);transition:background .6s var(--ease)}.server__state--online:before{background:var(--mint)}.server__state--offline:before{background:var(--peach)}.server__version{color:var(--ink-3)}.server__version:before{content:"·";margin-right:.625rem}.stage{position:fixed;inset:0;z-index:1;display:grid;grid-template-rows:auto 1fr auto;padding:var(--safe);pointer-events:none}.stage a,.stage button,.stage .np{pointer-events:auto}.stage__top,.stage__bottom{display:flex;gap:2rem;justify-content:space-between}.stage__top{align-items:flex-start}.stage__mid{display:flex;align-items:center;padding-bottom:3.5rem}.stage__bottom{align-items:flex-end}@media(max-aspect-ratio:5 / 4){.stage__bottom{flex-direction:column;align-items:flex-start;gap:1.5rem}.np{width:100%;text-align:left}.np__line,.np__foot{justify-content:flex-start}.np__controls{right:auto;left:0}}:root{--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Apple SD Gothic Neo", system-ui, sans-serif;--mint: #a9e0c6;--peach: #f6c6ae;--lavender: #c8c0f4;--ink: rgba(255, 255, 255, .97);--ink-2: rgba(255, 255, 255, .7);--ink-3: rgba(255, 255, 255, .46);--safe: 4.5rem;--ease: cubic-bezier(.22, 1, .36, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);color-scheme:dark}html{font-size:clamp(5px,min(1.4815vh,.83333vw),44px);-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{width:100vw;height:100vh;overflow:hidden;background:#0c0d12;color:var(--ink);font-family:var(--font-sans);font-size:1rem;line-height:1.5;letter-spacing:-.012em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.on-photo{text-shadow:0 .0625rem .1875rem rgba(6,8,14,.42),0 .75rem 2.5rem rgba(6,8,14,.5)}@keyframes rise{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}.rise{animation:rise 1.1s var(--ease) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}