*{box-sizing:border-box}body{margin:0;background:#101010;color:#f7f2e8;font:17px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding-bottom:calc(100px + env(safe-area-inset-bottom))}header{max-width:850px;margin:auto;padding:28px 24px 16px}.brand{display:flex;align-items:center;gap:16px;color:#e6bc66}.brand span{font:italic 34px Georgia}.brand small{font-size:10px;letter-spacing:.16em}h1{font:normal clamp(38px,7vw,65px)/1.03 Georgia;margin:28px 0;color:#f6e8cb}h2{font:normal 29px Georgia}p{margin:12px 0}details{background:#1b1a17;border:1px solid #635337;border-radius:14px;padding:15px 18px;margin-top:22px}summary{cursor:pointer;color:#e6bc66;font-weight:650}ol{padding-left:22px}li{padding:6px 0}.privacy{color:#b8ae98;font-size:13px;margin-top:16px}.filters{max-width:1300px;margin:auto;padding:16px 18px}.filters label{font-size:13px;color:#d4c8ac;margin-right:12px}select,button,input,textarea{font:inherit;border:1px solid #756039;border-radius:10px;background:#27231c;color:#fff;padding:12px;min-height:48px}select{max-width:100%;background:#1d1b17}button{cursor:pointer;touch-action:manipulation}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffe1a0;outline-offset:3px}button:disabled{opacity:.45;cursor:wait}.gold{background:#e6bc66;color:#18130b;font-weight:750;border-color:#e6bc66}#help{font-size:14px;color:#bcb4a4}#grid{max-width:1300px;margin:auto;padding:4px 14px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}article{border:1px solid #474139;border-radius:14px;background:#1b1a18;overflow:hidden;padding:7px}article.keep{border:2px solid #cfaa61;padding:6px}article.remove{background:#171717}article.remove .photo{opacity:.55}.photo{width:100%;height:180px;object-fit:contain;background:#080808;border-radius:8px;display:block;cursor:zoom-in}.meta{font-size:12px;color:#b8ac95;margin:9px 3px 7px;min-height:38px}.meta b{color:#f5e6c5}.choices{display:grid;grid-template-columns:1fr 1fr;gap:5px}.choices button{font-size:13px;padding:8px 3px;white-space:nowrap}.choices .active{background:#e6bc66;color:#111}.star{width:100%;margin-top:6px;font-size:13px;background:transparent}.star.active{color:#ffe3a9;background:#332a1a}.note-toggle{border:0;min-height:40px;background:transparent;color:#c9b894;font-size:12px;width:100%;padding:5px}.note{margin:4px 0 8px}.note label{font-size:12px;display:block;color:#d1c5af}.note textarea{width:100%;min-height:75px;resize:vertical;font-size:16px}.bottom{position:fixed;bottom:0;left:0;right:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#171613f5;border-top:1px solid #80683b;display:flex;gap:14px;align-items:center;justify-content:space-between;z-index:5;backdrop-filter:blur(12px)}.bottom strong{font-size:25px;color:#e6bc66;display:block;line-height:1.1}.bottom span{font-size:12px;color:#c4baa6}.bottom button{font-size:15px}dialog{border:1px solid #8f7341;border-radius:18px;color:#fff;background:#181715;padding:24px;max-width:min(94vw,680px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#000d}.close{float:right;background:transparent;border:0;font-size:30px;width:48px;padding:0}#zoom{padding:10px}#zoom img{width:100%;max-height:72dvh;object-fit:contain}#zoom p{font-size:14px;padding:8px}#share h2{clear:both}.wide{display:block;width:100%;margin:12px 0}.subtle{font-size:14px;background:transparent}.hint{font-size:12px;color:#baaf9c}#shareStatus{color:#edc983}#message{max-width:800px;margin:20px auto;padding:0 20px;color:#edc983}@media(min-width:700px){#grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photo{height:260px}.choices button,.star{font-size:16px}.bottom{padding-left:max(24px,calc((100vw - 1250px)/2));padding-right:max(24px,calc((100vw - 1250px)/2))}}@media(min-width:1050px){#grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}article{transition:border-color .15s ease}}

form{max-width:420px;margin:30px auto;text-align:left}form label{display:block;margin-bottom:10px}form input{width:100%;box-sizing:border-box;min-height:52px;background:#181818;border:1px solid #b89c65;border-radius:10px;color:#fff;font:inherit;padding:14px;margin-bottom:16px}#error{color:#ffd19b}


.sync{position:sticky;bottom:80px;background:#171717;border-top:1px solid #b89b57;padding:10px 18px;z-index:4;font-size:13px}.sync p{margin:0 0 4px}.sync a{color:#d7bb77;font-size:12px}