@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--ink:#3b271b;--muted:#826a52;--brass:#ae843e;--border:#c9b493;--paper:#eee0c4;--deep:#452b1b}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Georgia,serif;background:#d9c6a3;background-image:radial-gradient(#9c774522 1px,transparent 1px),linear-gradient(110deg,#efe1c8,#d6bc92);background-size:8px 8px,100%}button,input,select,textarea{font:inherit}button{cursor:pointer}#app{max-width:740px;min-height:100dvh;margin:auto;background:linear-gradient(115deg,#f6e9cfef,#e7d3b0ef),repeating-linear-gradient(10deg,transparent 0 5px,#6c4c2b09 6px 7px);box-shadow:0 0 40px #39220f33;padding-bottom:82px}.top{height:72px;display:flex;justify-content:space-between;align-items:center;padding:10px 21px;border-bottom:1px solid var(--border);background:#ead7b8}.brand{background:none;border:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:31px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:9px}.brand i{color:var(--brass)}.brandmark{color:#a06e30;font-size:27px}.smallbtn{border:1px solid var(--border);border-radius:8px;background:#f3e4ca;color:var(--ink);padding:8px 12px;font-size:21px}main{padding:23px 22px 38px}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;margin:0 0 12px}h1{font-size:43px;line-height:1}h2{font-size:31px}h3{font-size:23px}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--brass);font-size:11px;font-weight:bold}.sub{color:var(--muted);line-height:1.5}.hero{text-align:center;padding:16px 0 26px}.hero img{display:block;width:min(270px,72%);aspect-ratio:1;object-fit:cover;margin:0 auto 16px;border-radius:22px;box-shadow:0 12px 24px #4a2b1d33}.hero h1{font-size:49px}.hero .tag{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#7b593b}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 15px;border-radius:7px;border:1px solid #7c5d3d;background:#f3e6ce;color:var(--ink);font-weight:bold;text-align:center;text-decoration:none}.btn.primary{background:var(--deep);color:#fff2d9}.btn.brass{background:#aa803f;color:#fff8e9;border-color:#99713c}.btn:disabled{opacity:.55}.btn.full{width:100%}.panel{border:1px solid #c8ae84;background:#f5e9d2b8;border-radius:9px;padding:18px;margin:16px 0;box-shadow:0 3px 12px #6c4b2410}.panel h3{border-bottom:1px solid #c9b493;padding-bottom:7px}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{margin:11px 0;min-width:0}.field label{display:block;font-size:13px;font-weight:bold;margin:0 0 6px}.field input,.field select,.field textarea,.search{width:100%;border:1px solid #bfa782;background:#fff8e9;color:#37261b;border-radius:5px;padding:11px;min-height:43px}.field textarea{min-height:130px;resize:vertical}.field input[type=file]{padding:8px}.rating{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.rating button{border:0;background:none;font-size:24px;color:#c7b8a0;padding:0 1px}.rating button.on{color:#b7802c}.rating output{font-size:13px;color:var(--muted);padding-left:7px}.hint{font-size:12px;color:var(--muted);line-height:1.4}.pill{display:inline-block;padding:5px 10px;background:#e2cba5;border:1px solid #bfa27b;border-radius:20px;font-size:12px}.entry{border:1px solid var(--border);padding:15px;border-radius:8px;background:#fff5dfad;margin:10px 0}.entry .meta{font-size:12px;color:var(--muted);margin-top:4px}.entry button{margin-top:10px}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.statgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{background:#fff4dd;border:1px solid var(--border);padding:18px;border-radius:8px;text-align:center}.stat strong{font-size:29px;display:block}.stat span{font-size:12px;color:var(--muted)}.bottom{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(740px,100%);height:70px;display:grid;grid-template-columns:repeat(5,1fr);background:#3e291c;box-shadow:0 -5px 20px #0003;padding-bottom:env(safe-area-inset-bottom)}.bottom button{background:none;border:0;color:#e7cf9f;font-size:24px;padding:6px 0}.bottom small{display:block;font:11px Georgia,serif;margin-top:1px}.bottom button.active{color:white;background:#634429}.choice{display:flex;gap:12px;align-items:center;border:1px solid var(--border);padding:10px;border-radius:8px;margin:8px 0;cursor:pointer}.choice img{width:68px;height:68px;border-radius:12px}.choice input{accent-color:#654522}.danger{color:#8b2f20}.line{height:1px;background:var(--border);margin:18px 0}.detail{white-space:pre-wrap;line-height:1.6}.toast{position:fixed;bottom:84px;left:50%;transform:translateX(-50%);background:#342419;color:#fff;padding:12px 20px;border-radius:7px;z-index:9;max-width:90%;text-align:center}.empty{text-align:center;padding:34px 15px;color:var(--muted)}@media(max-width:390px){main{padding:18px 13px}.row{gap:8px}.brand{font-size:26px}.hero h1{font-size:40px}.actions{gap:8px}.btn{padding:12px 9px;font-size:13px}}