:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#192027;background:#f8f4ee;--ink: #192027;--soft-ink: #5b6067;--paper: #fffdf8;--line: #241710;--rust: #a84822;--coral: #e96f60;--teal: #027f9f;--cyan: #85d6df;--gold: #e4a537;--cream: #f8f4ee}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 12%,rgba(133,214,223,.32),transparent 22rem),linear-gradient(135deg,#fffdf8f0,#f8f4eefa)}button,input,textarea{font:inherit}.app-shell{width:min(1560px,100%);margin:0 auto;padding:clamp(1rem,2vw,2rem)}.command-stage{display:grid;grid-template-columns:minmax(18rem,.9fr) minmax(22rem,1.1fr);min-height:min(720px,calc(100vh - 2rem));border:2px solid rgba(25,32,39,.9);background:var(--paper);box-shadow:0 24px 70px #20171229}.art-panel{position:relative;min-height:32rem;overflow:hidden;border-right:2px solid rgba(25,32,39,.9);background:#f9f5ef}.art-panel img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.02)}.art-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 70%,rgba(255,253,248,.6));pointer-events:none}.wall-controls{display:grid;align-content:center;gap:clamp(1rem,2.4vw,1.7rem);padding:clamp(1.25rem,4vw,4rem)}.eyebrow,.brand-mark,.comment-meta,.form-footer,.qr-url{letter-spacing:0}.eyebrow{margin:0 0 .4rem;color:var(--rust);font-weight:800;text-transform:uppercase;font-size:clamp(.78rem,1.2vw,.9rem)}h1,h2,p{margin-top:0}h1{margin-bottom:.65rem;font-size:clamp(3rem,8vw,7.8rem);line-height:.86;max-width:8ch;color:var(--ink)}.intro{max-width:42rem;margin-bottom:0;color:var(--soft-ink);font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.35}.qr-callout{display:grid;grid-template-columns:minmax(10rem,16rem) 1fr;align-items:center;gap:clamp(1rem,2vw,1.5rem);padding:clamp(.9rem,2vw,1.3rem);border:2px solid var(--line);background:linear-gradient(135deg,#fffffff5,#fffaeffa),var(--paper)}.qr-frame{display:grid;place-items:center;aspect-ratio:1;padding:clamp(.75rem,2vw,1.25rem);background:#fff;border:2px solid var(--line);box-shadow:10px 10px 0 var(--gold)}.qr-frame img{display:block;width:100%;height:auto}.qr-label{margin-bottom:.4rem;font-size:clamp(1.35rem,3.2vw,2.6rem);line-height:1;font-weight:900;color:var(--teal)}.qr-url{margin-bottom:0;overflow-wrap:anywhere;color:var(--soft-ink);font-weight:700}.comment-form{display:grid;gap:.9rem}.comment-form label{display:grid;gap:.35rem;color:var(--soft-ink);font-weight:800}input,textarea{width:100%;border:2px solid rgba(25,32,39,.85);border-radius:0;background:#fff;color:var(--ink);padding:.9rem 1rem;outline:none;box-shadow:4px 4px #027f9f33}textarea{min-height:7rem;resize:vertical}input:focus,textarea:focus{border-color:var(--teal);box-shadow:5px 5px #e4a5378c}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--soft-ink);font-weight:800}button{min-height:3.2rem;border:2px solid var(--line);border-radius:0;padding:.85rem 1.25rem;background:var(--rust);color:#fffdf8;font-weight:900;cursor:pointer;box-shadow:5px 5px 0 var(--line);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}button:hover,button:focus-visible{background:var(--teal);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--line)}button:disabled{cursor:progress;opacity:.72}.brand-mark{width:fit-content;margin:0;padding:.55rem .75rem;background:#85d6df3d;border-left:5px solid var(--teal);color:#23313a;font-weight:900}.comments-section{padding:clamp(1.5rem,4vw,3rem) 0 1rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}h2{margin-bottom:0;font-size:clamp(1.9rem,4vw,4rem);line-height:1}.section-heading p{margin-bottom:.25rem;color:var(--rust);font-weight:900}.comments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem}.comment-card,.empty-state{min-height:11rem;border:2px solid rgba(25,32,39,.88);background:linear-gradient(180deg,#fffdf8fa,#fffaf1fa),var(--paper);padding:1rem;box-shadow:7px 7px #a848223d}.comment-card{position:relative;overflow:hidden;animation:settle .26s ease both}.comment-card:before{content:"";position:absolute;inset:0 auto 0 0;width:.45rem;background:var(--teal)}.comment-card.is-fresh{animation:arrive .8s ease both;box-shadow:8px 8px #e4a537cc}.comment-card.is-fresh:before{background:var(--coral)}.comment-meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.85rem;color:var(--soft-ink);font-size:.9rem}.comment-meta strong{color:var(--teal);font-size:1rem}.comment-card p,.empty-state p{margin-bottom:0;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.35;overflow-wrap:anywhere}.empty-state{display:grid;place-items:center;color:var(--soft-ink);border-style:dashed}@keyframes arrive{0%{opacity:0;transform:translateY(-12px) scale(.98);background:#fff4cf}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes settle{0%{opacity:.86;transform:translateY(4px)}}@media(max-width:980px){.command-stage{grid-template-columns:1fr}.art-panel{min-height:18rem;max-height:32vh;border-right:0;border-bottom:2px solid rgba(25,32,39,.9)}.art-panel:after{background:linear-gradient(180deg,transparent 55%,rgba(255,253,248,.7))}h1{max-width:none}}@media(max-width:680px){.app-shell{padding:.75rem}.command-stage{min-height:auto}.wall-controls{padding:1rem}.qr-callout{grid-template-columns:1fr;text-align:center}.qr-frame{width:min(100%,18rem);justify-self:center}.form-footer,.section-heading{align-items:stretch;flex-direction:column}button{width:100%}}