@import url(https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@300;400;700&display=swap);:root{--text-color:#535353}body{align-items:center;background-color:#fff;box-sizing:border-box;color:#0a0a0a;display:flex;flex-direction:column;font-family:Anonymous Pro,monospace;font-weight:300;justify-content:center;margin:0;min-height:100dvh;padding:20px}body:not(.light-mode){background-color:hsla(0,0%,4%,.8);color:snow;--text-color:hsla(0,0%,100%,.7);position:relative;z-index:0}h1{font-size:clamp(4em,12vw,8em);letter-spacing:-2px;position:relative}h1,p{font-weight:300;opacity:.7;text-align:center}p{font-family:Anonymous Pro,monospace;font-size:.8em}main p{font-size:1em}#date-container{align-items:center;display:flex;justify-content:center;margin:0 auto;width:100%}@media (max-width:768px){#date-container{padding:0 10px}}@media (max-width:480px){#date-container{padding:0 5px}}@keyframes float-coffee{0%{transform:translate(20px,-50%) rotate(0deg)}50%{transform:translate(30px,-60%) rotate(180deg)}to{transform:translate(20px,-50%) rotate(1turn)}}.coffee-bean{height:30px;left:50%;top:50%;transform:translate(20px,-50%);width:30px;z-index:1000}.coffee-bean,.cursor-trail{pointer-events:none;position:fixed}.cursor-trail{animation:trail .5s linear forwards;background:radial-gradient(circle,rgba(255,0,0,.5) 0,rgba(255,0,0,0) 70%);border-radius:50%;height:5px;width:5px}.light-mode .cursor-trail{background:radial-gradient(circle,rgba(0,0,255,.5) 0,rgba(0,0,255,0) 70%)}@keyframes trail{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.weather-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.rain,.snow{animation-iteration-count:infinite;animation-timing-function:linear;position:absolute;top:-20px;width:2px}.rain{animation-duration:.7s;animation-name:rain;background:linear-gradient(transparent,rgba(200,200,255,.5))}.snow{animation-duration:3s;animation-name:snow;background:#fff;border-radius:50%;height:4px;width:4px}@keyframes rain{0%{transform:translateY(-20px)}to{transform:translateY(100vh)}}@keyframes snow{0%{transform:translateY(-20px)}to{transform:translate(20px,100vh)}}.sun{background:rgba(255,200,0,.2);border-radius:50%;box-shadow:0 0 50px rgba(255,200,0,.3);height:50px;right:20px;top:20px;width:50px}.cloud,.sun{pointer-events:none;position:fixed;z-index:-1}.cloud{animation:float 10s ease-in-out infinite;background:hsla(0,0%,100%,.1);border-radius:20px}.light-mode .cloud{background:rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}@keyframes float{0%,to{transform:translateX(0)}50%{transform:translateX(20px)}}@media (max-width:768px){h1{font-size:clamp(2em,8vw,4em);margin:0;padding:0}body{flex-direction:column;font-size:18px;margin:0;min-height:100dvh;padding:0}body,header{align-items:center;display:flex;justify-content:center}header,main{flex:0}main{margin-top:20px}p{font-size:1em}main p{font-size:1.1em}#shortcut-guide{max-height:80vh;overflow-y:auto;width:85vw!important}#shortcut-guide div{font-size:14px}}@media (max-width:480px){body{font-size:20px}h1{font-size:clamp(2.2em,10vw,4.5em)}p{font-size:1.1em}main p{font-size:1.2em}}.light-mode #shortcut-guide h2{color:#0a0a0a!important}.light-mode #shortcut-guide button{color:#0a0a0a}.light-mode #shortcut-guide div:hover{background:rgba(0,0,0,.05)!important}.preloader{align-items:center;background:#0a0a0a;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s ease-out;width:100%;z-index:9999}.light-mode .preloader{background:#fff}.preloader img{animation:pulse 1.4s ease-in-out infinite;border-radius:4px;height:128px;width:128px}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(.95)}}.preloader.fade-out{opacity:0;pointer-events:none}.site-logo{left:20px;position:fixed;top:20px;z-index:1000}.site-logo img{border-radius:8px;height:48px;transition:transform .2s ease;width:48px}.site-logo img:hover{transform:scale(1.1)}@media (max-width:768px){.site-logo{left:10px;top:10px}.site-logo img{height:36px;width:36px}}#pongCanvas{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,4%,.9);box-shadow:0 0 20px rgba(0,0,0,.3)}.light-mode #pongCanvas{background:hsla(0,0%,100%,.9);box-shadow:0 0 20px rgba(0,0,0,.1)}.binary-clock{box-sizing:border-box;display:grid;font-family:Anonymous Pro,monospace;font-size:1em;gap:20px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));justify-content:center;margin-left:auto;margin-right:auto;margin-top:15px;max-width:1000px;opacity:.7;padding:0 10px;white-space:nowrap}.binary-clock-item{align-items:center;display:flex;flex-direction:column;gap:8px}.binary-clock-label{font-size:.75em;-webkit-hyphens:auto;hyphens:auto;max-width:100%;opacity:.8;text-align:center;word-break:break-word}.binary-clock-display{align-items:center;display:flex;gap:8px;justify-content:center}.binary-column{align-items:center;display:flex;flex-direction:column;gap:4px}.binary-digit{border:1px solid;border-radius:50%;height:6px;opacity:.7;transition:background-color .3s ease;width:6px}.binary-digit.active{background-color:currentColor}.binary-separator{align-self:center;opacity:.7}@media (max-width:768px){.binary-clock{font-size:.9em;gap:15px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));padding:0 15px}.binary-clock-label{font-size:.7em;line-height:1.2}.binary-digit{height:5px;width:5px}}@media (max-width:480px){.binary-clock{font-size:.8em;gap:12px;grid-template-columns:repeat(2,1fr);padding:0 10px}.binary-clock-label{font-size:.65em;line-height:1.3;padding:0 2px}.binary-digit{height:4px;width:4px}.binary-clock-display{gap:6px}}@media (max-width:360px){.binary-clock{font-size:.75em;gap:8px;grid-template-columns:repeat(2,1fr);padding:0 5px}.binary-clock-label{font-size:.6em;line-height:1.4}.binary-digit{height:3px;width:3px}.binary-clock-display{gap:4px}}#shortcut-guide{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,4%,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);color:#fff;font-family:monospace;font-size:16px;left:50%;max-width:90vw;opacity:0;padding:25px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:320px;z-index:1000}.light-mode #shortcut-guide{background:hsla(0,0%,100%,.95);border:1px solid rgba(0,0,0,.1);color:#0a0a0a}#shortcut-guide h2{color:#fff;font-size:1.2em;font-weight:700;letter-spacing:2px;margin:0 0 20px;text-align:center;text-transform:uppercase}.light-mode #shortcut-guide h2{color:#0a0a0a}#shortcut-guide .shortcut-item{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;cursor:default;display:flex;justify-content:space-between;margin:8px 0;padding:12px 16px;transition:all .2s ease}#shortcut-guide .shortcut-item:hover{background:hsla(0,0%,100%,.1);transform:translateX(5px)}.light-mode #shortcut-guide .shortcut-item{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1)}.light-mode #shortcut-guide .shortcut-item:hover{background:rgba(0,0,0,.1)}#shortcut-guide kbd{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);font-family:monospace;font-weight:700;min-width:24px;padding:8px 12px;text-align:center}.light-mode #shortcut-guide kbd{background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.2);color:#0a0a0a}#shortcut-guide .shortcut-description{flex:1;font-size:.9em;margin-left:20px;opacity:.9}#shortcut-guide .close-button{align-items:center;background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;opacity:.7;padding:5px;position:absolute;right:10px;top:10px;transition:opacity .2s ease;width:32px}.light-mode #shortcut-guide .close-button{color:#0a0a0a}#shortcut-guide .close-button:hover{background:hsla(0,0%,100%,.1);opacity:1}.light-mode #shortcut-guide .close-button:hover{background:rgba(0,0,0,.1)}@media (max-width:768px){#shortcut-guide{max-height:80vh;overflow-y:auto;padding:20px;width:85vw!important}#shortcut-guide .shortcut-item{margin:6px 0;padding:10px 12px}#shortcut-guide kbd{font-size:14px;padding:6px 8px}#shortcut-guide .shortcut-description{font-size:14px}}#dynamic-title{display:inline-block;position:relative}#dynamic-title.sparkle-effect{font-weight:900;letter-spacing:.06em}#particles-js{background:transparent;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}#particles-js canvas{left:0!important;pointer-events:none!important;position:absolute!important;top:0!important;z-index:-1!important}body{background-color:transparent}body,body>*{position:relative;z-index:1}footer,header,main{position:relative;z-index:10}body.light-mode #particles-js{opacity:.7}body:not(.light-mode) #particles-js{opacity:1}@media (prefers-color-scheme:dark){#particles-js{filter:brightness(1.2) contrast(1.2);opacity:1}body:before{background-color:rgba(0,0,0,.75);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}}@media (prefers-color-scheme:light){#particles-js{opacity:.7}}.date-with-smile{align-items:center;color:var(--text-color,#535353);display:flex;justify-content:center}.date-with-smile .smile-icon{color:#cec153}@media(max-width:768px){.date-with-smile .smile-icon{font-size:20px}}@media(max-width:480px){.date-with-smile .smile-icon{font-size:24px}}