.sidebar{color:#fff;z-index:99;background-color:gray;flex-direction:column;flex-shrink:0;width:250px;min-height:calc(100vh - 5rem);padding:1rem 0 0;transition:transform .3s;display:flex;position:relative;overflow:visible;box-shadow:2px 0 4px #0000001a}.sidebar-nav{z-index:10;flex:1;width:100%;position:relative;overflow-y:auto}.sidebar-list{margin:0;padding:0;list-style:none}.sidebar-list-item{margin:0;padding:0}.sidebar-link{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;margin:.5rem .75rem;padding:1rem 1.5rem;font-size:1rem;text-decoration:none;transition:all .2s;display:block;transform:translateY(0)}.sidebar-link:hover{background-color:#fff3;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.sidebar-link.active{background-color:#ffffff40;border-color:#fff9;box-shadow:0 0 8px #fff3}.sidebar-dog{z-index:20;cursor:pointer;width:90%;margin-top:auto;margin-left:auto;margin-right:auto;padding:.5rem;position:relative}.speech-bubble{color:#fff;z-index:30;white-space:nowrap;pointer-events:none;background-color:#333;border:2px solid #ffffff80;border-radius:12px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;position:absolute;bottom:140px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.hamburger-button{z-index:1001;cursor:pointer;background-color:gray;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:none;position:fixed;bottom:1.5rem;left:1rem;box-shadow:0 2px 8px #0000004d}.hamburger-button span{background-color:#fff;border-radius:2px;width:24px;height:3px;margin:5px 0;transition:all .3s;display:block}.hamburger-button.open span:first-child{transform:rotate(45deg)translate(6px,6px)}.hamburger-button.open span:nth-child(2){opacity:0}.hamburger-button.open span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.sidebar-overlay{z-index:90;pointer-events:auto;background-color:#00000080;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}@media screen and (max-width:768px){.sidebar-overlay.visible{display:block}.hamburger-button{z-index:1001;display:flex}.sidebar{z-index:1000;height:100vh;min-height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-link{margin:.4rem .6rem;padding:.875rem 1.25rem}.sidebar-dog{width:70%;max-width:150px}}@media screen and (max-width:480px){.sidebar{width:80vw;max-width:280px}.sidebar-link{margin:.35rem .5rem;padding:.75rem 1rem;font-size:.95rem}.hamburger-button{width:40px;height:40px;bottom:.75rem;left:.75rem}.hamburger-button span{width:20px;height:2px;margin:4px 0}}