:root{font-family:Trebuchet MS,Segoe UI,Apple SD Gothic Neo,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f172a;background:radial-gradient(circle at 10% 10%,#fee2e2 0,#ffedd5 35%,#f8fafc)}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}#root{min-height:100vh}.app-shell{max-width:760px;margin:0 auto;min-height:100vh;padding:1.2rem;display:grid;align-content:center;gap:.85rem}.eyebrow{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;color:#b91c1c;font-weight:700}h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1;color:#0f172a}.description{margin:0;color:#334155}.sync-status{margin:0;width:fit-content;border-radius:999px;padding:.2rem .65rem;background:#dcfce7;color:#166534;font-size:.8rem;font-weight:700}.sync-status.error{background:#fee2e2;color:#991b1b}.hero{position:relative;min-height:430px;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0f172a2e}.hero img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:auto 0 0;padding:1rem;color:#fff;background:linear-gradient(180deg,transparent 0%,rgba(2,6,23,.85) 90%)}.hero-overlay p,.hero-overlay h2{margin:0}.hero-overlay h2{margin-top:.2rem;font-size:1.9rem}.score-box,.summary{border-radius:16px;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;box-shadow:0 12px 28px #0f172a1f}.score-label{margin:0;color:#64748b;font-size:.9rem}.score-number{margin:0;font-size:2.7rem;line-height:1;font-weight:800;color:#0f172a}.score-sub,.hint{margin:.35rem 0 0;color:#475569}.stars{margin-top:.75rem;display:flex;gap:.35rem}.star{border:0;background:transparent;font-size:2rem;line-height:1;color:#cbd5e1;cursor:pointer;transition:transform .13s ease,color .13s ease}.star:hover{transform:translateY(-2px)}.star.filled{color:#f59e0b}.summary h3{margin:0 0 .45rem;color:#0f172a}.summary p{margin:.2rem 0;color:#334155}.last-vote{margin-top:.5rem;font-weight:600}.sync-error{margin-top:.5rem;color:#b91c1c;font-size:.9rem}@media(max-width:700px){.app-shell{padding:.9rem}.hero{min-height:330px}}