/* 2026-07-11(사용자 지시: "레터박스드처럼 검은색화면에 비슷한 테마") —
   레터박스드의 고유 3색 로고·정확한 배색을 그대로 복제하지 않고(제휴
   오인 방지, 다른 대화에서 이미 논의됨), 다크 배경+필모그래피 사이트
   특유의 절제된 톤만 참고한 독립적인 팔레트를 쓴다. */
:root{
  --bg:#14171a;--bg-raised:#1c2024;--text:#e4e6e8;--text-muted:#9aa0a6;
  --accent:#3fbf88;--line:#2a2f34;
  /* 2026-07-12(브랜드 검토 아티팩트 결론): 별 차트 전용 색. "별점=금색"
     관습에 맞춰 골드를 별에 쓰고, 그린(--accent)은 링크/버튼 등 UI 액션
     전용으로 역할을 분리한다. */
  --gold:#e8b64c;--danger:#e2685f;
  /* 2026-07-12(디자이너 관점 리뷰: "고득점 영화는 그냥 꽉 찬 별로 보인다"):
     채움과 별개로 각 축의 전체 범위를 항상 옅게 깔아 채워진 정도가 9/10
     처럼 높은 점수에서도 눈에 띄게 한다. 채움(--gold)과 색상을 분리해
     "구조(트랙)"와 "데이터(채움)"를 헷갈리지 않게 함. */
  --track:rgba(255,255,255,0.06);
}
html{background:var(--bg)}
body{font-family:system-ui,sans-serif;max-width:720px;margin:2rem auto;padding:0 1rem;
  color:var(--text);background:var(--bg);line-height:1.6}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:1.8rem;margin-bottom:0.3rem;line-height:1.25}
h2{font-size:1.2rem;margin-top:2.2rem;border-bottom:1px solid var(--line);padding-bottom:0.5rem}
nav,footer{font-size:0.9rem;margin:1rem 0;color:var(--text-muted)}
nav a,footer a{color:var(--text-muted)}
nav a:hover,footer a:hover{color:var(--text)}
.meta{color:var(--text-muted);font-size:0.92rem}
.synopsis{font-size:1.06rem;margin:1rem 0 1.6rem}
.phase h3{margin-bottom:0.3rem;color:var(--accent);font-size:0.82rem;
  text-transform:uppercase;letter-spacing:0.05em}
.phase p{margin:0 0 1.3rem}
.reference-note{font-size:0.85rem;color:var(--text-muted);border-top:1px solid var(--line);
  padding-top:0.8rem;margin-top:1.5rem}
.report-issue{font-size:0.78rem;margin-top:0.5rem}
.report-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;
  padding:0;font-size:0.78rem;text-decoration:underline}
.report-toggle:hover{color:var(--accent)}
.report-form{margin-top:0.6rem;display:flex;flex-direction:column;gap:0.5rem;max-width:32rem}
.report-form textarea{background:var(--bg-raised);color:var(--text);border:1px solid var(--line);
  border-radius:3px;padding:0.5rem;font-family:inherit;font-size:0.85rem;min-height:4rem}
.report-form button[type="submit"]{align-self:flex-start;background:var(--bg-raised);color:var(--text);
  border:1px solid var(--line);border-radius:3px;padding:0.4rem 0.8rem;cursor:pointer;font-size:0.82rem}
.report-form button[type="submit"]:hover{border-color:var(--accent)}
.report-status{font-size:0.78rem;color:var(--text-muted)}
.original-title{color:var(--text-muted);font-weight:normal;font-size:0.85em}
.tag-chips{display:flex;flex-wrap:wrap;gap:0.5rem;margin:0.7rem 0 1rem}
.tag-chip{display:inline-block;background:var(--bg-raised);border:1px solid var(--line);
  color:var(--text-muted);border-radius:999px;padding:0.25rem 0.75rem;font-size:0.8rem}
.tag-chip:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}
.reception-star{margin:1.5rem 0;background:var(--bg-raised);border:1px solid var(--line);
  border-radius:8px;padding:1.1rem 1rem 1.3rem}
.reception-star h2{margin-top:0;border-bottom:none;padding-bottom:0;font-size:1.05rem}
.reception-star-visual{text-align:center}
.reception-star svg{max-width:150px;height:auto}
.star-axis-label{font:8.5px ui-monospace,monospace;fill:var(--text-muted)}
.star-axis-score{font:700 11px/1 ui-monospace,monospace;fill:var(--gold)}
.star-axis-score.empty{font-size:10px;fill:var(--text-muted)}
ul.movie-list{list-style:none;padding:0;margin:0}
ul.movie-list li{padding:0.65rem 0;border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:0.7rem}
ul.movie-list a{color:var(--text);font-size:1.06rem}
ul.movie-list a:hover{color:var(--accent)}
.mini-star{flex-shrink:0}
.mini-star-placeholder{display:inline-block;width:26px;flex-shrink:0}
#site-search{width:100%;padding:0.6rem 0.8rem;font-size:1rem;margin:1rem 0;
  border:1px solid var(--line);background:var(--bg-raised);color:var(--text);border-radius:3px}
#site-search::placeholder{color:var(--text-muted)}
.tag-browse{margin:1rem 0}
.tag-browse-label{color:var(--text-muted);font-size:0.8rem;margin-right:0.3rem;align-self:center}
.list-controls{display:flex;align-items:center;gap:0.5rem;margin:0 0 0.5rem;font-size:0.85rem;color:var(--text-muted)}
.list-controls select{background:var(--bg-raised);color:var(--text);border:1px solid var(--line);
  border-radius:3px;padding:0.3rem 0.5rem;font-size:0.85rem}
.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.2rem 0;font-size:0.85rem;color:var(--text-muted)}
.pagination button{background:var(--bg-raised);color:var(--text);border:1px solid var(--line);
  border-radius:3px;padding:0.35rem 0.9rem;cursor:pointer;font-size:0.85rem}
.pagination button:hover:not(:disabled){border-color:var(--accent)}
.pagination button:disabled{opacity:0.4;cursor:default}
#google_translate_element{font-size:0.8rem;margin-bottom:0.6rem}
.goog-te-banner-frame{display:none!important}
body{top:0!important}