:root{color-scheme:light;--paper:#f7f6f2;--ink:#252623;--muted:#71726a;--line:#d5d5cd;--serif:Georgia,'Times New Roman',serif;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:0 clamp(24px,5vw,96px);min-height:100svh;display:flex;flex-direction:column}button,a,label{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:1px solid var(--ink);outline-offset:5px}a{color:inherit;text-decoration:none}.masthead{height:88px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.wordmark{font:24px/1 var(--serif);letter-spacing:-1.1px}.preferences-button{border:0;background:none;width:44px;height:44px;display:grid;place-items:center;color:var(--muted);margin-right:-13px}.preferences-button:hover{color:var(--ink)}main{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}figure{margin:0}.art-stage{position:relative;height:calc(100svh - 205px);min-height:280px;max-height:1200px;width:100%;margin:auto;overflow:hidden;background:#eeede7}.art-stage.portrait{width:min(100%,calc((100svh - 205px)*.88))}.art-stage img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block;animation:reveal .6s ease both}.art-stage img[hidden]{display:none}.loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:11px}.loading[hidden]{display:none}figcaption{text-align:center;padding:24px 0 28px}h1{font:400 clamp(19px,1.65vw,26px)/1.3 var(--serif);letter-spacing:-.3px;margin:0;text-wrap:balance}h1 a:hover{color:var(--muted)}.artist{font-size:11px;line-height:1.6;color:var(--muted);margin:7px 0 0}.artist:empty{display:none}.status{text-align:center;font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 22px}.status:empty{display:none}
dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;padding:88px 24px 56px;overflow:auto;color:var(--ink);background:var(--paper)}dialog[open]{display:flex;flex-direction:column;align-items:center}dialog::backdrop{background:var(--paper)}.welcome-brand{position:absolute;top:32px;left:clamp(24px,5vw,96px)}#taste-form{width:min(100%,440px);margin:auto}h2{font:400 clamp(34px,4vw,44px)/1.12 var(--serif);letter-spacing:-1.3px;margin:0 0 12px}#dialog-description{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 46px}.close-button{position:absolute;top:22px;right:clamp(16px,4vw,84px);width:44px;height:44px;border:0;background:none;font:28px var(--serif);color:var(--muted)}.close-button[hidden]{display:none}fieldset{border:0;padding:0;margin:0 0 30px;min-width:0}legend{padding:0;margin:0 0 8px;font-size:11px;color:var(--muted)}.options{display:flex;flex-wrap:wrap;gap:0 22px}.option{cursor:pointer;position:relative}.option input{position:absolute;opacity:0;width:1px;height:1px}.option span{display:block;padding:9px 0 7px;border-bottom:1px solid transparent;color:var(--muted);font-size:13px;line-height:1.5;transition:color .15s,border-color .15s}.option input:checked+span{border-color:var(--ink);color:var(--ink)}.option:hover span{color:var(--ink)}.enter-button{display:block;width:100%;margin:40px 0 0;padding:15px 20px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:12px;line-height:1.4}.enter-button:hover{background:#45463f}.no-script{position:fixed;inset:auto 24px 24px;padding:20px;background:var(--paper);font-size:13px}.no-script a{text-decoration:underline}@keyframes reveal{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.masthead{height:76px}.wordmark{font-size:22px}.art-stage,.art-stage.portrait{width:100%;height:calc(100svh - 195px);min-height:280px}figcaption{padding:21px 0 27px}h1{font-size:22px}.artist{font-size:10px}.welcome-brand{top:27px}dialog{padding:100px 28px 42px}.close-button{top:17px;right:16px}#dialog-description{margin-bottom:38px}.options{gap:0 20px}.option span{font-size:12px}fieldset{margin-bottom:26px}.enter-button{margin-top:34px}}
@media(max-height:650px){.masthead{height:65px}.art-stage{height:calc(100svh - 175px)}.art-stage.portrait{width:min(100%,calc((100svh - 175px)*.88))}dialog{padding-block:88px 36px}#dialog-description{margin-bottom:28px}fieldset{margin-bottom:20px}.enter-button{margin-top:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}