/* 0.6.12 — Diario leggibile. Reference: fascicolo compatto, non miniaturizzato. */
.diary-screen{
  --diary-lime:#b7ff2a;
  --diary-purple:#9458ff;
  --diary-green:#62c9a1;
  --diary-card-radius:11px;
}
.diary-topbar{min-height:72px}
.diary-topbar .topbar-copy h1{font-size:24px;line-height:1.08}
.diary-content{padding-top:14px;padding-left:14px;padding-right:14px}

/* Filtri: tre scelte grandi e immediate, come nella reference. */
.diary-tabs{
  margin:0 0 18px;
  border:1px solid var(--line2);
  border-radius:7px;
  overflow:hidden;
  background:var(--surface);
}
.diary-tabs button{
  min-height:42px;
  border-color:var(--line);
  background:transparent;
  color:var(--ink);
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
}
.diary-tabs button.active{
  background:var(--diary-lime);
  color:#071004;
}

/* Ogni giornata è un fascicolo distinto, ma senza header invadenti. */
.diary-date-group{margin:0 0 22px}
.diary-date-title{
  position:sticky;
  top:-1px;
  z-index:3;
  min-height:34px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:8px 2px 7px;
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--bg) 94%,transparent);
  backdrop-filter:blur(8px);
  font:800 10.5px/1.2 var(--mono);
  letter-spacing:.075em;
  text-transform:uppercase;
}
.diary-date-calendar{display:none}
.diary-date-title strong{font:inherit;color:var(--ink)}
.diary-date-title>span:last-child{font-size:9px;color:var(--muted);letter-spacing:.045em}
.diary-day-list{display:grid;gap:10px;padding-top:10px}

/* Card principali: leggibili a colpo d'occhio e abbastanza grandi da toccare bene. */
.diary-compact-row{
  width:100%;
  min-height:116px;
  display:grid;
  grid-template-columns:72px minmax(0,1fr) 32px;
  gap:13px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:var(--diary-card-radius);
  background:var(--surface);
  text-align:left;
  color:var(--ink);
  box-shadow:0 1px 0 color-mix(in srgb,var(--ink) 4%,transparent);
}
.diary-compact-row:active{background:var(--surface2)}
.diary-compact-row:focus-visible{outline:2px solid var(--diary-lime);outline-offset:2px}
.diary-compact-row .poster{
  width:72px;
  height:100px;
  border:1px solid var(--line2);
  border-radius:5px;
  align-self:start;
}
.diary-compact-copy{min-width:0;align-self:center}
.diary-title-line{display:block;min-width:0;margin-top:7px}
.diary-title-line strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  font-size:17px;
  line-height:1.16;
  font-weight:800;
  letter-spacing:-.012em;
}
.diary-type-tag{
  display:inline-flex;
  width:max-content;
  padding:3px 7px;
  border:1px solid currentColor;
  border-radius:4px;
  font:850 9px/1.15 var(--mono);
  letter-spacing:.07em;
}
.diary-type-tag.is-series{color:var(--diary-lime);background:color-mix(in srgb,var(--diary-lime) 8%,transparent)}
.diary-type-tag.is-movie{color:#c89cff;background:color-mix(in srgb,var(--diary-purple) 10%,transparent)}
.diary-subline{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font:650 11px/1.35 var(--mono);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.diary-state-line{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  margin-top:8px;
  font:750 10px/1.25 var(--mono);
}
.diary-state-line time{margin-left:auto;color:var(--dim);font-weight:600}
.diary-seen-mark{color:var(--diary-lime)}
.diary-rating-number{color:#c89cff;font-size:11px}
.diary-rewatch-mark{color:#c89cff}
.diary-row-chevron,.diary-expand-icon{
  display:grid;
  place-items:center;
  width:32px;
  height:44px;
  color:var(--muted);
  font-size:25px;
  font-weight:400;
}
.diary-expand-icon{
  width:30px;
  height:30px;
  border:1px solid color-mix(in srgb,var(--diary-lime) 50%,var(--line));
  border-radius:50%;
  color:var(--diary-lime);
  font:700 18px/1 var(--sans);
}

/* Serie: card unica che si espande ordinatamente, mantenendo il contesto del giorno. */
.diary-series-group{
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--diary-lime) 38%,var(--line));
  border-radius:var(--diary-card-radius);
  background:var(--surface);
}
.diary-series-group .diary-compact-row{
  border:0;
  border-radius:0;
  box-shadow:none;
}
.diary-series-group.is-expanded{
  border-color:color-mix(in srgb,var(--diary-lime) 70%,var(--line));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--diary-lime) 12%,transparent);
}
.diary-series-group.is-expanded .diary-series-main{border-bottom:1px solid var(--line)}
.diary-series-children{padding:0 10px 10px;background:color-mix(in srgb,var(--surface2) 48%,var(--surface))}
.diary-series-children[hidden]{display:none}
.diary-children-label{
  padding:12px 2px 8px;
  color:var(--diary-lime);
  border-bottom:1px solid var(--line);
  font:850 9.5px/1.2 var(--mono);
  letter-spacing:.07em;
}
.diary-episode-list{display:grid}
.diary-episode-child{
  width:100%;
  min-height:46px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 18px 40px 20px;
  gap:7px;
  align-items:center;
  padding:7px 2px;
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  text-align:left;
  color:var(--muted);
  font:650 10px/1.25 var(--mono);
}
.diary-episode-child:last-child{border-bottom:0}
.diary-episode-child:active{background:color-mix(in srgb,var(--surface3) 50%,transparent)}
.diary-episode-code{color:var(--ink);font-weight:850}
.diary-episode-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.diary-child-rewatch{color:#c89cff;text-align:center}
.diary-child-spacer{display:block}
.diary-episode-child time{color:var(--dim);text-align:right}
.diary-child-check{color:var(--diary-lime);font-size:15px;font-weight:900;text-align:center}
.diary-series-cta{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  padding:0 14px;
  border:1px solid color-mix(in srgb,var(--diary-lime) 64%,var(--line));
  border-radius:7px;
  background:transparent;
  color:var(--diary-lime);
  font-size:12px;
  font-weight:800;
  text-align:left;
}
.diary-series-cta b{font-size:22px;font-weight:400}

.diary-empty{
  padding:28px 20px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  text-align:center;
}
.diary-empty strong{display:block;font-size:16px}
.diary-empty p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}

/* Schermi piccoli: riduciamo solo quanto basta, mai fino alla miniaturizzazione. */
@media(max-width:380px){
  .diary-content{padding-left:12px;padding-right:12px}
  .diary-compact-row{grid-template-columns:64px minmax(0,1fr) 28px;gap:11px;min-height:108px;padding:9px}
  .diary-compact-row .poster{width:64px;height:92px}
  .diary-title-line strong{font-size:15.5px}
  .diary-subline{font-size:10.5px}
  .diary-state-line{gap:7px;font-size:9.5px}
  .diary-episode-child{grid-template-columns:34px minmax(0,1fr) 16px 36px 18px;font-size:9.5px}
}