:root{
  --bg:#191A1A;
  --card:#242626;
  --text:#E8E6E3;
  --accent:#20808D;
  --accent-hover:#1a6b76;
  --muted:#8E9192;
  --border:#333535;
}
*{ box-sizing:border-box; margin:0; padding:0; }
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Inter', sans-serif;
  min-height:100vh;
}
.dict-shell{ max-width:720px; margin:0 auto; padding:32px 20px 80px; }

.dict-header{ display:flex; flex-direction:column; gap:12px; margin-bottom:32px; }
.back-link{ color:var(--muted); font-size:13.5px; text-decoration:none; }
.back-link:hover{ color:var(--accent); }
.dict-logo{ font-family:'Fraunces', serif; font-size:20px; font-weight:700; }
.dict-logo span{ color:var(--accent); }

.daily-card{
  background:var(--card); border:1px solid var(--border); border-radius:14px;
  padding:32px; margin-bottom:36px; text-align:center;
}
.daily-label{ font-size:12px; text-transform:uppercase; letter-spacing:1px; color:var(--muted); margin-bottom:12px; }
.daily-word{ font-family:'Fraunces', serif; font-size:32px; font-weight:700; margin-bottom:10px; }
.band-tag{
  display:inline-block; background:var(--accent); color:#fff; font-size:12px; font-weight:600;
  padding:4px 12px; border-radius:20px; margin-bottom:16px;
}
.daily-def{ font-size:15.5px; line-height:1.6; margin-bottom:10px; }
.daily-example{ font-size:14px; line-height:1.6; color:var(--muted); font-style:italic; }

.search-section{ }
.search-bar{ display:flex; gap:10px; margin-bottom:20px; }
#searchInput{
  flex-grow:1; padding:13px 16px; border-radius:8px; border:1px solid var(--border);
  background:var(--card); color:var(--text); font-size:14.5px;
}
#searchInput:focus{ outline:none; border-color:var(--accent); }
#searchBtn{
  padding:13px 22px; border-radius:8px; border:none; background:var(--accent); color:#fff;
  font-weight:600; font-size:14px; cursor:pointer;
}
#searchBtn:hover{ background:var(--accent-hover); }

.result-card{
  background:var(--card); border:1px solid var(--border); border-radius:14px; padding:28px;
}
.result-word{ font-family:'Fraunces', serif; font-size:26px; font-weight:700; margin-bottom:10px; }
.result-def{ font-size:15px; line-height:1.6; margin-bottom:10px; }
.result-example{ font-size:14px; line-height:1.6; color:var(--muted); font-style:italic; }

.loading-msg, .error-msg{ text-align:center; color:var(--muted); font-size:14px; padding:20px; }

@media (max-width:600px){
  .dict-shell{ padding:20px 16px 60px; }
  .daily-word{ font-size:26px; }
}