/* Scoped to the additional film-based experience in the existing taste menu. */
.taste-modes{display:flex;gap:10px;margin:0 auto 32px;max-width:900px;flex-wrap:wrap}
.taste-modes button{flex:1;min-width:210px;border:1px solid var(--line);padding:16px 20px;background:var(--bg2);color:var(--mut);text-align:left;cursor:pointer}
.taste-modes strong,.taste-modes span{display:block}.taste-modes strong{font-size:17px}.taste-modes span{font-size:13px;margin-top:4px}
.taste-modes [aria-pressed=true]{border-color:var(--sky);color:var(--tx);background:linear-gradient(125deg,#14232d,var(--bg2))}
#tasteBoundary{max-width:1000px;margin:0 auto 48px;overflow-wrap:anywhere}
#v-taste [hidden]{display:none!important}
#tasteBoundary button,#tasteBoundary input{font:inherit}
#tasteBoundary button{cursor:pointer;min-height:44px}
#tbResultHeading,#tbTestTitle{scroll-margin-top:160px}
#tasteBoundary button:disabled{cursor:default;opacity:.45}
#tasteBoundary :focus-visible,.taste-modes :focus-visible{outline:2px solid var(--sky-2);outline-offset:4px}
.tb-intro{padding:30px 0 40px;border-bottom:1px solid var(--line)}
.tb-eyebrow{color:var(--sky);font-size:12px;letter-spacing:.06em;font-weight:600}
.tb-intro h3{font-size:clamp(30px,4.5vw,52px);line-height:1.24;letter-spacing:-.045em;margin:16px 0 22px;font-weight:600}
.tb-intro p{color:var(--mut);line-height:1.9;font-size:15px}
.tb-toolbar,.tb-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tb-toolbar{justify-content:space-between;margin-top:18px;font-size:13px;color:var(--mut)}
.tb-note,.tb-film-copy>p{color:var(--mut);font-size:12px;line-height:1.8}
.tb-announcement:not(:empty){padding:12px 16px;margin:14px 0;border-left:2px solid var(--sky);background:var(--bg2);font-size:14px;line-height:1.8}
.tb-section-heading{margin:36px 0 20px}.tb-section-heading h4,.tb-test h4{font-size:25px;font-weight:600;margin:8px 0}
.tb-search-label{display:block;color:var(--mut);font-size:13px;margin-bottom:8px}
#tbSearch{display:block;width:100%;padding:15px 16px;min-height:52px;border:1px solid var(--line);background:var(--bg2);color:var(--tx);border-radius:0}
#tbSearchCount{margin:10px 0 18px}
.tb-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tb-film{display:flex;gap:14px;min-width:0;padding:16px;border:1px solid var(--line);background:var(--bg2);align-items:flex-start}
.tb-film>img,.tb-no-poster{width:60px;height:90px;object-fit:cover;flex:none;background:var(--card)}
.tb-no-poster{display:grid;place-content:center;color:var(--mut2);font-size:22px}
.tb-film-copy{min-width:0;flex:1}.tb-film-copy>p{margin:2px 0 8px}
#tasteBoundary .tb-text{background:none;border:0;color:var(--sky-2);padding:3px 0;text-align:left;font-size:13px;line-height:1.6}
.tb-film-copy>.tb-text:first-child{text-decoration:none;color:var(--tx)!important;font-size:16px!important;font-weight:600;min-height:0!important}
.tb-film-copy .tb-text small{color:var(--mut);font-weight:400;display:inline-block}
.tb-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tb-reactions button{background:var(--bg);color:var(--mut);border:1px solid var(--line);font-size:12px!important;padding:7px 9px;line-height:1.5}
.tb-reactions [aria-pressed=true]{color:var(--sky-2);border-color:var(--sky);background:#122431}
#tasteBoundary .tb-primary{background:var(--sky);color:#071b28;border:1px solid var(--sky);font-weight:650;padding:12px 18px;font-size:14px}
.tb-explore{margin:24px 0 34px;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;border-block:1px solid var(--line)}
.tb-explore p{font-size:13px;color:var(--mut)}.tb-primary:hover{filter:brightness(1.1)}
.tb-hypotheses{display:grid;gap:16px;margin:18px 0 8px}
.tb-hypothesis{padding:26px;border:1px solid var(--line);background:linear-gradient(130deg,#111b22,var(--bg2) 65%)}
.tb-hypothesis.is-selected{border-color:var(--sky-dim)}.tb-hypothesis h4{font-size:23px;line-height:1.5;margin:10px 0;font-weight:550}
.tb-category{font-size:13px;color:var(--mut);margin-bottom:22px}
.tb-ratios{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:12px 0 14px}
.tb-ratios div{display:grid;gap:8px}.tb-ratios span{font-size:12px;color:var(--mut)}.tb-ratios strong{font-size:26px;font-weight:500}.tb-ratios small{font-size:13px;color:var(--mut);font-weight:400}
.tb-ratios i{height:3px;background:linear-gradient(to right,var(--sky) var(--tb-ratio),var(--line) var(--tb-ratio))}
.tb-hypothesis details{margin:16px 0}.tb-hypothesis summary,.tb-collection summary,.tb-method summary{cursor:pointer;font-size:14px;min-height:44px;padding:11px 0;color:var(--tx)}
.tb-hypothesis h5{font-size:12px;color:var(--mut);font-weight:400;margin-top:14px}
.tb-evidence{display:flex;flex-wrap:wrap;gap:2px 16px;padding:4px 0 10px}
.tb-test{padding:32px 0;margin-top:20px;border-top:1px solid var(--line)}.tb-test>.tb-note{margin-bottom:16px}
.tb-test .tb-film-grid{grid-template-columns:1fr}.tb-test .tb-film{padding:20px}.tb-test .tb-film>img{width:75px;height:112px}
.tb-collection,.tb-method{border-top:1px solid var(--line);padding:12px 0}.tb-collection summary{display:flex;gap:14px;align-items:center}.tb-collection summary:before{content:'＋';color:var(--sky)}.tb-collection[open] summary:before{content:'−'}
.tb-collection summary span{color:var(--mut);font-size:12px}.tb-collection .tb-film-grid{margin:14px 0}
.tb-method p{font-size:13px;color:var(--mut);line-height:1.9;margin:10px 0;max-width:750px}
.tb-empty{grid-column:1/-1;padding:24px 0;color:var(--mut);font-size:14px;line-height:1.9}.tb-empty h4{color:var(--tx);font-size:21px;font-weight:500;margin:12px 0}
#tbResetDialog{margin:auto;max-width:min(90vw,460px);padding:28px;background:var(--bg2);color:var(--tx);border:1px solid var(--sky-dim)}
#tbResetDialog::backdrop{background:#000b}#tbResetDialog h4{font-size:21px}#tbResetDialog p{color:var(--mut);font-size:14px;line-height:1.8;margin:16px 0 24px}
@media(max-width:700px){.tb-film-grid{grid-template-columns:1fr}.tb-intro{padding:16px 0 26px}.tb-intro p{font-size:14px}.tb-explore{align-items:stretch;flex-direction:column}.tb-hypothesis{padding:20px}.tb-hypothesis h4{font-size:21px}.tb-toolbar{align-items:flex-start;gap:6px}.tb-toolbar>span{max-width:75%;line-height:1.8}.tb-test .tb-film{padding:16px}.tb-test .tb-film>img{width:60px;height:90px}.taste-modes{gap:8px;margin-bottom:20px}.taste-modes button{min-width:0;padding:14px 12px}.taste-modes strong{font-size:14px}.taste-modes span{font-size:11px}.tb-ratios{gap:20px}.tb-actions{gap:8px 14px}}
