:root{--ink:#24180f;--paper:#f4ead5;--red:#a93b2f;--gold:#d5a64e;--muted:#806e5b;--wood:#4c2f1c;--cream:#fff9ea}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--ink);font-family:"Noto Serif SC","Songti SC",STSong,serif}button,input,textarea{font:inherit}.hidden{display:none!important}.brand{letter-spacing:.18em}.seal{display:inline-grid;place-items:center;width:38px;height:38px;background:var(--red);color:#fff;border-radius:4px;box-shadow:inset 0 0 0 2px #fff8;font-weight:700}.btn{border:0;border-radius:4px;padding:12px 20px;cursor:pointer;background:var(--ink);color:#fff;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.12)}.btn.red{background:var(--red)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid #9a856c}.field{display:grid;gap:8px;margin:18px 0}.field label{font-weight:700}.field small{color:var(--muted)}input,textarea{width:100%;border:1px solid #bda98d;border-radius:4px;padding:13px 14px;background:#fffdf7;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #a93b2f18}textarea{min-height:130px;resize:vertical}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#20160f;color:#fff;padding:12px 18px;border-radius:5px;z-index:20;box-shadow:0 10px 30px #0005}
/* Wall */
.wall-page{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% -15%,#8e5b2e 0,#362113 42%,#160f0a 100%);color:#fff5df}.wall-page:before{content:"";position:fixed;inset:0;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 120px,#100804 121px,#8b593325 123px,transparent 126px)}.wall-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:28px 4vw 12px}.wall-title h1{font-size:clamp(28px,4vw,58px);margin:0;font-weight:500;letter-spacing:.18em}.wall-title p{margin:7px 0;color:#e3c99d}.live{display:flex;align-items:center;gap:9px;color:#e5ca9d}.live i{width:8px;height:8px;border-radius:50%;background:#e6a345;box-shadow:0 0 15px #ffbf55;animation:pulse 2s infinite}.wall-grid{position:relative;z-index:1;height:calc(100vh - 115px);padding:20px 4vw 5vh;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(155px,1fr);gap:22px}.plaque{position:relative;padding:24px 22px 18px;color:#2d1c10;background:linear-gradient(135deg,#d8b579,#b88146 55%,#9f6837);border:1px solid #efd49d;border-radius:7px 7px 14px 14px;box-shadow:inset 0 0 20px #5b321930,0 14px 25px #0007;transform:rotate(var(--tilt));animation:arrive .6s both}.plaque:before,.plaque:after{content:"";position:absolute;top:-13px;width:10px;height:10px;background:#1c110a;border:3px solid #b28c58;border-radius:50%;box-shadow:0 0 0 2px #110b07}.plaque:before{left:18%}.plaque:after{right:18%}.plaque.newest{outline:2px solid #ffd783;animation:newArrival 1.1s ease both}.plaque.pinned:after{background:#a72f27;border-color:#e7b998}.plaque blockquote{margin:0;font-size:clamp(17px,1.5vw,24px);line-height:1.65;font-weight:700}.plaque footer{position:absolute;bottom:14px;left:22px;right:22px;display:flex;justify-content:space-between;color:#583921;font-size:13px}.empty-wall{grid-column:1/-1;align-self:center;text-align:center;color:#e9d2ac}.empty-wall strong{font-size:30px;font-weight:500}.wall-code{position:fixed;right:25px;bottom:18px;z-index:3;font-size:12px;color:#d7bd94}
/* Leave */
.leave-page{min-height:100vh;padding:34px 16px;background-color:#e9ddc5;background-image:linear-gradient(#89745b18 1px,transparent 1px),linear-gradient(90deg,#89745b18 1px,transparent 1px);background-size:24px 24px}.paper{max-width:620px;margin:auto;background:#fffaf0;padding:clamp(25px,7vw,60px);box-shadow:0 20px 70px #4c392837;position:relative;border-top:5px solid var(--red)}.paper:after{content:"";position:absolute;inset:10px;border:1px solid #d7c6a8;pointer-events:none}.paper>*{position:relative;z-index:1}.paper-head{display:flex;gap:15px;align-items:center}.paper h1{margin:0;font-size:30px}.paper .lede{font-size:19px;line-height:1.8;margin:32px 0 18px}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0 28px}.trust span{text-align:center;padding:9px 4px;border:1px solid #d5c3a4;color:#675541;font-size:13px}.privacy-note{padding:14px 16px;background:#f2ead9;border-left:3px solid var(--gold);font-size:14px;line-height:1.6}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px}.counter{color:var(--muted);font-size:13px}.success{text-align:center;padding:55px 0}.success .big-seal{font-size:40px;color:var(--red)}
/* Admin */
.admin-page{min-height:100vh;background:#eee9df;padding:28px}.admin-shell{max-width:1120px;margin:auto}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin-top h1{font-size:25px;margin:0}.login-card{max-width:430px;margin:12vh auto;background:#fffaf0;padding:38px;border-top:4px solid var(--red);box-shadow:0 20px 60px #46362220}.tabs{display:flex;gap:8px;margin-bottom:18px}.tab{border:1px solid #bca98b;background:transparent;padding:9px 18px;cursor:pointer}.tab.active{background:var(--ink);color:#fff}.admin-list{display:grid;gap:12px}.admin-card{background:#fff;padding:19px 22px;border-left:4px solid #bfa16b;display:grid;grid-template-columns:1fr auto;gap:16px;box-shadow:0 4px 15px #49391f10}.admin-card p{font-size:17px;line-height:1.6;margin:6px 0}.meta{color:var(--muted);font-size:13px}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.actions .btn{padding:8px 12px;font-size:13px}.danger{color:#9b2d25!important;border-color:#b96f69!important}.admin-empty{padding:60px;background:#fff;text-align:center;color:var(--muted)}
/* QR */
.qr-page{min-height:100vh;display:grid;place-items:center;background:#d7c3a2;padding:24px}.qr-card{width:620px;max-width:100%;text-align:center;background:#fffaf0;padding:44px;border:12px solid var(--wood);box-shadow:0 30px 80px #33221155}.qr-card h1{font-size:42px;margin:10px}.qr-card .slogan{font-size:22px;line-height:1.8}.qr-card img{width:min(320px,75vw);display:block;margin:20px auto}.qr-card .steps{font-weight:700;letter-spacing:.12em}.qr-card .url{font-family:monospace;color:var(--muted);word-break:break-all}
@keyframes pulse{50%{opacity:.35}}@keyframes arrive{from{opacity:0;transform:translateY(20px) rotate(var(--tilt))}}@keyframes newArrival{0%{opacity:0;transform:scale(.8) rotate(var(--tilt));filter:brightness(1.8)}55%{transform:scale(1.04) rotate(var(--tilt))}100%{transform:scale(1) rotate(var(--tilt))}}
@media(max-width:1100px){.wall-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.wall-grid{grid-template-columns:repeat(2,1fr);gap:13px}.wall-grid .plaque:nth-child(n+7){display:none}.wall-header{padding-top:18px}.admin-page{padding:16px}.admin-card{grid-template-columns:1fr}.trust{grid-template-columns:1fr}.qr-card{padding:26px 18px}.qr-card h1{font-size:30px}}
@media print{.qr-page{background:#fff}.qr-card{box-shadow:none}}