body[data-page="quotes"] .v89-page-masthead{padding-bottom:4px}
body[data-page="quotes"] .wrap{
  width:min(1040px,100%);max-width:none;margin:0 auto;padding:8px 0 24px
}
.reels-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:10px 0;margin:0 0 7px;border-top:1px solid var(--v89-line);border-bottom:1px solid var(--v89-line)
}
.reels-title{display:flex;align-items:baseline;gap:9px;min-width:0}
.reels-title strong{
  color:var(--v89-navy);font:700 clamp(1.2rem,2.2vw,1.7rem)/1 Georgia,"Times New Roman",serif
}
.reels-title span{
  color:#6a7c94;font:800 .58rem/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase
}
.reels-actions{display:flex;gap:8px;flex-wrap:wrap}
.reels-action{
  border:0;background:transparent;padding:5px 2px;color:var(--v89-navy);
  font:900 .64rem/1 Arial,sans-serif;cursor:pointer
}
.reels-action:hover{text-decoration:underline;text-underline-offset:3px}
.tools{
  display:none;margin:0 0 8px;padding:10px 0;border-bottom:1px solid var(--v89-line)
}
.tools.reels-open{display:block}
.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.search{
  width:100%;min-width:0;padding:10px 12px;border:1px solid rgba(151,104,24,.19);border-radius:12px;
  background:rgba(255,255,255,.58);color:var(--v89-ink);outline:none
}
.count{align-self:center;color:#6b7e96;font-size:.7rem;white-space:nowrap}
.filters{
  display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding-top:9px;scrollbar-width:none
}
.filters::-webkit-scrollbar{display:none}
.filter{
  flex:none;border:0;border-radius:999px;padding:7px 9px;background:transparent;color:#536d8b;font-size:.66rem;cursor:pointer
}
.filter.active{color:var(--v89-gold);text-decoration:underline;text-underline-offset:3px;font-weight:900}
.reel-shell{position:relative}
.grid{
  display:block;height:clamp(420px,68dvh,760px);overflow-y:auto;overflow-x:hidden;
  scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;
  border-top:1px solid var(--v89-line);border-bottom:1px solid var(--v89-line);
  background:transparent;touch-action:pan-y;-webkit-overflow-scrolling:touch
}
.grid::-webkit-scrollbar{display:none}
.quote-card{
  scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100%;min-height:100%;
  padding:clamp(24px,5vw,60px);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;
  align-items:center;overflow:hidden;background:transparent;border:0;box-shadow:none
}
.quote-top{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.theme{
  padding:0;color:var(--v89-gold);font:900 .63rem/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase
}
.num{color:#7b8798;font:800 .62rem/1 Arial,sans-serif}
.quote-text{
  width:min(94%,900px);max-width:900px;margin:0 auto;padding:0;
  align-self:center;text-align:center;color:#183f6d;
  font:700 clamp(1.8rem,4.6vw,3.5rem)/1.22 Georgia,"Times New Roman",serif;
  overflow-y:auto;scrollbar-width:none
}
.quote-text::-webkit-scrollbar{display:none}
.quote-card.quote-medium .quote-text{font-size:clamp(1.65rem,4vw,3rem)}
.quote-card.quote-long .quote-text{font-size:clamp(1.45rem,3.4vw,2.55rem)}
.quote-card.quote-xl .quote-text{font-size:clamp(1.25rem,3vw,2.1rem)}
.quote-card.quote-xxl .quote-text{font-size:clamp(1.05rem,2.5vw,1.7rem)}
.quote-ref{
  justify-self:center;margin-bottom:8px;color:var(--v89-gold);
  font:900 clamp(.78rem,1.5vw,1rem)/1.2 Arial,sans-serif
}
.quote-actions{display:flex;justify-content:center;gap:10px}
.small-btn{
  border:0;background:transparent;padding:5px 2px;color:var(--v89-navy);
  font:900 .64rem/1 Arial,sans-serif;cursor:pointer
}
.empty{display:none;text-align:center;color:#667b95;padding:35px 10px}
.translation{
  max-width:760px;margin:18px auto 0;padding-top:13px;border-top:1px solid var(--v89-line);
  text-align:center;color:#6a7e96;font-size:.68rem;line-height:1.5
}
.translation strong{color:var(--v89-gold)}
.reel-hint{
  position:absolute;right:6px;top:50%;z-index:2;display:flex;flex-direction:column;align-items:center;
  color:#6f8298;font-size:.55rem;pointer-events:none;opacity:.65
}
.toast{
  position:fixed;left:50%;bottom:18px;transform:translate(-50%,14px);opacity:0;pointer-events:none;
  padding:8px 12px;border-radius:999px;background:#173d72;color:white;font:800 .68rem Arial,sans-serif;
  transition:.2s;z-index:30
}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:720px){
  .reels-title span{display:none}
  .search-row{grid-template-columns:1fr}
  .count{justify-self:start}
  .grid{height:66dvh;min-height:360px}
  .quote-card{padding:20px 22px}
  .reel-hint{display:none}
}
@media(max-height:520px) and (orientation:landscape){
  .v89-page-masthead{display:none}
  .wrap{padding-top:3px}
  .reels-head{padding:5px 0}
  .grid{height:calc(100dvh - 92px);min-height:260px}
  .quote-card{padding:14px 34px}
  .translation{display:none}
}