:root{
  color-scheme:dark;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#0d0f12;
  color:#e9edf1;
  -webkit-text-size-adjust:100%;
}
*{box-sizing:border-box}
html{background:#0d0f12}
body{margin:0;min-width:0;background:#0d0f12}
main{width:min(100%,900px);margin:0 auto;padding:48px 20px calc(48px + env(safe-area-inset-bottom));}
h1{font-size:clamp(2.4rem,8vw,5rem);line-height:.95;margin:0;letter-spacing:-.05em;overflow-wrap:anywhere}
header p{color:#9da7b2;margin:.65rem 0 0;font-size:1rem}
form{margin:42px 0 22px}
.search-label{display:block;margin-bottom:8px;color:#aeb7c0;font-size:.9rem}
.search-row{display:flex;gap:10px;align-items:stretch}
input,button{min-height:48px;border:1px solid #343b44;background:#15191e;color:#eef2f5;border-radius:10px;padding:12px;font:inherit}
input{min-width:0}
input:focus-visible,button:focus-visible,summary:focus-visible,.result:focus-visible{outline:2px solid #e9edf1;outline-offset:2px}
#q{flex:1 1 auto;width:100%;font-size:1.08rem;padding:14px 16px}
button{cursor:pointer;font-weight:650;padding-inline:22px;touch-action:manipulation}
button:hover{background:#1d232a}
.filters{margin-top:12px;border:1px solid #282e35;border-radius:10px;background:#111419}
.filters summary{cursor:pointer;list-style:none;padding:12px 14px;color:#aeb7c0;font-size:.9rem;touch-action:manipulation}
.filters summary::-webkit-details-marker{display:none}
.filters summary::after{content:"+";float:right;color:#c7d0d8;font-size:1.1rem;line-height:1}
.filters[open] summary::after{content:"−"}
.filter-status{color:#e0e6eb}
.dates{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:0 14px 14px}
.dates label{display:grid;gap:6px;color:#aeb7c0;font-size:.85rem}
.clear-button{background:transparent;color:#c7d0d8}
.status{min-height:1.4rem;color:#9da7b2;font-size:.9rem;margin-bottom:4px}
.result{display:block;color:inherit;text-decoration:none;border-top:1px solid #282e35;padding:22px 8px;margin-inline:-8px;border-radius:6px;touch-action:manipulation}
.result:hover,.result:focus-visible{background:#14181d}
.meta{color:#9da7b2;font-size:.88rem;line-height:1.45;overflow-wrap:anywhere}
.quote{font-size:1.08rem;line-height:1.55;margin:.55rem 0;overflow-wrap:anywhere}
.watch{font-size:.86rem;color:#c7d0d8;font-weight:600}
.empty{padding:24px 0;color:#aeb7c0}
@media(max-width:600px){
  main{padding:28px max(16px,env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
  h1{font-size:clamp(2.5rem,14vw,4.2rem)}
  header p{font-size:.95rem}
  form{margin:30px 0 20px}
  .search-row{display:grid;grid-template-columns:1fr}
  #q{font-size:16px;min-height:52px} /* prevents iOS input zoom */
  .search-button{width:100%;min-height:50px}
  .dates{grid-template-columns:1fr 1fr}
  .clear-button{grid-column:1/-1;width:100%}
  .result{padding:18px 4px;margin-inline:-4px}
  .meta{font-size:.82rem}
  .quote{font-size:1rem;line-height:1.5}
}
@media(max-width:390px){
  .dates{grid-template-columns:1fr}
  .clear-button{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}