:root{--night:#1a1424;--velvet:#251c33;--raised:#2f2441;--dusk:#43365a;--champagne:#f4e9d6;--mist:#b9aec6;--gold:#cba35c;--gold-deep:#a9833f;--cheddar:#f7b733;--blush:#e9a6ae;--sage:#8fc4a3;--danger:#f08a7e;--display:"Instrument Serif", "Iowan Old Style", Georgia, serif;--ui:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-s:10px;--radius-m:16px;--radius-l:24px;--shell:34rem;--tabbar:4.25rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--night);min-height:100dvh;color:var(--champagne);font:400 1rem/1.5 var(--ui);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.shell{width:min(var(--shell), 100%);padding:0 1rem calc(var(--tabbar) + 2rem + env(safe-area-inset-bottom));margin:0 auto}.masthead{justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.25rem 0 1rem;display:flex}.masthead-names{font:400 clamp(1.9rem, 8vw, 2.4rem)/1 var(--display);letter-spacing:-.01em;margin:0;text-decoration:none}.masthead-date{color:var(--mist);margin:.35rem 0 0;font-size:.85rem}.masthead-me{background:var(--velvet);white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .7rem .3rem .3rem;font-size:.85rem;text-decoration:none;display:flex}.avatar{background:var(--raised);border-radius:50%;flex:none;width:2rem;height:2rem;display:inline-block;position:relative}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar.small{width:1.6rem;height:1.6rem}.avatar.large{width:3.5rem;height:3.5rem}.avatar.huge{width:6rem;height:6rem}.avatar.jailed:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 22%,#1a1424d9 22% 30%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #1a1424d9}.tabbar{z-index:20;padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--night) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--dusk);position:fixed;inset:auto 0 0}.tabbar ul{width:min(var(--shell), 100%);grid-template-columns:repeat(5,1fr);margin:0 auto;padding:0;list-style:none;display:grid}.tabbar a{height:var(--tabbar);color:var(--mist);justify-items:center;gap:.15rem;padding-top:.7rem;font-size:.72rem;font-weight:600;text-decoration:none;display:grid}.tabbar svg{width:1.45rem;height:1.45rem}.tabbar a[aria-current=page]{color:var(--gold)}.page-title{font:400 2.2rem/1.05 var(--display);margin:.5rem 0 .25rem}.lede{color:var(--mist);margin:0 0 1.25rem}.section-title{font:400 1.55rem/1.1 var(--display);margin:2rem 0 .75rem}.muted{color:var(--mist)}.small{font-size:.85rem}.panel{border-radius:var(--radius-m);background:var(--velvet);padding:1.1rem}.panel+.panel{margin-top:.75rem}.notice{border-left:3px solid var(--gold);border-radius:var(--radius-s);background:var(--velvet);margin:0 0 1rem;padding:.8rem 1rem;font-size:.92rem}.notice.error{border-color:var(--danger)}.notice.success{border-color:var(--sage)}.field{gap:.4rem;margin-bottom:1rem;display:grid}.field>span{font-size:.88rem;font-weight:600}.field .hint{color:var(--mist);font-size:.8rem;font-weight:400}.input{border:1px solid var(--dusk);border-radius:var(--radius-s);background:var(--night);width:100%;min-height:3rem;padding:.7rem .9rem;font-size:1rem}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 30%, transparent);outline:none}.button{background:var(--gold);min-height:3rem;color:var(--night);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.3rem;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{background:#d8b471}.button:disabled{opacity:.55;cursor:not-allowed}.button.block{width:100%}.button.small{min-height:2.4rem;padding:.45rem .9rem;font-size:.85rem}.button.quiet{background:var(--raised);color:var(--champagne)}.button.quiet:hover{background:var(--dusk)}.button.danger{color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 50%, transparent);background:0 0}.check{align-items:flex-start;gap:.65rem;margin-bottom:1rem;font-size:.9rem;display:flex}.check input{width:1.2rem;height:1.2rem;accent-color:var(--gold);margin-top:.15rem}.avatar-picker{border:0;grid-template-columns:repeat(auto-fill,minmax(3.25rem,1fr));gap:.5rem;min-width:0;margin:0 0 1.25rem;padding:0;display:grid}.avatar-picker legend{margin-bottom:.5rem;font-size:.88rem;font-weight:600}.avatar-picker label{place-items:center;display:grid;position:relative}.avatar-picker input{opacity:0;position:absolute;inset:0}.avatar-picker img{cursor:pointer;border:3px solid #0000;border-radius:50%;width:3.25rem;height:3.25rem;transition:transform .15s;display:block}.avatar-picker input:checked+img{border-color:var(--gold);transform:scale(1.08)}.avatar-picker input:focus-visible+img{outline:2px solid var(--gold);outline-offset:2px}.face-card{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.face-card .actions{flex-wrap:wrap;gap:.5rem;display:flex}.jail{border:2px solid var(--dusk);border-radius:var(--radius-l);background:repeating-linear-gradient(90deg, var(--velvet) 0 18px, var(--raised) 18px 22px);margin:0 0 1.5rem;padding:1rem 1.1rem}.jail h2{font:400 1.7rem/1.1 var(--display);margin:0 0 .1rem}.jail p{color:var(--mist);margin:0 0 .75rem;font-size:.85rem}.jail ol{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.jail li{align-items:center;gap:.6rem;font-weight:700;display:flex}.jail li span:last-child{color:var(--mist);margin-left:auto;font-size:.85rem;font-weight:600}.jail.me{border-color:var(--danger)}.jail.me strong{color:var(--champagne)}.join{align-content:center;width:min(26rem,100%);min-height:100dvh;margin:0 auto;padding:2rem 1.25rem 3rem;display:grid}.join-logo{width:min(18rem,80vw);height:auto;margin:0 0 2rem}.join-names{font:400 clamp(2.8rem, 13vw, 3.8rem)/.95 var(--display);margin:0}.join-date{color:var(--gold);margin:.75rem 0 2rem;font-size:.95rem}.notice a{color:inherit;font-weight:700}.welcome{font:400 1.25rem/1.45 var(--display);color:var(--champagne);margin:0 0 1.5rem}.countdown{align-items:baseline;gap:.6rem;margin:0 0 1.5rem;display:flex}.countdown strong{font:400 4rem/1 var(--display);color:var(--gold)}.door-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.door{border-radius:var(--radius-l);background:var(--velvet);grid-template-columns:1fr auto;align-items:center;gap:1rem;min-height:6.5rem;padding:1.1rem 1.2rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.door h3{font:400 1.7rem/1 var(--display);margin:0 0 .2rem}.door p{color:var(--mist);margin:0;font-size:.88rem}.door .art{border-radius:var(--radius-s);object-fit:cover;width:4.5rem;height:4.5rem}.door .glyph{font-size:2.4rem}.door[aria-disabled=true]{opacity:.6}.status{font:600 .7rem/1.4 var(--ui);vertical-align:middle;background:var(--raised);color:var(--mist);border-radius:999px;margin-left:.4rem;padding:.1rem .5rem;display:inline-block}.status.open{background:color-mix(in srgb, var(--sage) 22%, transparent);color:var(--sage)}.venues{gap:.75rem;display:grid}.venue h3{font:400 1.35rem/1.15 var(--display);margin:0}.venue p{color:var(--mist);margin:.2rem 0 0;font-size:.9rem}.venue a{color:var(--gold)}.board{counter-reset:rank;gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.track{border-radius:var(--radius-m);background:var(--velvet);counter-increment:rank;grid-template-columns:1.6rem 3.25rem 1fr auto;align-items:center;gap:.75rem;padding:.6rem .7rem .6rem .4rem;display:grid}.track:before{content:counter(rank);font:400 1.35rem/1 var(--display);color:var(--mist);justify-self:center}.track:nth-child(-n+3):before{color:var(--gold)}.track-art{object-fit:cover;background:var(--raised);border-radius:8px;width:3.25rem;height:3.25rem}.track-text{min-width:0}.track-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:700;line-height:1.25;overflow:hidden}.track-artist{color:var(--mist);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.82rem;overflow:hidden}.track-by{color:var(--mist);margin:.2rem 0 0;font-size:.75rem}.track.cheesy{background:linear-gradient(100deg, color-mix(in srgb, var(--cheddar) 22%, var(--velvet)), var(--velvet) 70%)}.track.cheesy .track-by{color:var(--cheddar)}.vote{grid-template-rows:auto auto auto;justify-items:center;gap:0;display:grid}.vote form{margin:0}.vote button{width:2.4rem;height:1.9rem;color:var(--mist);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.vote button svg{width:1.1rem;height:1.1rem}.vote button[aria-pressed=true]{color:var(--gold);background:var(--raised)}.vote .score{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-size:.95rem;font-weight:800}.cheese-button{border:1px solid var(--dusk);color:var(--mist);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.3rem;margin-top:.3rem;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.cheese-button[aria-pressed=true]{border-color:var(--cheddar);color:var(--cheddar);background:color-mix(in srgb, var(--cheddar) 14%, transparent)}@media (prefers-reduced-motion:no-preference){.vote button:active,.cheese-button:active{transform:scale(.9)}.pop{animation:.35s ease-out pop}@keyframes pop{40%{transform:scale(1.35)}}}.shame{border-radius:var(--radius-l);background:var(--cheddar);color:#2a1d04;margin:0 0 1.5rem;padding:1rem 1.1rem}.shame h2{font:400 1.7rem/1.1 var(--display);margin:0 0 .1rem}.shame p{margin:0 0 .75rem;font-size:.85rem}.shame ol{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.shame li{align-items:center;gap:.6rem;font-weight:700;display:flex}.shame li .avatar{background:#2a1d041f}.shame li span:last-child{margin-left:auto;font-size:.85rem;font-weight:600}.fab{right:max(1rem, calc((100vw - var(--shell)) / 2 + 1rem));bottom:calc(var(--tabbar) + 1rem + env(safe-area-inset-bottom));z-index:15;position:fixed;box-shadow:0 10px 30px #00000073}.search-results{gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.search-results button{border-radius:var(--radius-m);background:var(--velvet);text-align:left;cursor:pointer;border:0;grid-template-columns:3.25rem 1fr auto;align-items:center;gap:.75rem;width:100%;padding:.55rem .7rem .55rem .55rem;display:grid}.search-results button:hover{background:var(--raised)}.search-results .add{color:var(--gold);font-size:.85rem;font-weight:700}.segmented{background:var(--velvet);border-radius:999px;grid-template-columns:repeat(3,1fr);margin:0 0 1rem;padding:.25rem;display:grid}.segmented a{text-align:center;color:var(--mist);border-radius:999px;padding:.5rem;font-size:.88rem;font-weight:600;text-decoration:none}.segmented a[aria-current=page]{background:var(--raised);color:var(--champagne)}.grid{grid-template-columns:repeat(3,1fr);gap:3px;margin:0 -1rem;padding:0;list-style:none;display:grid}.grid a{aspect-ratio:1;background:var(--velvet);display:block;position:relative}.grid img{object-fit:cover;width:100%;height:100%}.grid .fav-badge{color:var(--blush);text-shadow:0 1px 3px #000c;font-size:.75rem;font-weight:800;position:absolute;bottom:.25rem;right:.3rem}.empty{text-align:center;color:var(--mist);padding:2.5rem 1rem}.empty h2{color:var(--champagne);font:400 1.6rem/1.1 var(--display);margin:0 0 .5rem}.upload-bar{gap:.5rem;margin:0 0 1rem;display:grid}.upload-progress{background:var(--velvet);border-radius:999px;height:.35rem;overflow:hidden}.upload-progress div{background:var(--gold);width:0;height:100%;transition:width .2s}.viewer{margin:0 -1rem}.viewer img{object-fit:contain;background:#000;width:100%;max-height:75dvh}.viewer-meta{align-items:center;gap:.6rem;padding:.9rem 1rem;display:flex}.viewer-actions{gap:.5rem;margin-left:auto;display:flex}.heart[aria-pressed=true]{color:var(--blush)}.slideshow{background:#000;position:fixed;inset:0;overflow:hidden}.slide{opacity:0;transition:opacity 1.6s ease-in-out,transform 1.6s cubic-bezier(.65,0,.35,1);position:absolute;inset:0}.slide.shown{opacity:1}.slide[data-transition=slide]{opacity:1;transform:translate(var(--from,100%, 0))}.slide[data-transition=slide].shown{transform:none}.slide[data-transition=slide].leaving{transform:translate(var(--to,-100%, 0))}.slide[data-transition=zoom]{transform:scale(1.12)}.slide[data-transition=zoom].shown{transform:none}.slide[data-transition=zoom].leaving{transform:scale(.94)}.slide-backdrop{object-fit:cover;filter:blur(42px)brightness(.5)saturate(1.25);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.25)}.slide-photo{object-fit:contain;filter:drop-shadow(0 18px 50px #0000008c);width:100%;height:100%;animation:slide-drift var(--slide-ms,9.6s) ease-out forwards;position:absolute;inset:0}@keyframes slide-drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.06) translate(var(--drift,0, 0))}}.slideshow.still .slide-photo{animation:none}.slideshow-caption{z-index:1;text-shadow:0 2px 12px #000c;opacity:0;align-items:center;gap:.9rem;transition:opacity .8s;display:flex;position:absolute;bottom:1.5rem;left:2rem;right:22rem}.slideshow-face{object-fit:cover;background:var(--raised);border:2px solid #f4e9d6d9;border-radius:50%;flex:none;width:3.5rem;height:3.5rem;box-shadow:0 4px 18px #00000080}.slideshow-face[hidden]{display:none}.slideshow-by{font:400 2rem/1.05 var(--display);margin:0}.slideshow-text{color:var(--champagne);overflow-wrap:anywhere;margin:.3rem 0 0;font-size:1.15rem;line-height:1.35}.slideshow-text[hidden]{display:none}.slideshow-caption.shown{opacity:1}.slideshow-join{z-index:1;color:var(--mist);text-shadow:0 2px 12px #000c;font-size:1rem;position:absolute;bottom:1.5rem;right:2rem}.slideshow-message{z-index:2;border-radius:var(--radius-l);opacity:0;background:#1a1424d1;border:1px solid #cba35c73;max-width:min(34rem,80vw);margin:0;padding:1.5rem 1.75rem;transition:opacity .9s;position:absolute;box-shadow:0 18px 50px #00000073}.slideshow-message.shown{opacity:1}.slideshow-message[data-spot=top-left]{top:2.5rem;left:2.5rem}.slideshow-message[data-spot=top-right]{top:2.5rem;right:2.5rem}.slideshow-message[data-spot=bottom-left]{bottom:5rem;left:2.5rem}.slideshow-message[data-spot=bottom-right]{bottom:5rem;right:2.5rem}.slideshow-message[data-spot=centre]{top:50%;left:50%;transform:translate(-50%,-50%)}.slideshow-message blockquote{font:400 clamp(1.4rem, 2.6vw, 2.2rem)/1.3 var(--display);white-space:pre-line;overflow-wrap:anywhere;margin:0}.slideshow-message figcaption{color:var(--gold);margin-top:.75rem;font-size:1rem}@media (prefers-reduced-motion:reduce){.slide-photo{animation:none}.slide{transition-duration:.6s}.slideshow-message{transition:none}}@media (width>=40rem){.grid{border-radius:var(--radius-m);gap:4px;margin:0;overflow:hidden}.viewer{margin:0}}.button svg,.fab svg,.viewer-actions svg{flex:none;width:1.2rem;height:1.2rem}.button{white-space:nowrap}.row{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:0 .75rem;display:grid}.link-choice{border:0;min-width:0;margin:0 0 1.25rem;padding:0}.link-choice legend{margin-bottom:.5rem;padding:0;font-size:.88rem;font-weight:600}.link-choice legend .hint{color:var(--mist);font-size:.8rem;font-weight:400}.choice{border:1px solid var(--dusk);border-radius:var(--radius-s);background:var(--velvet);cursor:pointer;align-items:flex-start;gap:.65rem;margin-bottom:.5rem;padding:.7rem .85rem;font-size:.95rem;display:flex}.choice:has(input:checked){border-color:var(--gold)}.choice input{width:1.1rem;height:1.1rem;accent-color:var(--gold);margin-top:.2rem}.choice .hint{color:var(--mist);overflow-wrap:anywhere;margin-top:.15rem;font-size:.85rem;display:block}.slug-input{color:var(--mist);align-items:center;gap:.35rem;margin-top:.25rem;font-size:.95rem;display:flex}.slug-input[hidden]{display:none}.slug-input .input{flex:1;min-width:0}.slug-status{min-height:1.2em;margin:.4rem 0 0;font-size:.85rem}.slug-status[data-tone=ok]{color:var(--sage)}.slug-status[data-tone=bad]{color:var(--danger)}.join-photo{border:1px solid var(--dusk);border-radius:var(--radius-m);background:var(--velvet);grid-template-columns:auto 1fr;align-items:center;gap:.9rem;margin:0 0 1.1rem;padding:.85rem;display:grid}.join-photo[hidden]{display:none}.join-photo-preview{border:2px dashed var(--dusk);border-radius:50%;place-items:center;width:4rem;height:4rem;display:grid;overflow:hidden}.join-photo-preview:has(img:not([hidden])){border:2px solid var(--gold)}.join-photo-preview img{object-fit:cover;width:100%;height:100%}.join-photo-title{margin:0 0 .45rem;font-weight:700}.join-photo-title .hint{color:var(--mist);font-size:.8rem;font-weight:400}.join-photo .actions{flex-wrap:wrap;gap:.5rem;display:flex}.join-photo [data-photo-status]{margin:.45rem 0 0}.guestbook-form textarea{resize:vertical;min-height:6.5rem}.guestbook-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.guestbook-entry{margin:0}.guestbook-message{font:400 1.25rem/1.35 var(--display);white-space:pre-line;overflow-wrap:anywhere;margin:0 0 .75rem}.guestbook-by{align-items:center;gap:.55rem;font-size:.9rem;display:flex}.guestbook-delete{margin:0 0 0 auto}.icon-button{width:2.25rem;height:2.25rem;color:var(--mist);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:.45rem;display:inline-grid}.icon-button:hover{background:var(--raised);color:var(--champagne)}.icon-button svg{width:100%;height:100%}.directions{margin-top:.75rem}.directions summary{background:var(--raised);min-height:2.5rem;color:var(--champagne);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.9rem;font-weight:700;list-style:none;display:inline-flex}.directions summary::-webkit-details-marker{display:none}.directions summary:after{content:"▾";font-size:.75rem;transition:transform .2s}.directions[open] summary:after{transform:rotate(180deg)}.directions ul{gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.directions a{border:1px solid var(--dusk);border-radius:var(--radius-s);min-height:2.75rem;color:var(--champagne);align-items:center;padding:.55rem .9rem;font-weight:600;text-decoration:none;display:flex}.directions a:after{content:"↗";color:var(--mist);margin-left:auto}.directions a:hover{border-color:var(--gold)}.viewer-caption{font:400 1.3rem/1.35 var(--display);overflow-wrap:anywhere;margin:.75rem 0 0}.caption-form{margin-top:1rem}.caption-form .field{margin-bottom:.75rem}