:root{--paper:#faf6ef;--ink:#1b1712;--ink-soft:#3e382f;--ink-faint:#8a8272;--accent:#96261b;--rule:#c9c2b2;--serif:Charter, "Iowan Old Style", Georgia, "Times New Roman", serif;--sans:-apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--paper)}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100dvh}#app{max-width:640px;margin:0 auto;padding:0 20px 120px}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input{font:inherit;color:inherit;background:0 0;border:none;outline:none}.masthead{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;padding:28px 0 14px;display:flex}.masthead h1{letter-spacing:.22em;font-size:15px;font-weight:600}.masthead h1 button{font:inherit;letter-spacing:inherit;padding:0}.masthead .kicker{color:var(--ink-faint);letter-spacing:.04em;font-size:12px}@media (width<=480px){.masthead .kicker{display:none}}.screen{animation:.18s ease-out fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}.crossfade-out{opacity:0;transition:opacity .14s ease-in}.search-hero{padding-top:12vh}.search-hero .lede{font-family:var(--serif);margin-bottom:14px;font-size:clamp(30px,7vw,44px);font-weight:700;line-height:1.15}.search-hero .dek{color:var(--ink-soft);max-width:46ch;margin-bottom:44px;font-size:16px;line-height:1.5}.search-field{border-bottom:2px solid var(--ink);flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:10px;display:flex}.tags{display:contents}.tag{font-family:var(--serif);white-space:nowrap;border-bottom:1px solid var(--rule);flex-shrink:0;padding-bottom:2px;font-size:17px;font-weight:600}.tag-x{color:var(--accent);padding:0 2px 0 6px;font-size:16px;line-height:1}.search-field input{font-family:var(--serif);flex:1;min-width:0;font-size:22px}.search-field input::placeholder{color:var(--ink-faint)}.search-field button{letter-spacing:.14em;color:var(--accent);flex-shrink:0;padding:8px 0 8px 8px;font-size:13px;font-weight:600}.search-examples{color:var(--ink-faint);margin-top:26px;font-size:14px;line-height:2.1}.search-examples .ex-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-right:10px;font-size:11px;font-weight:600}.search-examples button{color:var(--ink-soft);border-bottom:1px solid var(--rule);margin-right:18px;padding-bottom:1px}.search-error{color:var(--accent);max-width:46ch;margin-top:28px;font-size:15px;line-height:1.55}.loading{text-align:center;font-family:var(--serif);color:var(--ink-soft);padding-top:16vh;font-size:19px;font-style:italic}.pool-head{padding:26px 0 8px}.pool-head h2{font-family:var(--serif);margin-bottom:6px;font-size:27px;font-weight:700}.pool-head .note{color:var(--ink-soft);max-width:52ch;font-size:14px;line-height:1.5}.pool-list{margin-top:14px;list-style:none}.pool-row{border-bottom:1px solid var(--rule);cursor:pointer;align-items:baseline;gap:12px;padding:11px 0;display:flex}.pool-row .mark{width:18px;color:var(--accent);flex-shrink:0;font-size:15px;font-weight:600}.pool-row.out .mark{color:#0000}.pool-row .title{font-family:var(--serif);font-size:17px;font-weight:600;line-height:1.3}.pool-row.out .title{color:var(--ink-faint);font-weight:400}.pool-row .meta{color:var(--ink-faint);text-align:right;flex-shrink:0;margin-left:auto;font-size:13px}.add-field{border-bottom:1px solid var(--rule);gap:10px;margin-top:6px;padding:14px 0 8px;display:flex}.add-field input{flex:1;min-width:0;font-size:15px}.add-field button{letter-spacing:.12em;color:var(--accent);flex-shrink:0;font-size:12px;font-weight:600}.add-results{list-style:none}.add-results li{border-bottom:1px solid var(--rule);cursor:pointer;font-size:15px;font-family:var(--serif);padding:9px 0}.add-results li span{color:var(--ink-faint);font-family:var(--sans);font-size:13px}.actionbar{background:var(--paper);border-top:1px solid var(--rule);position:fixed;bottom:0;left:0;right:0}.actionbar-inner{max-width:640px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.actionbar .count{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:13px}.actionbar .count.off{color:var(--accent)}.actionbar .go{letter-spacing:.14em;color:var(--paper);background:var(--ink);padding:13px 26px;font-size:14px;font-weight:600}.actionbar .go:disabled{background:var(--ink-faint);cursor:default}.match-head{justify-content:space-between;align-items:baseline;padding:30px 0 6px;display:flex}.match-head .round{letter-spacing:.18em;color:var(--accent);font-size:12px;font-weight:600}.match-head .counter{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:12px}.match-prompt{font-family:var(--serif);border-bottom:1px solid var(--rule);padding:10px 0 30px;font-size:clamp(24px,5.6vw,32px);font-weight:700;line-height:1.2}.match-cards{flex-direction:column;display:flex}.match-card{text-align:left;width:100%;padding:30px 4px;display:block}.match-card:active{background:#96261b0d}.match-card .title{font-family:var(--serif);margin-bottom:8px;font-size:clamp(23px,5.4vw,30px);font-weight:700;line-height:1.18;display:block}.match-card .byline{color:var(--ink-soft);font-size:14px;display:block}.match-vs{color:var(--ink-faint);letter-spacing:.14em;align-items:center;gap:16px;font-size:12px;display:flex}.match-vs:before,.match-vs:after{content:"";border-top:1px solid var(--rule);flex:1}.match-progress{background:var(--rule);height:2px;margin-top:26px}.match-progress i{background:var(--accent);height:100%;transition:width .2s;display:block}.poster-wrap{padding-top:26px}.poster-wrap h2{font-family:var(--serif);margin-bottom:4px;font-size:26px}.poster-wrap .sub{color:var(--ink-soft);margin-bottom:20px;font-size:14px}.poster-canvas{border:1px solid var(--rule);width:100%}.poster-actions{align-items:baseline;gap:26px;margin-top:20px;display:flex}.poster-actions .primary{letter-spacing:.14em;color:var(--paper);background:var(--ink);padding:13px 26px;font-size:14px;font-weight:600}.poster-actions .quiet{color:var(--ink-faint);border-bottom:1px solid var(--rule);font-size:14px}
