@font-face{font-family:system;src:local('Segoe UI')}*{box-sizing:border-box} :root{--bg:#101411;--panel:#1a201b;--ink:#f1eee5;--muted:#a9afa5;--gold:#e8ca84;--line:#343c32}body{margin:0;background:var(--bg);color:var(--ink);font:16px system,Arial,sans-serif}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button{border:0}.gold{background:var(--gold);color:#172014;padding:15px 23px;border-radius:5px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:24px}.quiet{background:transparent;color:var(--ink);padding:12px;border:1px solid var(--line);border-radius:5px}.quiet:hover,.quiet[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;color:var(--gold)}.entrance{position:relative;min-height:100svh;display:flex;align-items:center;padding:8vw;overflow:hidden;background:radial-gradient(ellipse at 85% 45%,#3a4229,transparent 60%),#101411}.number{position:absolute;right:1vw;top:50%;transform:translateY(-50%);font:italic 54vw Georgia,serif;letter-spacing:-.12em;color:#d9bd7220;pointer-events:none}.entry-card{position:relative;max-width:690px}.entrance h1{font:clamp(48px,6.5vw,88px)/1.05 Georgia,serif;letter-spacing:-.055em;margin:30px 0}.intro{color:#c4c8bb;line-height:1.8;font-size:17px;margin-bottom:36px}label{font-size:13px;display:block;margin-bottom:12px}.code-row{display:flex;gap:10px;max-width:510px}input{background:#ffffff08;border:1px solid #7c8266;color:var(--ink);border-radius:5px;padding:16px;width:100%;min-width:0}.error{color:#ffb4a2;font-size:14px;min-height:20px}.private{font-size:12px;color:var(--muted)}.entry-foot{position:absolute;bottom:28px;left:8vw;font-size:9px;letter-spacing:.2em;color:var(--muted)}.topbar{padding:22px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:32px Georgia,serif}.brand span{font:11px system,sans-serif;color:var(--gold);margin-left:6px}.top-title{font-size:10px;letter-spacing:.19em;color:var(--muted)}.hero{padding:66px 7vw 46px;max-width:1600px;margin:auto}.hero h1{font:clamp(38px,5vw,74px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:24px 0 34px}.hero em{font-weight:normal;color:var(--gold)}.hero-bottom{display:flex;align-items:end;justify-content:space-between}.hero-bottom p{font-size:14px;line-height:1.7;color:var(--muted)}.album-count{font:34px Georgia,serif;color:var(--gold)}.album-count small{display:block;font:9px system,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:8px}.album{max-width:1600px;padding:0 5vw;margin:auto}.album-toolbar{border-top:1px solid var(--line);padding:28px 0;display:flex;gap:20px;align-items:center;justify-content:space-between}.album-toolbar h2{font-size:15px;font-weight:550;margin:0 0 6px}.album-toolbar span{font-size:11px;color:var(--muted)}.tools{display:flex;gap:7px}.tools button{font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}.photo{position:relative;margin:0}.photo .open{display:block;width:100%;padding:0;background:var(--panel);border-radius:7px;overflow:hidden}.photo img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .35s}.photo .open:hover img{transform:scale(1.025)}.photo .pick{position:absolute;right:12px;top:12px;width:42px;height:42px;display:grid;place-items:center;background:#101411bb;border:1px solid #ffffff88;border-radius:50%;color:white;font-size:20px}.photo.chosen .pick{background:var(--gold);color:#172014;border-color:var(--gold)}.photo.chosen .open{outline:2px solid var(--gold);outline-offset:3px}.photo figcaption{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:var(--muted);font-size:11px}.photo figcaption a{padding:7px;color:var(--ink)}#notice{font-size:13px;color:var(--gold)}footer{text-align:center;color:var(--muted);font:20px/1.8 Georgia,serif;padding:70px 20px 150px}footer strong{font-weight:normal;color:var(--gold)}.download-bar{position:fixed;bottom:0;left:0;right:0;padding:14px 5vw;background:#151b17f5;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;z-index:5;backdrop-filter:blur(16px)}.download-bar span{font-size:13px}.download-bar b{font-size:22px;color:var(--gold);margin-right:6px}.download-bar small{display:block;color:var(--muted);margin-top:3px}dialog{padding:0;border:0;background:#080b09f5;color:white;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}dialog::backdrop{background:#080b09}#large{width:100%;height:calc(100% - 95px);object-fit:contain;padding:45px 65px 10px}.close{position:absolute;right:16px;top:10px;z-index:2;background:#0007;color:white;font-size:35px;border-radius:50%;width:48px;height:48px}.arrow{position:absolute;top:43%;background:#0008;color:white;width:44px;height:60px;font-size:35px;border-radius:5px}.prev{left:12px}.next{right:12px}.viewer-bottom{height:95px;display:flex;gap:12px;align-items:center;justify-content:center;padding:10px}.viewer-bottom span{color:var(--muted);font-size:12px;margin-right:12px}.viewer-bottom .gold{padding:13px}.viewer-bottom .quiet{padding:13px}@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.entrance{padding:55px 7vw 100px;align-items:center}.number{right:-35vw;font-size:110vw}.entrance h1{font-size:51px}.intro{font-size:15px}.top-title{display:none}.hero{padding:40px 6vw 28px}.hero h1{font-size:41px}.album{padding:0 5vw}.album-toolbar{align-items:start;flex-direction:column;gap:12px}.tools{width:100%;flex-wrap:wrap}.tools button{padding:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.photo .pick{right:7px;top:7px;width:36px;height:36px}.photo figcaption{font-size:10px}.download-bar{padding:12px 5vw;padding-bottom:max(12px,env(safe-area-inset-bottom))}.download-bar .gold{padding:14px}.hero-bottom p{font-size:12px}.album-count{font-size:28px}.viewer-bottom{gap:7px;flex-wrap:wrap}.viewer-bottom span{font-size:10px;margin-right:0}.viewer-bottom .quiet,.viewer-bottom .gold{font-size:12px;padding:12px}#large{padding:55px 0 10px}.arrow{width:34px;height:48px;font-size:28px}.prev{left:4px}.next{right:4px}footer{font-size:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}