.reaction-library-page{--reaction-accent:#b8cf9f;--reaction-wash:#e8e4d8;--reaction-red:#a34b37;background:var(--paper)}
.reaction-library-page .site-header nav a[aria-current=page]{border-bottom:2px solid var(--ink)}
.reaction-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.55fr);gap:clamp(42px,7vw,110px);align-items:end;padding-block:clamp(54px,8vw,118px);border-bottom:1px solid var(--ink)}
.reaction-hero-copy{padding-top:10px}.reaction-hero h1{font-size:clamp(74px,10.5vw,156px);max-width:8.5ch;margin:26px 0 36px}.reaction-deck{font-size:clamp(18px,1.6vw,24px);line-height:1.45;max-width:49ch;text-wrap:pretty}
.cast-index-tools label{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.cast-index-tools select{min-width:0;border:0;border-radius:0;background:#fff;color:var(--ink);font:inherit}.cast-index-tools select:focus-visible{outline:3px solid var(--green);outline-offset:-4px}.mood-filters button,.clear-filters{min-height:44px;padding:8px 14px;border:1px solid var(--line);background:transparent;color:var(--ink);font-weight:700;font-size:12px}.mood-filters button:hover,.clear-filters:hover{border-color:var(--ink);background:#fff}.reaction-hero-face{justify-self:end;width:min(100%,420px);transform:rotate(1.2deg)}.reaction-hero-face>div{position:relative;min-height:420px;display:grid;place-items:center;padding:38px;background:var(--reaction-accent);border:1px solid var(--ink);box-shadow:14px 14px 0 var(--ink)}.reaction-hero-face>div>span{position:absolute;top:15px;left:17px;font-size:9px;font-weight:700;letter-spacing:.14em}.reaction-hero-face img{width:min(78%,275px);max-height:315px;object-fit:contain}.reaction-hero-face>p{margin:30px 0 0 14px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.reaction-browser{padding-block:clamp(72px,9vw,126px)}.reaction-browser-heading,.cast-index-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,420px);gap:50px;align-items:end}.reaction-browser-heading h2,.cast-index-heading h2{margin-top:20px}.reaction-browser-heading>p,.cast-index-heading>p{color:var(--muted);font-size:15px}.reaction-toolbar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;gap:20px;margin:44px 0 12px;padding:14px 0;background:color-mix(in srgb,var(--paper) 94%,transparent);border-block:1px solid var(--line);backdrop-filter:blur(10px)}.mood-filters{display:flex;flex-wrap:wrap;gap:8px}.mood-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.clear-filters{white-space:nowrap}.reaction-status,.cast-index-status{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:22px}.maker-handoff-note{max-width:720px;margin:-8px 0 28px;padding:11px 14px;border-left:3px solid var(--green);background:#e9e6dc;color:var(--muted);font-size:12px}.maker-handoff-note strong{color:var(--ink)}.reaction-download-control{max-width:720px;margin:-14px 0 32px;padding:14px 16px;border:1px solid var(--ink);background:#f8f6ef}.reaction-download-control label{min-height:48px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;cursor:pointer}.reaction-download-control input{appearance:none;position:relative;flex:0 0 auto;width:54px;height:30px;margin:0;border:1px solid var(--ink);border-radius:999px;background:#d7d4ca;cursor:pointer}.reaction-download-control input::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border:1px solid var(--ink);border-radius:50%;background:#fff;transition:translate .16s ease}.reaction-download-control input:checked{background:var(--reaction-accent)}.reaction-download-control input:checked::after{translate:24px 0}.reaction-download-control input:focus-visible{outline:3px solid var(--green);outline-offset:3px}.reaction-download-control input:disabled{opacity:.65;cursor:not-allowed}.reaction-download-control p{margin:4px 0 0 66px;color:var(--muted);font-size:11px;line-height:1.45}.reaction-share-instructions{grid-column:1/-1;margin:0;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.4;text-align:left}.reaction-share-menu>button:disabled{background:#f1efe8;color:#777b72;cursor:not-allowed}.reaction-share-menu>button:disabled:hover{background:#f1efe8}.reaction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.reaction-card{min-width:0;border:1px solid var(--ink);background:#f8f6ef;display:flex;flex-direction:column}.reaction-card:first-child{grid-column:span 2}.reaction-art{position:relative;display:grid;place-items:center;min-height:248px;padding:38px 26px 22px;background-image:linear-gradient(45deg,#e2dfd4 25%,transparent 25%),linear-gradient(-45deg,#e2dfd4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2dfd4 75%),linear-gradient(-45deg,transparent 75%,#e2dfd4 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.reaction-card:first-child .reaction-art{min-height:360px;background-color:var(--reaction-accent)}.reaction-art img{width:100%;height:210px;object-fit:contain;filter:drop-shadow(0 7px 0 rgba(32,35,30,.09))}.reaction-card:first-child .reaction-art img{height:320px}.reaction-number{position:absolute;top:12px;left:14px;font-size:10px;font-weight:700;letter-spacing:.1em}.favorite-button{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font-size:25px;line-height:1}.favorite-button:hover,.favorite-button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.reaction-copy{display:flex;flex:1;flex-direction:column;padding:20px}.reaction-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.reaction-heading h2{font-family:Body,Arial,sans-serif;font-size:21px;line-height:1.05;letter-spacing:-.04em}.reaction-heading>span{max-width:45%;font-size:8px;line-height:1.4;letter-spacing:.1em;text-align:right;color:var(--muted)}.reaction-copy>p{margin-top:12px;font-size:13px;line-height:1.5;color:var(--muted)}.reaction-copy details{margin-top:14px;border-top:1px solid var(--line);padding-top:12px;font-size:12px}.reaction-copy summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer}.reaction-copy details p{margin-top:10px}.reaction-aliases{color:var(--muted)}.reaction-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:20px}.reaction-action{min-width:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:700 11px/1.2 Body,Arial,sans-serif;text-align:center;text-decoration:none}.reaction-action:hover{background:#fff}.reaction-share{position:relative;margin-top:0!important;border-top:0!important;padding-top:0!important}.reaction-share>summary{list-style:none;min-height:48px;display:flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-weight:800;cursor:pointer}.reaction-share>summary::-webkit-details-marker{display:none}.reaction-share>summary::after{content:'+';margin-left:10px;font-size:18px}.reaction-share[open]>summary::after{content:'−'}.reaction-share>summary:hover{background:var(--green)}.reaction-share>summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}.reaction-share-menu{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink);border-top:0;background:#fff}.reaction-share-menu>a,.reaction-share-menu>button{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;padding:9px 8px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;color:var(--ink);font:700 11px/1.2 Body,Arial,sans-serif;text-align:center;text-decoration:none}.reaction-share-menu>a:nth-child(even),.reaction-share-menu>button:nth-child(even){border-right:0}.reaction-share-menu>a:hover,.reaction-share-menu>button:hover{background:var(--reaction-wash)}.reaction-share-menu>a:focus-visible,.reaction-share-menu>button:focus-visible{outline:3px solid var(--green);outline-offset:-3px}.reaction-share-menu>.reaction-share-generator{grid-column:1/-1;border-right:0;border-bottom:0;background:var(--reaction-accent);font-size:12px}.reaction-card.is-favorite{box-shadow:inset 0 0 0 3px var(--green)}.reaction-empty{padding:60px 20px;border:1px dashed var(--ink);text-align:center}.reaction-empty>span{display:block;font:800 90px/.5 Display,Impact,sans-serif}.reaction-empty h3{margin-top:24px;font-size:24px}.reaction-empty p{margin:8px auto 22px;color:var(--muted)}.reaction-empty button{min-height:44px;background:var(--ink);color:var(--paper);padding:10px 18px;font-weight:700}
.cast-index{background:var(--ink);color:var(--paper);padding-block:clamp(72px,9vw,126px)}.cast-index .eyebrow,.cast-index-heading>p,.cast-index-status{color:#b8bcaf}.cast-directory{margin-top:46px}.cast-directory>summary{list-style:none;min-height:64px;padding:18px 58px 18px 18px;border:1px solid #6a6e64;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;cursor:pointer;font-weight:700}.cast-directory>summary::-webkit-details-marker{display:none}.cast-directory>summary::after{content:'+';position:absolute;right:18px;top:50%;translate:0 -50%;font:32px/1 Display,Impact,sans-serif;color:#bfd9a7}.cast-directory[open]>summary::after{content:'−'}.cast-directory>summary:hover{background:#272b25}.cast-directory>summary:focus-visible{outline:3px solid #bfd9a7;outline-offset:3px}.cast-directory>summary span{font-size:18px}.cast-directory>summary small{padding-right:26px;color:#b8bcaf;font-size:11px;font-weight:500;text-align:right}.cast-directory-content .cast-index-tools{margin-top:30px}.cast-index-tools{margin-top:46px}.cast-index-tools>div{display:grid;grid-template-columns:minmax(200px,270px);gap:10px}.cast-index-tools select{height:54px;padding:0 16px}.cast-index-status{margin-top:12px}.cast-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #565a51}.cast-record{display:grid;grid-template-columns:88px minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:8px 16px;padding:18px 18px 18px 0;border-bottom:1px solid #565a51}.cast-record:nth-child(odd){border-right:1px solid #565a51;margin-right:18px}.cast-record:nth-child(even){padding-left:18px}.cast-visual{grid-column:1;grid-row:1/4;width:88px;height:88px;display:grid;place-items:center;overflow:hidden;background:#f1eee4;border:1px solid #565a51}.cast-visual img{display:block;width:100%;height:100%;object-fit:contain;padding:6px}.cast-visual-unavailable{align-content:center;gap:2px;color:#8f9487;background:repeating-linear-gradient(135deg,#232720 0,#232720 8px,#2b3028 8px,#2b3028 16px);text-align:center}.cast-visual-unavailable>span{font:32px/1 Display,Impact,sans-serif}.cast-visual-unavailable>small{font-size:9px;letter-spacing:.08em}.cast-record-title{grid-column:2;grid-row:1;min-width:0}.cast-record h3{font-size:16px;line-height:1.2}.cast-record-title p{font-size:11px;color:#aeb2a7;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cast-record-meaning{grid-column:2/-1;grid-row:2;font-size:12px;color:#d6d8d0}.cast-record-classification{grid-column:2/-1;grid-row:3;color:#8f9487;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.cast-status{align-self:start;padding:4px 7px;border:1px solid currentColor;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.cast-status-ready{color:#bfd9a7}.cast-status-hold{color:#e4c16f}.cast-status-rights{color:#ec8d7b}.cast-status-reference{color:#aaa}.cast-index-note{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;margin-top:46px;padding-top:26px;border-top:1px solid #565a51}.cast-index-note p{color:#c4c8bd;font-size:13px}.cast-index-note a{font-weight:700}.reaction-closing{padding-block:clamp(76px,10vw,150px)}.reaction-closing>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,420px);gap:50px;align-items:end;margin-top:24px}.reaction-closing h2{font-size:clamp(70px,10vw,144px)}.reaction-closing p{margin-bottom:25px}.reaction-toast{position:fixed;right:22px;bottom:22px;z-index:5;max-width:min(390px,calc(100% - 44px));padding:14px 18px;background:var(--ink);color:var(--paper);border:1px solid var(--paper);font-weight:700;font-size:13px;box-shadow:7px 7px 0 var(--green)}
@media(max-width:1100px){.reaction-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reaction-card:first-child{grid-column:span 2}.reaction-hero{grid-template-columns:minmax(0,1fr) 330px;gap:50px}.reaction-hero h1{font-size:10.8vw}.reaction-hero-face>div{min-height:350px}.reaction-card:first-child .reaction-art{min-height:330px}}
@media(max-width:760px){.reaction-hero{display:flex;flex-direction:column;padding-block:42px 64px;align-items:stretch}.reaction-hero h1{font-size:clamp(66px,20vw,116px);margin-block:22px 28px}.reaction-deck{font-size:16px}.reaction-hero-face{width:calc(100% - 12px);align-self:start;justify-self:auto}.reaction-hero-face>div{min-height:330px;box-shadow:10px 10px 0 var(--ink)}.reaction-browser-heading,.cast-index-heading{display:block}.reaction-browser-heading>p,.cast-index-heading>p{margin-top:24px}.reaction-toolbar{position:static;display:block;margin-top:32px}.mood-filters{display:grid;grid-template-columns:repeat(3,1fr)}.mood-filters button,.clear-filters{width:100%}.clear-filters{margin-top:8px}.reaction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reaction-card:first-child{grid-column:1/-1}.reaction-art{min-height:200px;padding-inline:18px}.reaction-art img{height:165px}.reaction-card:first-child .reaction-art{min-height:300px}.reaction-card:first-child .reaction-art img{height:260px}.reaction-copy{padding:16px}.reaction-heading{display:block}.reaction-heading>span{display:block;max-width:none;text-align:left;margin-top:7px}.reaction-actions{grid-template-columns:1fr}.reaction-action-primary{grid-column:auto}.cast-directory>summary{display:block;padding-right:52px}.cast-directory>summary small{display:block;padding-right:0;margin-top:6px;text-align:left}.cast-index-tools>div{grid-template-columns:1fr}.cast-index-grid{grid-template-columns:1fr}.cast-record,.cast-record:nth-child(odd),.cast-record:nth-child(even){border-right:0;margin-right:0;padding-inline:0}.cast-index-note,.reaction-closing>div{grid-template-columns:1fr}.reaction-closing p{margin-top:18px}.reaction-closing .button{width:100%}}
@media(max-width:480px){.reaction-grid{grid-template-columns:1fr}.reaction-card:first-child{grid-column:auto}.reaction-card:first-child .reaction-art{min-height:280px}.mood-filters{grid-template-columns:1fr 1fr}.reaction-hero-face>div{min-height:290px}.reaction-hero-face img{max-height:230px}.cast-record{grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:8px 12px}.cast-visual{grid-column:1;grid-row:1/3;width:72px;height:72px}.cast-record-title{grid-column:2;grid-row:1}.cast-status{grid-column:2;grid-row:2;justify-self:start}.cast-record-meaning{grid-column:1/-1;grid-row:3}.cast-record-classification{grid-column:1/-1;grid-row:4}}
.no-js-note{margin:32px 0 0;padding:14px 16px;border-left:3px solid var(--green);background:#e9e6dc;color:var(--muted);font-size:13px}.no-js-note strong{color:var(--ink)}.reaction-enhanced .no-js-note{display:none}html:not(.reaction-enhanced) .reaction-toolbar,html:not(.reaction-enhanced) .favorite-button,html:not(.reaction-enhanced) .cast-index-tools{display:none}
@media(prefers-reduced-motion:reduce){.reaction-hero-face{transform:none}.reaction-download-control input::after{transition:none}.reaction-toast{box-shadow:none}}
@media(forced-colors:active){.reaction-hero-face>div,.reaction-card,.reaction-action,.favorite-button,.cast-status{border:1px solid CanvasText}.reaction-art{background:Canvas}.mood-filters button[aria-pressed=true],.reaction-action-primary{background:Highlight;color:HighlightText}.reaction-toast{border:2px solid CanvasText}}