.browse-page{max-width:1600px;margin:0 auto;padding:120px 24px 80px}.browse-layout{gap:40px;display:flex}.browse-sidebar{background:var(--color-surface);border:var(--border-width) solid var(--border-color);width:300px;box-shadow:var(--shadow-lg);background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#00000008 10px 20px);border-radius:255px 15px 225px/15px 225px 15px 255px;flex-shrink:0;height:fit-content;padding:32px 24px;position:sticky;top:120px}.browse-sidebar__title{font-family:var(--font-heading);-webkit-text-stroke:1px #000;color:var(--color-primary);text-shadow:2px 2px #000;margin-bottom:16px;font-size:2.5rem;transform:rotate(-2deg)}.browse-sidebar__links{flex-direction:column;gap:12px;display:flex}.browse-sidebar__link{font-family:var(--font-heading);border:3px solid var(--border-color);color:var(--color-text);box-shadow:3px 3px 0px 0px var(--border-color);transition:var(--transition-bounce);background:#fff;padding:12px 16px;font-size:1.5rem;text-decoration:none}.browse-sidebar__link:hover{box-shadow:7px 7px 0px 0px var(--border-color);background:var(--color-accent-3);transform:translate(-4px,-4px)}.browse-sidebar__link--active{background:var(--color-accent-2);color:#fff;-webkit-text-stroke:1px #000;text-shadow:2px 2px #000;box-shadow:5px 5px 0px 0px var(--border-color);transform:translate(-2px,-2px)}.browse-sidebar__genres{flex-wrap:wrap;gap:12px;display:flex}.browse-sidebar__genre-tag{font-family:var(--font-heading);border:2px solid var(--border-color);color:var(--color-text);box-shadow:2px 2px 0px 0px var(--border-color);transition:var(--transition-bounce);background:#fff;padding:6px 12px;font-size:1.2rem;text-decoration:none}.browse-sidebar__genre-tag:hover{background:var(--color-primary);box-shadow:4px 4px 0px 0px var(--border-color);transform:scale(1.1)rotate(3deg)}.browse-content{background:var(--color-surface);border:var(--border-width) solid var(--border-color);min-width:0;box-shadow:var(--shadow-double);flex:1;padding:40px;position:relative}.browse-content:before{content:"";z-index:10;background:#f36c;border:2px solid #000;width:80px;height:30px;position:absolute;top:-15px;right:-15px;transform:rotate(45deg)}@media (max-width:1024px){.browse-layout{flex-direction:column}.browse-sidebar{width:100%;position:static}}