:root{--primary-teal: #00bcd4;--secondary-teal: #0097a7;--accent-teal: #30a5ba;--dark-teal: #009688;--dark-green: darkgreen;--light-gray: #f5f5f5;--medium-gray: #969696;--dark-gray: #616161;--border-gray: #e1e1e1;--footer-bg: #424242;--footer-text: #9e9e9e;--footer-link: #e0e0e0;--white: white;--black: black;--transparent: transparent;--font-primary: "Raleway", sans-serif;--font-heading: "Kumar One", cursive;--font-size-xl: 34px;--font-size-lg: 30px;--font-size-md: 25px;--font-size-base: 20px;--font-size-sm: 16px;--font-size-xs: 15px;--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 20px;--spacing-lg: 40px;--spacing-xl: 50px;--shadow-card: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);--shadow-nav: 0 2px 5px rgba(0, 0, 0, .26);--shadow-dropdown: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--border-radius: 2px;--max-content-width: 720px;--max-about-width: 900px;--btn-line-height: 1.8}*{box-sizing:border-box;font-family:var(--font-primary)}body{margin:0;background-color:var(--light-gray)}h2{display:inline-block;padding-left:var(--spacing-md)}h3{text-align:center}ul{margin:0;padding:0;list-style-type:none}button{cursor:pointer;border:none;background-color:var(--transparent);padding:var(--spacing-sm);color:var(--dark-teal);font-size:var(--font-size-sm);line-height:var(--btn-line-height)}button:hover{color:var(--dark-green)}a{color:var(--dark-teal);font-size:var(--font-size-base);text-decoration:none}a:hover{color:var(--dark-green)}button:focus{outline:none}.btn-primary{background-color:var(--secondary-teal);padding:var(--spacing-sm) var(--spacing-md);color:var(--white);font-size:var(--font-size-base)}.btn-primary:hover{background-color:var(--dark-teal);color:var(--white)}.btn-primary:disabled{cursor:not-allowed;background-color:var(--medium-gray)}.btn-primary:disabled:hover{background-color:var(--medium-gray);color:var(--white)}.subheader{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:baseline}.standalone-btn{display:block;margin:auto}.header h2{margin:0;padding:0;color:var(--dark-gray);font-size:var(--font-size-lg)}.error{margin:auto;width:33%;color:var(--white);font-size:var(--font-size-md)}li.onList,li.watched{background-color:#e6e6e6}.header{margin:auto;border-bottom:2px solid var(--border-gray);padding:var(--spacing-md) 0;width:90%}.header-subtitle{margin-top:var(--spacing-sm)}.header-subtitle p{margin:0;color:var(--medium-gray);font-style:italic;font-size:var(--font-size-sm)}.header-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.list-header-link{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.search{display:flex}.search input{flex:1}@media screen and (max-width: 600px){li{float:none;width:100%}.search{width:100%}.search input{margin:var(--spacing-xs) auto;width:80%}.standalone-btn{margin:auto}}.eye{position:relative;top:10px;width:40px;height:40px}h1{margin:0;background-color:var(--primary-teal);padding:24px 0;font-weight:400;font-size:var(--font-size-xl);line-height:var(--spacing-lg);font-family:var(--font-heading);text-align:center}.wrapper{margin-bottom:-150px;min-height:100vh}footer{background-color:var(--footer-bg);padding:var(--spacing-sm);color:var(--footer-text)}footer a{color:var(--footer-link);font-weight:400;font-size:var(--font-size-sm);text-decoration:none}footer img{vertical-align:middle;padding:var(--spacing-sm);width:70px;height:auto}.footer,.push{height:150px}@media screen and (max-width: 600px){.footer,.push{height:200px}}.btn-nav{display:block;padding:18px var(--spacing-md);color:#ffffffb3;font-size:var(--font-size-base);line-height:var(--btn-line-height);text-align:left;text-decoration:none}.btn-nav:hover{color:var(--white)}.btn-nav:disabled{opacity:.6;cursor:not-allowed}.btn-nav:disabled:hover{color:#ffffffb3}.nav{box-shadow:var(--shadow-nav);background:var(--secondary-teal);overflow:hidden}.nav li{float:left}.nav li.right{float:right}.dropdown-content{display:none;position:absolute;z-index:1;box-shadow:var(--shadow-dropdown);background-color:var(--secondary-teal);min-width:160px}.dropdown:hover .dropdown-content{display:block}@media screen and (max-width: 600px){.nav li.right{float:none}}.sr-only{position:absolute;margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite;margin:auto;border:4px solid #f3f3f3;border-top:4px solid #374244;border-radius:50%;width:20px;height:20px}