@media (max-width:1200px){.left-panel{width:35%}.right-panel{width:65%}}@media (max-width:900px){.container,body,html{height:auto;overflow-y:auto}.container{flex-direction:column;min-height:100vh;overflow-x:hidden}.left-panel{border-bottom:var(--border-width) solid var(--fg);border-right-width:0;flex-shrink:0;height:auto;min-width:100%;overflow-y:visible;padding:var(--space-lg);width:100%}.hero{background:var(--bg);margin:calc(var(--space-sm)*-1) 0;padding:var(--space-sm) 0;position:sticky;top:0;z-index:10}.avatar-box{cursor:pointer;transition:width .3s ease,height .3s ease,transform .3s ease,box-shadow .3s ease}.avatar-box.scrolled{box-shadow:6px 6px 0 var(--fg);height:48px!important;margin-bottom:var(--space-sm);min-width:48px;width:48px!important}.avatar-box.scrolled:hover{box-shadow:8px 8px 0 var(--fg);transform:translate(-2px,-2px)}.right-panel{display:none}.social-links{flex-wrap:wrap}@supports (display:grid){.social-links{grid-template-columns:repeat(2,1fr)}}.social-link{flex:0 0 calc(50% - 0.5rem);max-width:calc(50% - .5rem)}@supports (display:grid){.social-link{flex:none;max-width:none}}.wallpaper-toggle{display:none!important}}@media (max-width:600px){.left-panel{padding:var(--space-md)}.bio-container{padding:var(--space-sm)}.info-panel{padding:var(--space-md)}.weekday{font-size:2.5rem}.clock{font-size:1.5rem}.close-panel,.wallpaper-toggle{display:none!important}.legacy-compat .left-panel{padding:1.5rem 1rem}.legacy-compat .name{font-size:2.25rem}.legacy-compat .avatar-box{height:96px;width:96px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:900px){.avatar-box.scrolled:hover:before{transform:translate(2px,2px)}}