:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#151715;color:#f6f3ec}*{box-sizing:border-box}body{margin:0}header{padding:24px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.brand{font-weight:900;font-size:24px;letter-spacing:-1px;text-decoration:none;color:inherit}.brand span{color:#bcc7a5}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:6px;color:#aaa}main{max-width:1160px;margin:auto;padding:44px 24px}h1{font-size:clamp(30px,5vw,54px);letter-spacing:-2px;margin:12px 0 20px}h2{font-size:24px}p{color:#b5b9ae;line-height:1.6}button,.button{border:1px solid #ffffff30;background:#272b24;color:#fff;padding:12px 18px;border-radius:7px;cursor:pointer;font:inherit;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#363d2d}button:disabled{opacity:.45;cursor:wait}.primary{background:#c5d3aa;color:#182013;border:0;font-weight:bold}.primary:hover{background:#d7e7ba}input,select{background:#20231e;color:#fff;border:1px solid #ffffff30;border-radius:6px;padding:13px;font:inherit;max-width:100%;width:100%}label{display:block;margin:18px 0 8px;color:#bbb;font-size:14px}form{max-width:520px}.login{max-width:470px;margin:9vh auto}.eyebrow{font-size:12px;letter-spacing:3px;color:#c5d3aa}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spread{justify-content:space-between}.card{padding:24px;background:#20231e;border:1px solid #ffffff18;border-radius:12px;margin:16px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.thumb{padding:0;overflow:hidden;position:relative;background:#20231e;border-radius:8px}.thumb img{display:block;width:100%;height:160px;object-fit:cover}.thumb span{display:block;padding:10px;font-size:12px;overflow:hidden;text-overflow:ellipsis}.thumb.liked{outline:2px solid #c5d3aa}.viewer{margin-top:24px}.stage{height:min(65vh,680px);background:#0b0c0a;border-radius:12px;display:flex;justify-content:center;align-items:center;position:relative;touch-action:pan-y;overflow:hidden}.stage img{max-width:100%;max-height:100%;object-fit:contain;user-select:none}.stage .prev,.stage .next{position:absolute;top:0;bottom:0;width:28%;border:0;background:transparent;border-radius:0;color:transparent}.stage .prev{left:0}.stage .next{right:0}.stage button:hover{background:#ffffff08}.heart{font-size:22px;min-width:80px}.heart.active{background:#c5d3aa;color:#182013}.toolbar{margin:18px 0;justify-content:center}.muted{font-size:13px;color:#adb19f}.code{font:22px monospace;letter-spacing:2px;overflow-wrap:anywhere;color:#d7e7ba}.error{color:#ffc6b9}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#c5d3aa;color:#182013;border-radius:8px;padding:14px 22px;max-width:90%;z-index:20}#notice:empty{display:none}progress{width:100%;height:12px;margin:16px 0}.danger{color:#ffb5a5}.summary{margin-top:24px}.download{display:block;margin:8px 0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d5e9b0;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){main{padding:24px 16px}header{padding:20px}.card{padding:18px}.stage{height:58vh}.toolbar button{padding:10px 14px}.grid{grid-template-columns:repeat(2,1fr)}}

textarea{background:#20231e;color:#fff;border:1px solid #ffffff30;border-radius:6px;padding:13px;font:inherit;width:100%;resize:vertical}#share{scroll-margin-top:24px}#share .code{font-size:clamp(14px,4vw,22px);letter-spacing:1px}
.gallery-filter{margin-top:20px}.photo-frame{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.photo-frame img{display:block;max-width:100%;max-height:min(65vh,680px);width:auto;height:auto}.photo-heart{position:absolute;right:14px;top:14px;color:#d7e7ba;font-size:32px;background:#151715b8;border-radius:50%;width:48px;height:48px;text-align:center;line-height:48px;pointer-events:none;z-index:2}.thumb .thumb-heart{position:absolute;right:8px;top:8px;padding:4px 8px;background:#151715b8;color:#d7e7ba;border-radius:50%;font-size:20px;pointer-events:none}#preview-grid{scroll-margin-top:20px}@media(max-width:600px){.photo-frame img{max-height:58vh}.photo-heart{font-size:26px;width:40px;height:40px;line-height:40px;right:10px;top:10px}}
.favorite-switch{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;padding:10px 0;color:#f6f3ec}.favorite-switch:hover{background:transparent}.switch-track{display:inline-flex;align-items:center;width:48px;height:28px;border-radius:30px;padding:3px;background:#555b4e;border:1px solid #ffffff30;transition:background .15s}.switch-thumb{display:block;width:20px;height:20px;border-radius:50%;background:#f6f3ec;box-shadow:0 1px 4px #0006;transition:transform .15s}.favorite-switch[aria-checked="true"] .switch-track{background:#c5d3aa;border-color:#c5d3aa}.favorite-switch[aria-checked="true"] .switch-thumb{transform:translateX(20px);background:#182013}@media(prefers-reduced-motion:reduce){.switch-track,.switch-thumb{transition:none}}
.gallery-like-count{font-weight:bold;color:#d7e7ba;margin-right:12px;white-space:nowrap}.photo-heart{background:transparent;border-radius:0;text-shadow:0 1px 4px #000,0 0 8px #0008}.thumb .thumb-heart{background:transparent;border-radius:0;text-shadow:0 1px 4px #000,0 0 8px #0008}