*{box-sizing:border-box;margin:0;padding:0}html{overflow:hidden;height:100vh;height:100dvh}:root{--bg-color:#fafafa;--text-color:#2c3e50;--toggle-bg:#2c3e50;--toggle-icon:#fafafa}[data-theme=dark]{--bg-color:#1a1a1a;--text-color:#e8e8e8;--toggle-bg:#e8e8e8;--toggle-icon:#1a1a1a}body{background-color:var(--bg-color);color:var(--text-color);height:100vh;overflow:hidden;display:flex;touch-action:manipulation;justify-content:center;align-items: center;height:100dvh;transition:background-color .3s,color .3s;font-family:Courier New,monospace}.container{position:relative;display:flex;flex-direction:column;align-items: center}.ascii-art{letter-spacing:-.05em;user-select:none;display:inline-block;position:relative;animation:glitch 2s infinite;font-size:clamp(.5rem,2vw,1rem);font-weight:400;line-height:1.2}@keyframes glitch{0%,40%,44%,58%,61%,to{text-shadow:none;transform:translate(0);clip-path:none}41%{text-shadow:3px 0 red,-3px 0 #0ff;transform:translate(-3px,2px)}42%{text-shadow:-3px 0 red,3px 0 #0ff;transform:translate(3px,-2px)}43%{text-shadow:2px 0 red,-2px 0 #0ff;transform:translate(2px,1px)}59%{text-shadow:-2px 0 red,2px 0 #0ff;transform:translate(-2px,-1px)}60%{text-shadow:3px 0 red,-3px 0 #0ff;transform:translate(3px,2px)}}.theme-toggle{border:2px solid var(--toggle-bg);cursor:pointer;position:fixed;touch-action:manipulation;background:0 0;border-radius:50%;width:35px;height:35px;padding:0;transition:all .3s;top:1.5rem;right:1.5rem}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.theme-toggle .icon{display:block;position:relative;width:100%;height:100%}.theme-toggle .icon:before{content:"";position:absolute;background-color:var(--toggle-bg);border-radius:50%;width:14px;height:14px;transition:all .3s;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .theme-toggle .icon:before{box-shadow:6px -6px 0 0 var(--toggle-bg);width:11px;height:11px}@media (max-width:768px){.ascii-art{font-size:clamp(.4rem,1.5vw,.8rem)}.theme-toggle{top:1rem;right:1rem}}