:root{--color-bg-main:#000;--color-bg-gradient:linear-gradient(90deg, #000000, #2c2c2c);--color-text-main:#ffffff;--color-text-muted:#cccccc;--color-text-light:#e5e5e5;--color-card-bg:rgba(255, 255, 255, 0.05);--color-button-bg:#333;--color-overlay:rgba(0, 0, 0, 0.5);--font-sans:"Onest","Inter","Inter Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-serif:var(--font-alt);--font-serif-weight:700;--font-alt:"Onest","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;--font-head:"Oswald","Onest",helvetica,sans-serif;--sidebar-width:500px;--container-padding:2rem;--radius-card:1rem;--transition-fast:0.3s ease;--transition-normal:0.5s ease;--shadow-inset:inset -15px 0 25px -10px rgba(0, 0, 0, 0.8)}body,html{height:100%;margin:0}body{margin:0;font-family:var(--font-sans);background:var(--color-bg-main);background:var(--color-bg-gradient);color:var(--color-text-main);overflow-x:hidden;transition:background var(--transition-normal)}.container{display:flex;min-height:100vh}.sidebar{position:relative;flex:0 0 var(--sidebar-width);padding:4rem var(--container-padding) 3rem;background:var(--color-overlay);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;overflow:hidden}.sidebar-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.5);backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;opacity:0;transition:transform var(--transition-normal),opacity var(--transition-normal);box-shadow:var(--shadow-inset)}.sidebar h1,.sidebar h2,.sidebar p{position:relative;z-index:1;color:var(--color-text-main)}.sidebar h1{font-size:3.5rem;font-weight:700;margin-bottom:.5rem;font-family:var(--font-head);font-weight:var(--font-serif-weight);font-feature-settings:"liga" 1,"kern" 1;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.sidebar h2{font-family:var(--font-head);font-size:2rem;font-weight:400;margin:0 0 1rem}.sidebar p{font-size:1rem;font-weight:400;color:var(--color-text-muted);margin-top:0}.main{flex:2;padding:var(--container-padding);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;min-height:0;background-image:url("./?mortyurl=https%3A%2F%2Fdotoca.net%2Fimg%2Fbg.png");background-repeat:repeat;box-shadow:var(--shadow-inset)}.top-right-logo{position:fixed;top:-2rem;right:1rem;z-index:1000}.top-right-logo img{height:150px;width:auto;opacity:.85;transition:opacity var(--transition-fast)}.top-right-logo img:hover{opacity:1}.page-title{font-family:var(--font-serif);font-size:2.5rem;font-weight:700;margin:5rem 0 1rem;text-align:left;background-image:linear-gradient(45deg,#fff,#000);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.xv-slider{overflow:hidden;position:relative;margin-top:2rem;width:100%;max-width:100%;box-sizing:border-box}.slider-wrapper{display:flex;gap:1.5rem;transition:transform var(--transition-fast)}.xv-card{flex:0 0 calc(25% - 1.125rem);background:var(--color-card-bg);border-radius:var(--radius-card);overflow:hidden;color:var(--color-text-main);text-decoration:none;cursor:pointer;transition:transform var(--transition-fast);border:4px solid transparent;border-radius:16px}.xv-card:hover{transform:scale(1.02)}.xv-card img{width:100%;height:auto;display:block;border-radius:16px 16px 0 0}.xv-card .info{padding:1rem}.xv-card .info h3{font-family:var(--font-head);margin:0;font-size:1.25rem;font-weight:400}.xv-card .info p{margin:0;font-size:.8rem;color:var(--color-text-light)}.buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.buttons button{background:var(--color-button-bg);border:none;color:var(--color-text-main);padding:.5rem 1rem;font-size:1rem;border-radius:.5rem;cursor:pointer;transition:background var(--transition-fast)}.footer{display:flex;justify-content:flex-end;gap:2rem;font-size:1rem;margin-top:auto;padding-right:2rem;position:relative;z-index:10;min-height:2rem}.footer-copy{font-family:var(--font-alt);text-align:right;font-size:8px}@media (max-width:1024px){.container{flex-direction:column;height:auto}.sidebar{display:none;padding:2rem 1rem;align-items:center;text-align:center}.sidebar h1{font-size:2rem;font-weight:700}.sidebar h2{font-size:1.25rem}.sidebar p{font-size:1rem;margin-top:0}.main{padding:1rem;width:100%}.page-title{font-size:1.75rem;margin-top:2rem;text-align:center}.slider-wrapper{gap:1rem}.xv-card{flex:0 0 90%;margin:0 auto}.buttons{flex-direction:column;gap:.5rem;width:100%;max-width:300px;margin:1rem auto 0}.buttons button{width:100%;padding:.75rem 1rem 1rem}.footer{flex-direction:column;align-items:center;padding-right:0;font-size:.75rem}.top-right-logo{top:.5rem;right:.5rem}.top-right-logo img{height:80px}.top-right-logo a{display:inline-block;text-decoration:none;outline:0;border:none;box-shadow:none}.top-right-logo a:focus{outline:2px solid transparent}.xv-slider{padding:0 1rem;box-sizing:border-box}}