:root{--bg: #f7f5f1;--ink: #1c1a17;--muted: #8a8578;--gap: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.center{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}.muted{color:var(--muted)}.small{font-size:.85rem}.masthead{text-align:center;padding:clamp(40px,9vh,96px) 20px clamp(28px,5vh,56px)}.mark{font-family:Hiragino Mincho ProN,Yu Mincho,Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(2.6rem,8vw,4.4rem);letter-spacing:.08em;margin:0;line-height:1}.sub{margin:14px 0 0;color:var(--muted);font-size:.78rem;letter-spacing:.42em;text-transform:uppercase;padding-left:.42em}.uploader{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:10px}.upload-btn{border:1px solid #d9d4ca;background:transparent;color:var(--ink);padding:9px 20px;border-radius:999px;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.upload-btn:hover:not(:disabled){background:var(--ink);color:var(--bg);border-color:var(--ink)}.upload-btn:disabled{opacity:.55;cursor:default}.upload-note{margin:0;font-size:.76rem;color:var(--muted)}.masonry{display:flex;gap:var(--gap);padding:0 var(--gap) calc(var(--gap) * 3);align-items:flex-start}.col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--gap)}.tile{position:relative;margin:0;border-radius:3px;overflow:hidden;background:#ece9e3;cursor:zoom-in;aspect-ratio:1}.tile:not(.done):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#ece9e3 30%,#f3f1ec,#ece9e3 70%);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite}.tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s ease}.tile img.loaded{opacity:1}.sentinel{height:1px}.lock{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(320px,100%)}.lock .mark{margin-bottom:8px}.lock input{width:100%;padding:12px 14px;border:1px solid #d9d4ca;border-radius:6px;background:#fff;color:var(--ink);font-size:1rem;text-align:center;outline:none;transition:border-color .2s ease}.lock input:focus{border-color:var(--ink)}.lock button{width:100%;padding:12px 14px;border:none;border-radius:6px;background:var(--ink);color:var(--bg);font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease}.lock button:disabled{opacity:.4;cursor:default}.link{border:none;background:none;color:var(--ink);text-decoration:underline;cursor:pointer;font-size:.9rem}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120ff2;display:flex;align-items:center;justify-content:center;padding:max(4vmin,env(safe-area-inset-top)) 4vmin;cursor:zoom-out;z-index:10;animation:fade .2s ease;-webkit-user-select:none;user-select:none;overflow:hidden}.lightbox .lb-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:3px;box-shadow:0 20px 60px #00000080;cursor:default;touch-action:none;transform-origin:center center;will-change:transform;-webkit-user-drag:none}.lb-nav,.lb-close,.lb-download{position:absolute;border:none;background:#00000040;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background .2s ease,opacity .2s ease}.lb-nav:hover,.lb-close:hover,.lb-download:hover{background:#00000080}.lb-download{top:max(14px,env(safe-area-inset-top));right:calc(max(14px,env(safe-area-inset-right)) + 56px);width:44px;height:44px;border-radius:50%;color:#ffffffe6}.lb-nav{top:50%;transform:translateY(-50%);width:52px;height:72px;border-radius:8px;font-size:2.4rem;line-height:1}.lb-nav.prev{left:max(12px,env(safe-area-inset-left))}.lb-nav.next{right:max(12px,env(safe-area-inset-right))}.lb-close{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:44px;height:44px;border-radius:50%;font-size:1.7rem;line-height:1}.lb-count{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);color:#ffffffb3;font-size:.8rem;letter-spacing:.15em;font-variant-numeric:tabular-nums}.spinner{width:26px;height:26px;border:2px solid #d9d4ca;border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite}.shake{animation:shake .35s ease}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (max-width: 480px){:root{--gap: 10px}.lb-nav{width:44px;height:60px;font-size:2rem;background:#00000052}}@media (prefers-reduced-motion: reduce){.tile img{transition:none;opacity:1}.tile:not(.done):after{animation:none}.spinner,.shake{animation:none}}