html,body{margin:0;padding:0;width:100%;min-height:100vh;font-family:Zain,sans-serif;color:var(--text)}main{display:flex;flex-direction:column;align-items:center}.header-static{width:100%;text-align:center;padding-top:2rem;padding-bottom:1rem;padding-left:0;padding-right:0;background-color:var(--secondary);display:flex;flex-direction:column;align-items:center}.sticky-social-bar{position:sticky;top:0;z-index:10;width:100%;background-color:var(--secondary);border-bottom:8px solid var(--primary);padding:1rem 0;display:flex;justify-content:center}.title{font-family:Rubik Dirt,system-ui;font-size:clamp(2rem,6vw,5rem);margin:0}.bio{font-size:clamp(2rem,2vw + .5rem,1.5rem);margin-top:1rem}.social-links{display:flex;justify-content:center;gap:1.25rem}.social-links a{color:var(--text);transition:transform .2s ease,color .2s ease}.social-links a:hover{transform:scale(1.15);color:var(--primary)}.social-icon{width:46px;height:46px}.content{padding:3rem 1rem;max-width:800px;text-align:center;z-index:1}.footer{text-align:center;padding:.2rem 2rem;margin-bottom:4rem;font-family:Zain,sans-serif;font-size:26px;background-color:var(--secondary);color:var(--primary);bottom:0;z-index:10;border-radius:5rem}.footer-icon{width:1em;height:1em;vertical-align:text-bottom;margin-left:.3em;color:var(--primary)}@media (max-aspect-ratio: 3/4){.bio{font-size:clamp(1.5rem,2vw + .5rem,1.5rem);margin-top:.5rem}.footer{margin-bottom:8rem}.content{width:90%}.social-icon{width:36px;height:36px}}:root{--primary: #60abbb;--secondary: #2f304c;--background: #507096;--text: #ebebeb;--border: #e0e0e0;--accent: #ffcd45;--link: var(--accent);--hover: #eed48e}body{background-color:var(--background);color:var(--text);margin:0;padding:0}a{color:var(--link)}a:hover{color:var(--hover)}p{font-size:clamp(1.8rem,2vw + .5rem,1.5rem);font-family:Zain,sans-serif;font-weight:400;font-style:normal}:root{--highlight: color-mix(in srgb, var(--primary) 80%, white);--shadow: 4px 4px 0px var(--primary)}.carousel-container{max-width:800px;margin:1rem auto;padding:1rem;border:2px solid var(--primary);box-shadow:var(--shadow);background-color:var(--secondary);font-family:Courier New,monospace}.carousel-title{text-align:center;font-size:2rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;color:var(--primary);border-bottom:2px solid var(--primary);padding-bottom:.5rem}.carousel{position:relative;overflow:hidden}.carousel-track{display:flex;transition:transform .3s ease}.carousel-card{flex:0 0 100%;box-sizing:border-box;padding:.5rem}.review-link{display:grid;grid-template-columns:120px 1fr;gap:1rem;text-decoration:none;color:var(--primary);border:2px solid var(--primary);padding:2rem;background-color:var(--secondary);transition:all .2s ease}.review-link:hover{background-color:var(--highlight);transform:translateY(-2px);box-shadow:var(--shadow)}.poster-container{width:100%;aspect-ratio:2 / 3;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;border:2px solid var(--primary)}.review-poster{width:100%;height:100%;object-fit:cover}.poster-placeholder{font-weight:700;color:var(--primary);font-size:.8rem;text-align:center}.review-details{display:flex;flex-direction:column;justify-content:space-between}.review-details h3{margin:0 0 .25rem;font-size:2rem;font-weight:700;line-height:1.2}.year{font-size:1.8rem}.score-container,.watched-container{display:flex;justify-content:space-between;font-size:1.6rem;margin-top:.25rem}.score-label,.watched-label{font-weight:700}.score-value{color:var(--accent);font-weight:700}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--primary);color:var(--secondary);border:none;width:30px;height:40px;font-size:2rem;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary);transition:all .2s ease}.nav-button:hover{background-color:var(--accent);color:var(--primary)}.nav-button.prev{left:4px}.nav-button.next{right:4px}.carousel-dots{display:flex;justify-content:center;margin-top:1rem;gap:.5rem}.dot{width:20px;height:20px;border-radius:50%;background-color:var(--secondary);border:3px solid var(--primary);cursor:pointer;transition:all .2s ease;flex-shrink:0;display:inline-block;aspect-ratio:1 / 1}.dot.active{background-color:var(--highlight);transform:scale(1.1)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border:2px solid var(--primary);box-shadow:var(--shadow);background-color:var(--secondary);max-width:300px;margin:1rem auto;font-size:.9rem}.loading-spinner{width:30px;height:30px;border:3px solid var(--primary);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}.error-icon{font-size:1.5rem;margin-bottom:.5rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.review-link{grid-template-columns:1fr;grid-template-rows:auto auto;text-align:center;padding:.75rem}.review-details{align-items:center}.score-container,.watched-container{flex-direction:column;align-items:center;gap:.25rem}.poster-container{width:100%;height:auto;aspect-ratio:2 / 3}}