:root{--bg-color:#d7edff;--text-color:#183b4e;--card-bg:#ffffff40;--footer-bg:#27548a;--clock:#333;--date-color:#666;--scroll-bg:#f0f0f067;--scroll:linear-gradient(180deg, #9ed3ff, #83c7ff);--scroll-hover:linear-gradient(180deg, #8fccfd, #6cbdfe)}[data-theme=dark]{--bg-color:#2b2b2b;--text-color:#fff;--footer-bg:#1e1e1e;--clock:white;--date-color:lightgoldenrodyellow;--scroll-bg:#333;--scroll:linear-gradient(180deg, #878787, #535353);--scroll-hover:linear-gradient(180deg, #c2c2c2, #7b7b7b)}body{background-color:var(--bg-color);color:var(--text-color);text-align:center;min-width:524px;margin:0 auto;padding:3% 5vw 0;overflow:hidden}main{height:78vh;overflow:auto}@media (width>=1201px){body{min-width:320px;padding:30px 0 0}}a{color:#27548a;margin:0 .3rem}h3{text-align:center;margin-top:.5rem;margin-bottom:1.5rem;font-size:1.5rem}div{text-align:center}.icon{object-fit:contain;width:2.5rem;max-height:2.5rem}img{transition:transform .3s}img:hover{transform:scale(1.3)translateY(-5px)}.iconset{vertical-align:top;background-color:var(--card-bg);border:0 solid #333;border-radius:30px;height:115px;margin:15px;padding:5px 16px 16px;transition:box-shadow .3s;display:inline-block;box-shadow:0 1px 2px #00000026}.iconset:hover{box-shadow:0 4px 12px #00000040}footer{clear:both;color:#fff;background:var(--footer-bg);text-align:center;width:100%;padding:0;font-family:serif;font-size:24px;position:fixed;bottom:0;left:0;box-shadow:0 -2px 6px #0000001a}#clock{color:var(--clock);font-family:Courier New,Courier,monospace;font-size:60px}#date{color:var(--date-color);white-space:pre;margin-bottom:20px;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:700}#empty{height:100px;display:block}::selection{color:#000;background:#fc0}@media (width<=500px){body{background-color:var(--bg-color);text-align:left;min-width:0;max-width:90vw;margin:0 auto;padding:1rem 0 0}.icon{width:2.5rem}.iconset{vertical-align:top;height:auto;box-shadow:none;background-color:#0000;border:0;border-radius:0;width:80vw;padding:0}.icons{flex-wrap:wrap;gap:10px 5px;display:flex}.iconset:hover{box-shadow:none}#clock{font-size:3.2rem}#date{color:var(--date-color);font-size:1rem}footer{font-family:serif;font-size:1rem}h3{text-align:left;margin-top:.5rem;margin-bottom:1.5rem;font-size:1.5rem}.onlypc{display:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-bg);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}