:root{--bg:#eef3fb;--surface:#ffffff;--text:#121826;--muted:#4f5d75;--line:#d7dce5;--brand:#0b1b34;--brand-strong:#11284c;--link:#2563eb;--radius:14px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Nunito Sans,Avenir Next,Trebuchet MS,sans-serif;background:radial-gradient(circle at 12% -8%,rgba(147,197,253,.35) 0,transparent 48%),radial-gradient(circle at 88% 6%,rgba(254,215,170,.32) 0,transparent 42%),radial-gradient(circle at 50% 110%,rgba(191,219,254,.28) 0,transparent 44%),var(--bg);color:var(--text);line-height:1.65;display:flex;flex-direction:column;min-height:100vh;padding-top:72px;background-repeat:no-repeat;background-attachment:fixed}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1080px,calc(100% - 2rem));margin:0 auto}.site-header{background:linear-gradient(110deg,var(--brand),var(--brand-strong));color:#fff;box-shadow:0 10px 24px rgba(11,27,52,.2);position:fixed;top:0;left:0;right:0;z-index:1000}.nav-wrap{display:flex;justify-content:space-between;gap:.8rem;padding:.9rem 0}.logo,.nav-wrap{align-items:center}.logo{display:inline-flex}.logo img{width:100%;height:50px;display:block;border-radius:8px}.mobile-nav{display:none;position:relative}.desktop-nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:.8rem}.mobile-nav summary{display:none;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.desktop-nav a{color:#bfdbfe}.movie-layout{padding:1.2rem 0 2rem}article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem;box-shadow:0 8px 24px rgba(18,24,38,.06)}.hero-row{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.hero-media{border-radius:14px;border:1px solid var(--line);background:#f4f6fb;overflow:hidden;aspect-ratio:16/9}.hero-media img{width:100%;height:100%;object-fit:cover;display:block}.meta-card{border:1px solid var(--line);border-radius:12px;padding:.8rem;background:#fcfcfd}.lyrics-card{background:#f8f2e8;border:1px solid #ebdcc1;border-radius:12px;padding:.9rem 1rem}.lyrics-note{margin-top:.45rem;font-size:.88rem;color:#5a5f6b}h1{font-family:Avenir Next,Segoe UI,sans-serif;font-size:clamp(1.7rem,3.5vw,2.4rem);line-height:1.2;margin-top:0;letter-spacing:-.02em}h2{margin-bottom:.4rem}h3{margin:.4rem 0}ul{margin-top:.4rem;padding-left:1.2rem}.site-footer{background:linear-gradient(110deg,var(--brand),var(--brand-strong));color:#d9e2f2;padding:.9rem 0;margin-top:auto;text-align:center}.site-footer p{margin:0}.index-main{padding:1.5rem 0 2.4rem}.index-hero{background:linear-gradient(145deg,#ffffff,#eef3fc);border:1px solid #c9d7ef;border-radius:20px;padding:1.2rem 1.2rem 1.4rem;margin-bottom:1.1rem}.eyebrow{margin:0 0 .3rem;color:#1d4ed8;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:800}.hero-copy{max-width:66ch;margin:.2rem 0 0;color:var(--muted)}.search-row{margin-top:.9rem}.search-row label{display:block;font-weight:700;margin-bottom:.35rem}.search-row input{width:100%;max-width:480px;border:1px solid #b7c5de;border-radius:10px;padding:.62rem .8rem;font-size:1rem;color:var(--text);background:#fff}.search-row input:focus{outline:2px solid #8ab4ff;outline-offset:1px}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.movie-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(18,24,38,.06);transition:transform .22s ease,box-shadow .22s ease}.movie-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(18,24,38,.14)}.movie-poster{border-bottom:1px solid var(--line);background:#f4f6fb;aspect-ratio:16/9;overflow:hidden}.movie-poster img{width:100%;height:100%;object-fit:cover;display:block}.movie-card-body{padding:.9rem .9rem 1rem}.movie-title{margin:0 0 .3rem;line-height:1.3}.movie-meta{margin:.15rem 0;color:#1f2937}.genre-row{display:flex;flex-wrap:wrap;gap:.35rem;margin:.45rem 0 .55rem}.genre-chip{display:inline-block;padding:.14rem .5rem;border-radius:999px;background:#e8effe;color:#1e40af;border:1px solid #c6d6fb;font-size:.78rem;font-weight:700}.movie-desc{margin:.35rem 0 .45rem;color:#1f2937}.rating-row{display:flex;align-items:center;gap:.35rem}.star-rating{color:#d97706;letter-spacing:.05em;font-weight:700}.movie-review-excerpt{margin:.3rem 0 0;color:#4b5563;font-size:.93rem;line-height:1.5}.movie-read-more{margin:.5rem 0 0;font-weight:700}.breadcrumb-wrap p{margin:0 0 .8rem;color:var(--muted);font-size:.95rem}@media (max-width:760px){body{font-size:.94rem;padding-top:84px}.nav-wrap{align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem 0}.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:.42rem .75rem;border:1px solid rgba(191,219,254,.45);border-radius:999px;color:#dbeafe;font-weight:700;font-size:.88rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-nav nav{display:none;position:absolute;right:0;top:calc(100% + .45rem);min-width:180px;background:#ffffff;border:1px solid #c9d7ef;border-radius:12px;padding:.35rem;box-shadow:0 12px 28px rgba(15,23,42,.2);flex-direction:column;gap:.1rem;z-index:1001}.mobile-nav[open] nav{display:flex}.mobile-nav nav a{color:var(--brand);white-space:nowrap;border-radius:8px;padding:.38rem .55rem}.mobile-nav nav a:hover{text-decoration:none;background:#eef3fb}h1{font-size:1.55rem}h2{font-size:1.2rem}h3{font-size:1rem}.hero-row{grid-template-columns:1fr}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.movie-card-body{padding:.7rem}.movie-desc,.movie-meta,.movie-read-more{font-size:.86rem}.movie-grid .movie-desc{display:none}.movie-review-excerpt{font-size:.82rem;line-height:1.4}.rating-row{flex-wrap:wrap;gap:.15rem .35rem;align-items:flex-start}.rating-row strong{flex-basis:100%}.star-rating{font-size:.8rem;letter-spacing:.02em}.genre-chip{font-size:.72rem}.container{width:min(1080px,calc(100% - 1.2rem))}.index-hero{border-radius:16px}}