:root[data-home-guest][data-skin=d2] .d2h{visibility:hidden}[data-skin=d2] .d2h{position:relative}[data-skin=d2] .d2h-sky{position:absolute;z-index:0;top:0;inset-inline:0;height:calc(291px + var(--status-h));pointer-events:none;background:var(--sky) center bottom / cover no-repeat;-webkit-mask:linear-gradient(to bottom,rgba(0,0,0,.42) 0,rgba(0,0,0,.62) 26%,#000 64%);mask:linear-gradient(to bottom,rgba(0,0,0,.42) 0,rgba(0,0,0,.62) 26%,#000 64%);--sky-o: 1;opacity:var(--sky-o);animation:d2h-sky-in 1.2s var(--diffuse) both;transition:filter .9s var(--diffuse),opacity .9s var(--diffuse)}:root.dark[data-skin=d2] .d2h-sky{-webkit-mask:none;mask:none}@keyframes d2h-sky-in{0%{opacity:0}to{opacity:var(--sky-o)}}:root[data-skin=d2]:not(.dark) .d2h-sky[data-sky=lilac]{filter:hue-rotate(-14deg) saturate(.92)}:root[data-skin=d2]:not(.dark) .d2h-sky[data-sky=apricot]{filter:saturate(.9);--sky-o: .82}:root[data-skin=d2]:not(.dark) .d2h-sky[data-sky=gold]{filter:hue-rotate(16deg) saturate(.8) brightness(1.04);--sky-o: .8}:root[data-skin=d2]:not(.dark) .d2h-sky[data-sky=plain]{--sky-o: .28}[data-skin=d2] .d2h-page{position:relative;z-index:1;padding:calc(var(--status-h) + 30px) var(--gutter) calc(var(--tab-space) + 32px)}[data-skin=d2] .d2h-later{position:absolute;z-index:2;top:calc(var(--status-h) - 4px);inset-inline-end:calc(var(--gutter) - 2px)}[data-skin=d2] .d2h-hello{height:1.02em;white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease)}[data-skin=d2] .d2h-hello[data-on]{opacity:1;transform:none}[data-skin=d2] .d2h-moon-wrap{height:196px;display:grid;place-items:center;margin-top:6px}[data-skin=d2] .d2h-moon{transition:opacity .48s var(--ease),transform .62s var(--ease)}[data-skin=d2] .d2h[data-look=line] .d2h-compose{margin-top:34px}[data-skin=d2] .d2h-recent{margin-top:30px;transition:opacity .42s var(--ease),transform .62s var(--ease)}[data-skin=d2] .d2h-recent-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}[data-skin=d2] .d2h-recent-head .d2-quiet{min-height:40px;font-size:13px;letter-spacing:.02em}[data-skin=d2] .d2h-recent .mark{justify-self:center}[data-skin=d2] .d2h[data-look=line]:not([data-composing]):has(.d2c[data-has-text]) .d2h-recent{transform:translateY(58px)}[data-skin=d2] .d2h[data-look=d]:not([data-composing]):has(.d2c[data-has-text]) .d2h-recent{transform:translateY(64px)}[data-skin=d2] .d2h[data-composing] .d2h-sky{opacity:0!important}[data-skin=d2] .d2h[data-composing] .d2h-page{position:fixed;z-index:30;inset:0;max-width:480px;margin-inline:auto;display:flex;flex-direction:column;overflow:hidden;padding-bottom:30px;background:var(--ground)}[data-skin=d2] .d2h[data-composing] .d2h-moon-wrap{position:absolute;inset-inline:0;top:calc(var(--status-h) + 81px);margin:0;pointer-events:none}[data-skin=d2] .d2h[data-composing] .d2h-compose{flex:1;min-height:0;display:flex;flex-direction:column}[data-skin=d2] .d2h[data-composing] .d2h-recent{position:absolute;inset-inline:var(--gutter);bottom:0;opacity:0;transform:translateY(48px);pointer-events:none}[data-skin=d2] .d2h[data-look=d][data-composing] .d2h-moon{transform:translateY(-46px) scale(.44)}[data-skin=d2] .d2h[data-look=d][data-composing] .d2h-compose{margin-top:104px}[data-skin=d2] .d2h[data-look=line][data-composing] .d2h-moon{opacity:0;transform:translateY(-28px) scale(.45)}[data-skin=d2] .d2h[data-look=line][data-composing] .d2h-compose{margin-top:22px}@media(prefers-reduced-motion:reduce){[data-skin=d2] :is(.d2h-sky,.d2h-hello,.d2h-moon,.d2h-recent){animation:none!important;transition-duration:1ms!important}}