.whs{z-index:60;position:fixed;inset:0}.whs__scrim{background:#14101852;border:0;animation:.26s whs-fade;position:absolute;inset:0}.whs__panel{--wh-tint:#f2c66d;left:0;right:0;top:calc(var(--v2-safe-top,env(safe-area-inset-top,0px)) + 48px);padding:8px 16px calc(var(--v2-safe-bottom,env(safe-area-inset-bottom,0px)) + 8px);background:var(--v2-bg);border-radius:22px 22px 0 0;flex-direction:column;transition:background-color .25s;animation:.34s cubic-bezier(.2,.85,.25,1) whs-up;display:flex;position:absolute;bottom:0;box-shadow:0 -10px 40px #1410182e}.whs__panel--sad{--wh-tint:#8ea7cf}.whs.is-leaving .whs__panel{animation:.24s cubic-bezier(.4,0,1,1) forwards whs-down}.whs.is-leaving .whs__scrim{animation:.24s reverse forwards whs-fade}@keyframes whs-up{0%{transform:translateY(100%)}}@keyframes whs-down{to{transform:translateY(100%)}}@keyframes whs-fade{0%{opacity:0}}.whs__grip{background:var(--v2-border);border-radius:4px;align-self:center;width:38px;height:4px;margin-bottom:10px}.whs__tabs{align-items:center;gap:8px;display:flex}.whs__tab{--wh-tint:#f2c66d;border:1px solid var(--v2-border);min-height:38px;color:var(--v2-text-secondary);font:inherit;background:0 0;border-radius:12px 12px 4px 4px;align-items:center;gap:6px;padding:0 14px;font-size:14px;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.whs__tab--sad{--wh-tint:#8ea7cf}.whs__tab.is-on{border-color:color-mix(in srgb, var(--wh-tint) 50%, var(--v2-border));background:color-mix(in srgb, var(--wh-tint) 18%, var(--v2-surface));color:var(--v2-text-primary);font-weight:600}.whs__count{color:var(--v2-text-faint);font-size:11.5px;font-weight:400}.whs__x{background:color-mix(in srgb, var(--v2-text-primary) 6%, transparent);width:36px;height:36px;color:var(--v2-text-secondary);border:0;border-radius:50%;margin-left:auto;font-size:20px;line-height:1}.whs__write{border:1px solid color-mix(in srgb, var(--wh-tint) 40%, var(--v2-border));background:color-mix(in srgb, var(--wh-tint) 10%, var(--v2-surface));border-radius:16px;align-items:flex-end;gap:8px;margin-top:12px;padding:10px;display:flex}.whs__write textarea{resize:none;min-width:0;min-height:46px;max-height:140px;color:var(--v2-text-primary);font:inherit;background:0 0;border:0;outline:none;flex:auto;font-size:15px;line-height:1.55}.whs__send{background:var(--v2-accent);color:#fff;min-height:36px;font:inherit;border:0;border-radius:999px;flex:none;padding:0 14px;font-size:13.5px;font-weight:600;transition:opacity .2s,transform .15s}.whs__send:disabled{opacity:.4}.whs__err{color:var(--v2-danger,#d1495b);margin:6px 4px 0;font-size:12.5px}.whs__list{overscroll-behavior:contain;flex:auto;min-height:0;margin:12px 0 0;padding:0;list-style:none;overflow-y:auto}.whs__item{border-bottom:1px dashed var(--v2-border);animation:.3s cubic-bezier(.2,.85,.25,1) backwards whs-item;animation-delay:calc(var(--j,0) * 30ms);padding:12px 4px}@keyframes whs-item{0%{opacity:0;transform:translateY(8px)}}.whs__item p{white-space:pre-wrap;word-break:break-word;color:var(--v2-text-primary);margin:0;font-size:15px;line-height:1.65}.whs__meta{color:var(--v2-text-faint);align-items:center;gap:10px;margin-top:4px;font-size:11.5px;display:flex}.whs__meta .is-seen{color:color-mix(in srgb, #3a9a5b 80%, var(--v2-text-faint))}.whs__del{min-width:28px;min-height:28px;color:var(--v2-text-faint);font:inherit;background:0 0;border:0;border-radius:999px;margin-left:auto;padding:0 8px;font-size:13px}.whs__del.is-armed{background:color-mix(in srgb, var(--v2-danger,#d1495b) 14%, transparent);color:var(--v2-danger,#d1495b)}.whs__empty{text-align:center;color:var(--v2-text-faint);padding:30px 0;font-size:13px}html:is([data-v2-palette=glass],[data-v2-palette=glasslight]) .whs__panel{background:linear-gradient(var(--l-glass,transparent), var(--l-glass,transparent)), var(--v2-bg)}html:is([data-v2-palette=glass],[data-v2-palette=glasslight]) :is(.whs__item p,.whs__write textarea,.whs__tab.is-on){color:var(--l-ink)}html:is([data-v2-palette=glass],[data-v2-palette=glasslight]) :is(.whs__meta,.whs__count,.whs__tab,.whs__empty){color:var(--l-ink-2)}html:is([data-v2-palette=glass],[data-v2-palette=glasslight]) .whs__send{background:var(--g-accent,var(--v2-accent))}@media (prefers-reduced-motion:reduce){.whs__panel,.whs__scrim,.whs__item{animation:none}}
.cos{touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex:1 1 0;min-height:300px;margin:0 -16px;position:relative;overflow:hidden}.cos__milky{z-index:0;pointer-events:none;width:100%;height:100%;animation:9s ease-in-out infinite cos-breathe;position:absolute;inset:0}@keyframes cos-breathe{50%{opacity:.78}}.cos__orbit{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.cos__orbit path{fill:none;stroke:var(--cos-ring,#c8dcff66);stroke-width:1px}.cos__orbit--back{z-index:1}.cos__orbit--back path{stroke-dasharray:2 5;opacity:.6}.cos__orbit-far{fill:none;stroke:var(--cos-ring,#c8dcff66);stroke-width:.6px;stroke-dasharray:1 7;opacity:.45}.cos__orbit--front{z-index:4}.cos__orbit--front path{stroke-width:1.2px;filter:drop-shadow(0 0 3px #96beff99)}.cos__earth{z-index:3;pointer-events:none;position:absolute}.earth{opacity:0;transition:opacity .8s;display:block}.earth.is-ready{opacity:1}.earth--flat{opacity:1;border-radius:50%;display:block;position:relative;overflow:hidden;box-shadow:inset -26px -10px 40px #000000bf,inset 8px 6px 18px #a0c8ff59,0 0 30px #5a96ff73}.earth__map{background:url(/home/earth-day.jpg) 0/50% 100% repeat-x;width:400%;animation:70s linear infinite reverse earth-flat;position:absolute;inset:0}.earth--flat.earth--moon{box-shadow:inset -18px -8px 30px #3c3c4b59,0 0 26px #5a5f6e33}.earth--moon .earth__map{background-image:url(/home/moon.jpg);animation-duration:100s}@keyframes earth-flat{to{transform:translate(-50%)}}.cos__days{color:#fff;font-family:var(--u-serif,"Noto Serif SC", serif);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cos__days b{letter-spacing:.02em;text-shadow:0 0 10px #8cbefff2,0 0 26px #508cffbf,0 2px 8px #000a1e99;align-items:baseline;gap:.08em;font-size:1em;font-weight:500;line-height:1;animation:4.5s ease-in-out infinite cos-glow;display:inline-flex}.cos__days small{letter-spacing:.1em;font-size:.32em}.cos__days span{letter-spacing:.22em;color:#ebf4ffeb;text-shadow:0 0 6px #508cffe6,0 1px 3px #000a1ecc;margin-top:.5em;font-size:max(10px,.17em)}@keyframes cos-glow{50%{text-shadow:0 0 14px #a0cdff,0 0 36px #5a96ffd9,0 2px 8px #000a1e99}}.cos__earth--moon .cos__days{color:var(--v2-text-primary,#2e2e33)}.cos__earth--moon .cos__days b{text-shadow:0 0 10px #fffffff2,0 0 22px #fffc,0 1px 2px #ffffffe6;animation:4.5s ease-in-out infinite cos-glow-moon}.cos__earth--moon .cos__days span{color:var(--v2-text-secondary,#5a5a63);text-shadow:0 0 6px #fff,0 0 2px #fff}@keyframes cos-glow-moon{50%{text-shadow:0 0 14px #fff,0 0 30px #fffcf0f2,0 1px 2px #ffffffe6}}.cos__earth--moon .cos__days-empty{color:var(--v2-text-primary,#2e2e33)}.cos__days-empty{color:#fff;text-shadow:0 0 8px #508cfff2,0 1px 4px #000a1ecc;pointer-events:auto;max-width:7.5em;font-size:max(12px,.2em);line-height:1.6;text-decoration:none}.gx{z-index:2;width:80px;color:inherit;font:inherit;will-change:transform, opacity;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;top:-44px;left:-40px}.gx__halo{background:radial-gradient(circle, color-mix(in srgb, var(--c) 55%, transparent) 0%, color-mix(in srgb, var(--c) 18%, transparent) 42%, transparent 70%);pointer-events:none;border-radius:50%;width:84px;height:84px;margin:-42px 0 0 -42px;animation:3.6s ease-in-out infinite gx-breathe;position:absolute;top:37px;left:50%}@keyframes gx-breathe{50%{opacity:.75;transform:scale(1.18)}}.gx__body{perspective:160px;width:74px;height:74px;display:block;position:relative}.gx__disc{animation:gx-spin var(--spin,20s) linear infinite;filter:drop-shadow(0 0 6px var(--c)) brightness(1.15);background:50%/contain no-repeat;position:absolute;inset:0;transform:rotateX(56deg)rotate(0)}.gx--elliptical .gx__disc{transform:rotateX(30deg)rotate(0)}@keyframes gx-spin{to{transform:rotateX(56deg)rotate(-360deg)}}.gx--elliptical .gx__disc{animation-name:gx-spin-e}@keyframes gx-spin-e{to{transform:rotateX(30deg)rotate(-360deg)}}.gx__label{font-family:var(--u-serif,"Noto Serif SC", serif);letter-spacing:.08em;white-space:nowrap;color:#f2f6ff;text-shadow:0 0 6px color-mix(in srgb, var(--c) 85%, transparent), 0 1px 3px #000818d9;margin-top:-6px;font-size:13.5px;position:relative}.gx__label em{opacity:.75;margin-left:3px;font-size:10.5px;font-style:normal}.gx__badge{color:#fff;background:#ff4d63;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-style:normal;font-weight:600;line-height:16px;position:absolute;top:6px;right:8px;box-shadow:0 0 8px #ff4d63cc}.gx.is-new .gx__body:after{content:"";border:1.5px solid var(--c);border-radius:50%;animation:2s ease-out infinite gx-ping;position:absolute;inset:-6px}@keyframes gx-ping{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}.gx.is-warp .gx__body,.gx.is-warp .gx__halo{animation:.42s cubic-bezier(.2,.8,.3,1.2) forwards gx-warp}@keyframes gx-warp{to{filter:brightness(1.6);transform:scale(1.55)}}.gx:active .gx__body{filter:brightness(1.35)}html:not([data-v2-theme=dark]) .cos{--cos-ring:color-mix(in srgb, var(--v2-text-primary) 28%, transparent)}html:not([data-v2-theme=dark]) .gx__label{color:var(--v2-text-primary);text-shadow:0 0 6px color-mix(in srgb, var(--v2-bg) 90%, transparent), 0 0 2px var(--v2-bg)}html:not([data-v2-theme=dark]) .cos__orbit--front path{filter:none}@media (prefers-reduced-motion:reduce){.gx__disc,.gx__halo,.cos__milky,.cos__days b,.earth__map{animation:none}}