@font-face{font-family:Tanker;src:url(/fonts/Tanker-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--void: #100e0c;--film: #191511;--strip: #221c16;--ink: #ebe2d4;--mute: #9a9084;--paper: #efe6d4;--spot: #c4a36a;--danger: #c45a3a;--font: system-ui, -apple-system, "Segoe UI", sans-serif;--display: Tanker, system-ui, sans-serif;color:var(--ink);font-family:var(--font);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;background-color:var(--void)}html:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url(/grain.png) repeat;background-size:64px 64px;opacity:.18}body{position:relative;z-index:1;margin:0;min-width:320px;min-height:100dvh;background:transparent;color:var(--ink)}body.display-mode{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--paper);color:var(--void)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--display);font-size:22px;letter-spacing:.04em;text-transform:uppercase}.brand-mark{width:34px;height:26px;display:inline-grid;place-items:center;color:var(--ink)}.brand-mark svg{width:100%;height:100%;overflow:visible}.brand--compact .brand-mark{width:30px;height:22px}.icon{display:block;flex:none}.sprocket{display:block;height:16px;background-color:var(--strip);background-image:radial-gradient(circle closest-side,var(--void) 62%,transparent 64%);background-size:18px 11px;background-position:8px 50%;background-repeat:repeat-x}.sprocket--dark{background-color:var(--paper);background-image:radial-gradient(circle closest-side,var(--void) 62%,transparent 64%)}.button{border:0;border-radius:2px;min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--paper);color:var(--void);font-size:14px;line-height:1;font-weight:650;letter-spacing:.01em;white-space:nowrap;cursor:pointer}.button:hover:not(:disabled){background:#f6f0e4}.button:active:not(:disabled){background:#ddd4c2}.button:focus-visible,.text-button:focus-visible,.fullscreen-button:focus-visible,.landing-form input:focus-visible,.settings-form input:focus-visible,.guest-fields input:focus-visible{outline:2px solid var(--spot);outline-offset:3px}.button:disabled{cursor:not-allowed;opacity:.42}.text-button{min-height:44px;padding:8px 0;border:0;background:none;color:var(--ink);font-size:14px;font-weight:550;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer}.text-button:hover{color:var(--paper)}.text-button:disabled{opacity:.42;cursor:not-allowed}.form-error{margin:10px 0 0;color:#f0c2b4;font-size:13px}.landing{min-height:100dvh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:transparent}.landing-roll{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px;padding:8px 0 0}.landing-row{flex:1;min-height:0;display:flex;overflow:hidden;gap:6px}.landing-row__track{height:100%;min-width:max-content;display:flex;flex-shrink:0;gap:6px;animation:roll-left 70s linear infinite}.landing-row--1 .landing-row__track{animation-name:roll-right;animation-duration:84s;animation-delay:-18s}.landing-row--2 .landing-row__track{animation-duration:96s;animation-delay:-10s}.landing-row figure{height:100%;width:auto;aspect-ratio:var(--ratio);flex:none;margin:0;overflow:hidden;background:#2a241d}.landing-row img{width:100%;height:100%;object-fit:cover}.landing-dock{flex:0 0 auto;background:var(--strip);padding-bottom:env(safe-area-inset-bottom)}.landing-dock__inner{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:20px 0 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);grid-template-areas:"mark form" "note credit";gap:10px 40px;align-items:end}.wordmark{grid-area:mark;color:var(--ink);font-family:var(--display);font-size:clamp(36px,6.2vw,72px);letter-spacing:.04em;line-height:1;text-transform:uppercase;overflow-wrap:anywhere}.landing-form{grid-area:form}.landing-form>label{display:block;margin:0 0 8px;color:var(--mute);font-size:13px}.landing-form__row{display:flex;gap:8px}.landing-form input{width:100%;min-width:0;height:48px;padding:0 14px;border:0;border-radius:2px;outline:0;background:var(--paper);color:var(--void);font-size:16px}.landing-form input::placeholder{color:#7a7368}.landing-dock__note{grid-area:note;margin:4px 0 0;color:var(--mute);font-size:14px}.landing-dock__credit{grid-area:credit;margin:4px 0 0;color:var(--mute);font-size:12px;text-align:right}.host-page{min-height:100svh;padding:0 0 64px}.host-bar{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:22px 0 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:start}.host-bar__title h1{margin:0;font-family:var(--display);font-size:clamp(36px,5vw,64px);letter-spacing:.03em;line-height:.9;text-transform:uppercase;overflow-wrap:anywhere}.host-bar__title p{margin:8px 0 0;color:var(--mute);font-size:15px}.host-bar__title .text-button{margin-top:4px}.host-body{width:min(1280px,calc(100% - 48px));margin:18px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:start}.collection{min-height:40vh}.photo-grid{columns:3 200px;column-gap:10px}.host-photo{margin:0 0 18px;break-inside:avoid;background:transparent}.host-photo img{width:100%;min-height:120px;object-fit:cover;background:#2a241d}.host-photo figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0 0;color:var(--ink)}.host-photo figcaption span{display:flex;flex-direction:column;gap:1px;font-size:12px}.host-photo figcaption small{color:var(--mute);font-size:11px}.host-photo figcaption button{width:28px;height:28px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:var(--ink);cursor:pointer}.empty-collection{min-height:46vh;display:flex;flex-direction:column;justify-content:center;gap:10px}.empty-collection h2{margin:0;font-family:var(--display);font-size:clamp(36px,5vw,56px);letter-spacing:.03em;text-transform:uppercase}.empty-collection p{margin:0;max-width:360px;color:var(--mute)}.host-side{position:sticky;top:18px}.host-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 0}.host-stats dt{color:var(--mute);font-size:12px}.host-stats dd{margin:4px 0 0;font-family:var(--display);font-size:28px;letter-spacing:.04em;text-transform:uppercase}.host-side__actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:16px}.wifi-note,.warning-note{margin:16px 0 0;color:var(--mute);font-size:13px;line-height:1.45}.warning-note{color:#e2b089}.settings-form{display:grid;gap:10px}.settings-form label,.guest-fields label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mute)}.settings-form input,.guest-fields input{width:100%;height:48px;padding:0 12px;border:0;border-radius:2px;outline:0;background:#0c0a09;color:var(--ink);font-size:16px}.settings-form__actions{display:flex;align-items:center;gap:16px}.page-state{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:32px}.page-state h1,.guest-state h1,.display-loading h1{margin:0;font-family:var(--display);font-size:34px;letter-spacing:.04em;text-transform:uppercase}.loader{width:18px;height:18px;border:2px solid rgba(235,226,212,.2);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}.guest-page{min-height:100svh;padding:22px 20px 48px;display:flex;flex-direction:column;align-items:stretch}.guest-header{width:min(520px,100%);margin:0 auto 22px}.guest-party-title{margin-top:18px}.guest-party-title h1,.guest-success h1,.upload-drop h2{margin:0;max-width:100%;font-family:var(--display);font-size:clamp(32px,10vw,64px);letter-spacing:.03em;line-height:.95;text-transform:uppercase;overflow-wrap:anywhere;word-break:break-word}.guest-party-title p,.upload-drop>p,.guest-success p,.guest-state p{margin:10px 0 0;color:var(--mute);font-size:15px}.guest-form,.guest-state,.guest-success,.guest-foot{width:min(520px,100%);margin-inline:auto}.upload-drop{padding:8px 0 20px}.upload-drop--dragging{outline:2px solid var(--spot);outline-offset:8px}.upload-drop .button{margin-top:18px}.upload-drop .text-button{display:block;margin-top:10px}.selected-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.selected-photo,.add-another{position:relative;aspect-ratio:1;overflow:hidden;background:#2a241d}.selected-photo img{width:100%;height:100%;object-fit:cover}.selected-photo button{position:absolute;top:6px;right:6px;width:28px;height:28px;padding:0;border:0;display:grid;place-items:center;background:var(--void);color:var(--ink);cursor:pointer}.add-another{border:0;color:var(--mute);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.add-another span{font-size:12px}.guest-fields{padding-top:8px}.guest-fields label span{font-weight:400}.guest-fields .button{width:100%;margin-top:8px}.button-spinner{width:14px;height:14px;border:2px solid rgba(16,14,12,.25);border-top-color:var(--void);border-radius:50%;animation:spin .7s linear infinite}.upload-progress{height:3px;margin:10px 0 0;overflow:hidden;background:#2a241d}.upload-progress i{display:block;height:100%;background:var(--paper);transition:width .15s ease}.guest-success{min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:8px}.guest-success .button{width:max-content;margin-top:18px}.guest-count,.guest-foot{margin:18px 0 0;color:var(--mute);font-size:13px}.guest-state{min-height:70vh;display:flex;flex-direction:column;justify-content:center;gap:14px}.qr-card{width:100%;padding:0 0 14px;background:var(--paper);color:var(--void)}.qr-card__code{padding:10px 12px 0}.qr-card__code img{width:100%}.qr-placeholder{aspect-ratio:1;background:#d9d0bc}.qr-card__copy{display:flex;flex-direction:column;gap:3px;padding:10px 12px 0}.qr-card__copy strong{font-family:var(--display);font-size:22px;letter-spacing:.04em;text-transform:uppercase}.qr-card__copy span{color:#6a6256;font-size:12px}.qr-card--compact{width:148px;padding-bottom:8px}.qr-card--compact .qr-card__code,.qr-card--compact .qr-card__copy{padding:6px 8px 0}.qr-card--compact .qr-card__copy strong{font-size:13px}.display-page{position:fixed;inset:0;overflow:hidden;background:#0c0a09;color:var(--ink);cursor:none}.display-page--controls{cursor:default}.display-header{position:absolute;z-index:10;inset:0 0 auto;height:72px;padding:0 24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;background:linear-gradient(#0c0a09 40%,transparent)}.display-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--display);font-size:22px;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.display-count{color:var(--mute);font-family:var(--display);font-size:20px;letter-spacing:.06em}.roll-stage{position:absolute;inset:64px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.marquee{height:calc((100vh - 82px) / 3);min-height:140px;display:flex;overflow:hidden;gap:6px}.marquee__group{min-width:max-content;height:100%;display:flex;flex-shrink:0;gap:6px;animation:roll-left 84s linear infinite;will-change:transform}.marquee--2 .marquee__group{animation-name:roll-right;animation-duration:72s;animation-delay:-18s}.marquee--3 .marquee__group{animation-duration:96s;animation-delay:-10s}.roll-photo{position:relative;height:100%;width:auto;aspect-ratio:var(--ratio);flex:none;margin:0;overflow:hidden;background:#241e18}.roll-photo img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.roll-photo figcaption{position:absolute;inset:auto 0 0;padding:28px 12px 10px;background:linear-gradient(transparent,#0c0a09db);display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.roll-photo figcaption strong{font-family:var(--display);font-size:16px;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.roll-photo figcaption span{color:var(--mute);font-size:11px}.display-qr{position:absolute;right:20px;bottom:18px;z-index:8}.fullscreen-button{position:absolute;z-index:12;top:82px;right:18px;width:40px;height:40px;padding:0;display:grid;place-items:center;border:0;background:var(--void);color:var(--ink);opacity:0;cursor:pointer}.display-page--controls .fullscreen-button{opacity:1}.new-photo-notice{position:absolute;z-index:15;left:50%;bottom:22px;transform:translate(-50%);padding:10px 16px;background:var(--paper);color:var(--void);font-family:var(--display);font-size:18px;letter-spacing:.05em;text-transform:uppercase}.display-loading{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center}.waiting-stage{position:absolute;inset:72px 0 0;padding:6vh 7vw 8vh;display:grid;grid-template-columns:minmax(0,1fr) min(32vw,360px);align-items:center;gap:6vw}.waiting-stage h1{margin:0;font-family:var(--display);font-size:clamp(56px,9vw,128px);letter-spacing:.03em;line-height:.86;text-transform:uppercase}.waiting-stage__copy>p{max-width:520px;margin:22px 0 0;color:var(--mute);font-size:clamp(16px,1.6vw,22px)}@keyframes roll-left{to{transform:translate(calc(-100% - 6px))}}@keyframes roll-right{0%{transform:translate(calc(-100% - 6px))}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.landing-dock__inner{width:min(100% - 32px,560px);grid-template-columns:1fr;grid-template-areas:"mark" "form" "note" "credit";gap:14px;padding:18px 0 22px}.wordmark{font-size:clamp(40px,13vw,56px);line-height:.9}.wordmark span{display:block}.landing-form__row{flex-direction:column}.landing-form .button{width:100%}.landing-dock__credit{text-align:left}.host-page{padding-bottom:max(40px,env(safe-area-inset-bottom))}.host-bar,.host-body{width:min(100% - 32px,560px)}.host-bar{grid-template-columns:auto 1fr;grid-template-areas:"mark mark" "title title" "action action";padding-top:max(18px,env(safe-area-inset-top))}.host-bar>a{grid-area:mark}.host-bar__title,.host-bar .settings-form{grid-area:title}.host-bar>.button{grid-area:action;width:100%}.host-bar__title h1{font-size:clamp(32px,11vw,52px)}.host-body{grid-template-columns:1fr}.host-side{position:static;order:-1;max-width:none}.host-side .qr-card{max-width:320px}.photo-grid{columns:2 140px}.guest-page{padding:max(16px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}.guest-party-title h1{font-size:clamp(28px,9vw,40px)}.upload-drop h2,.guest-success h1{font-size:clamp(34px,11vw,48px)}.upload-drop .button,.guest-fields .button,.guest-success .button{width:100%;min-height:52px}.display-header{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0}.display-title{font-size:16px}.roll-stage{top:calc(56px + env(safe-area-inset-top))}.marquee{height:calc((100vh - 74px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 3);min-height:110px}.display-qr{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));transform:none}.qr-card--compact{width:124px}.fullscreen-button{top:calc(70px + env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}.new-photo-notice{max-width:calc(100vw - 24px);bottom:max(16px,env(safe-area-inset-bottom));text-align:center}.waiting-stage{top:calc(72px + env(safe-area-inset-top));padding:4vh 22px max(4vh,env(safe-area-inset-bottom));grid-template-columns:1fr;justify-items:center;text-align:center;gap:28px}.waiting-stage h1{font-size:clamp(48px,16vw,88px);line-height:.92}.waiting-stage__copy>p{margin-inline:auto}.waiting-stage>.qr-card{width:min(72vw,280px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.landing-row,.marquee{overflow-x:auto}}