:root{--text:#fff;--font:-apple-system, BlinkMacSystemFont, "SF Pro SC", "PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#05070f;margin:0;overflow:hidden}.app{height:100dvh;position:relative;overflow:hidden}.wallpaper{pointer-events:none;position:absolute;inset:0}.wallpaper__img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--fade,1.4s) ease;position:absolute;inset:0}.wallpaper__img[data-active=true]{opacity:1}.glass{position:relative}.glass__layer{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.glass__baked{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.glass__baked-slide{opacity:0;transition:opacity var(--fade,1.4s) ease;position:absolute;inset:0}.glass__baked-slide[data-warm=true]{opacity:.004}.glass__baked-slide[data-active=true]{opacity:1}.glass__baked-svg{display:block;position:absolute}.glass__tint{background:linear-gradient(#ffffff21 0%,#ffffff0a 40%,#ffffff05 62%,#ffffff14 100%)}.glass__sheen{background:radial-gradient(220px circle at var(--lg-mx,50%) var(--lg-my,-20%), #ffffff38, #fff0 60%);opacity:0;transition:opacity .4s}.glass:hover .glass__sheen,.glass:focus-visible .glass__sheen{opacity:1}.glass__rim{background:linear-gradient(var(--lg-rim-angle,140deg), #ffffff0f 0%, #ffffff57 24%, #ffffffe6 46%, #ffffff4d 64%, #ffffff0d 100%);-webkit-mask-composite:xor;opacity:.95;padding:1px;box-shadow:inset 0 0 0 .5px #ffffff6b,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #ffffff1a;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass__content{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.card{min-height:168px;color:var(--text);padding:22px 24px;text-decoration:none;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s;display:block;box-shadow:0 14px 34px #0000004d}.card:hover{transform:translate3d(var(--lg-tx,0px), calc(var(--lg-ty,0px) - 5px), 0);box-shadow:0 26px 52px #00000070}.card:active{transform:translateY(-1px)scale(.99)}.card__head{align-items:center;gap:8px;display:flex}.card__dot{background:#ffffffeb;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 1px #00000038,0 0 10px #ffffffbf}.card__hint{letter-spacing:.6px;color:#ffffffdb;text-shadow:0 1px 3px #0000008c;font-size:12px}.card__foot{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;display:flex}.card__name{letter-spacing:.4px;text-shadow:0 1px 2px #0009,0 0 16px #00000073;font-size:21px;font-weight:600}.card__arrow{opacity:.72;filter:drop-shadow(0 1px 3px #0000008c);transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s;display:inline-flex}.card:hover .card__arrow{opacity:1;transform:translate(3px,-3px)}.bar{position:relative}.bar .glass__content{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;width:100%}.bar--controls .glass__content{justify-content:center;gap:6px}.bar--header{justify-content:space-between;gap:20px;padding:14px 24px;box-shadow:0 12px 32px #00000042}.bar__brand{align-items:baseline;gap:10px;min-width:0;display:flex}.bar__title{letter-spacing:.5px;text-shadow:0 1px 2px #0000008c,0 0 16px #0006;margin:0;font-size:20px;font-weight:600}.bar__subtitle{letter-spacing:3px;color:#ffffffdb;text-shadow:0 1px 3px #00000080;font-size:12px}.bar__clock{align-items:baseline;gap:10px;display:flex}.bar__time{font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #0000008c,0 0 14px #0006;font-size:17px;font-weight:600}.bar__date{color:#ffffffd6;text-shadow:0 1px 3px #00000080;font-size:12px}.bar--controls{gap:6px;padding:8px 14px;box-shadow:0 12px 30px #00000047}.icon-btn{width:34px;height:34px;color:var(--text);cursor:pointer;filter:drop-shadow(0 1px 3px #00000080);background:#ffffff24;border:0;border-radius:50%;justify-content:center;align-items:center;transition:background .22s,transform .22s;display:inline-flex;box-shadow:inset 0 1px #ffffff59,0 1px 4px #00000038}.icon-btn:hover{background:#ffffff2e}.icon-btn:active{transform:scale(.94)}.dots{align-items:center;gap:7px;margin:0 8px;display:flex}.dot{cursor:pointer;background:#ffffff80;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:width .3s cubic-bezier(.22,1,.36,1),background .3s;box-shadow:0 1px 3px #0006}.dot[data-active=true]{background:#fffffffa;width:20px}.counter{color:#ffffffe0;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #00000080;padding-right:6px;font-size:12px}.shell{z-index:1;flex-direction:column;gap:clamp(18px,3vh,32px);max-width:1180px;height:100%;margin:0 auto;padding:clamp(22px,3.4vh,44px) clamp(18px,4vw,48px);display:flex;position:relative}.grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:clamp(14px,1.6vw,22px);display:grid}.footer{justify-content:center;display:flex}a:focus-visible,button:focus-visible{outline-offset:3px;outline:2px solid #ffffffe6}@media (width<=980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.grid{grid-template-columns:1fr}.card{min-height:132px}.bar__subtitle,.bar__date,.dots{display:none}}@media (prefers-reduced-motion:reduce){.wallpaper__img,.card:hover{transform:none}.card,.card__arrow,.icon-btn{transition:none}}