:root{color:#241a17;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fffaf1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}main{background-color:#fffaf1;background-image:linear-gradient(90deg,#2c8d7812 1px,#0000 1px),linear-gradient(0deg,#2c8d7812 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh}.hero{isolation:isolate;background:#23433b;min-height:370px;position:relative;overflow:hidden}.hero-art,.hero-shade{position:absolute;inset:0}.hero-art{object-fit:cover;width:100%;height:100%;min-height:370px}.hero-shade{z-index:1;background:linear-gradient(90deg,#141511c7,#14151147 56%,#1415110d),linear-gradient(#0000 54%,#14151161)}.hero-copy{color:#fff8e8;z-index:2;max-width:650px;padding:42px clamp(20px,6vw,76px) 76px;position:relative}.brand-mark{background:#241a1759;border:1px solid #fff8e873;border-radius:999px;align-items:center;gap:9px;margin-bottom:18px;padding:8px 13px;font-weight:800;display:inline-flex}.hero h1{letter-spacing:0;max-width:620px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.35rem,5.5vw,4.55rem);line-height:.98}.hero p{color:#fff0cb;max-width:540px;margin:18px 0 0;font-size:1.08rem;line-height:1.65}.hero-stats{z-index:3;background:#fff8e8e6;border:1px solid #fff8e86b;border-radius:8px;grid-template-columns:repeat(3,minmax(88px,1fr));display:grid;position:absolute;bottom:28px;right:clamp(18px,5vw,64px);overflow:hidden;box-shadow:0 20px 60px #241a1738}.hero-stats div{padding:13px 16px}.hero-stats div+div{border-left:1px solid #603e302e}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{color:#a43f3a;font-size:1.35rem}.hero-stats span{color:#5c4940;text-transform:uppercase;font-size:.78rem;font-weight:800}.atlas-shell,.admin-shell,.loading-state{z-index:4;width:min(1240px,100% - 32px);margin:-28px auto 0;padding-bottom:54px;position:relative}.search-panel,.admin-intro,.capture-panel,.loading-state{background:#fffdf7f5;border:1px solid #362a2221;border-radius:8px;box-shadow:0 18px 50px #362a221a}.search-panel{gap:14px;padding:18px;display:grid}.keyword-search{color:#695349;background:#fffaf1;border:1px solid #d6c7ad;border-radius:8px;align-items:center;gap:12px;min-height:58px;padding:0 16px;display:flex}.keyword-search input,.capture-panel input{color:#241a17;background:0 0;border:0;outline:none;width:100%;padding:12px 0}.keyword-search input{font-size:1.18rem}.keyword-row,.tag-list,.meta-list{flex-wrap:wrap;gap:8px;display:flex}.keyword-row button,.tag-list button{color:#3c5c3f;background:#f4f8e7;border:1px solid #d9e3c0;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:.82rem;font-weight:800;display:inline-flex}.keyword-row button:hover,.tag-list button:hover{border-color:#2e766d}.result-line{color:#58443b;align-items:baseline;gap:8px;margin:18px 2px 14px;display:flex}.result-line strong{color:#a43f3a;font-size:1.4rem}.snack-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.snack-card{background:#fff;border:1px solid #362a2221;border-radius:8px;display:grid;overflow:hidden}.snack-photo{aspect-ratio:16/10;object-fit:cover;background:#f1d67c;width:100%}.snack-photo.fallback{color:#2e766d;background:linear-gradient(135deg,#ee655347,#0000 50%),linear-gradient(45deg,#2e766d47,#0000 52%),#ffe7a8;justify-content:center;align-items:center;display:flex}.snack-body{gap:12px;padding:15px;display:grid}.culture{color:#a43f3a;text-transform:uppercase;margin:0 0 4px;font-size:.75rem;font-weight:900}h3{margin:0;font-size:1.22rem;line-height:1.14}.rating{gap:4px;display:flex}.star{color:#c8b796}.star.active{color:#d89027;fill:#d89027}.note{color:#4c3a33;margin:0;line-height:1.55}.meta-list span{color:#695349;align-items:center;gap:5px;font-size:.86rem;display:inline-flex}.admin-shell{grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);gap:18px;display:grid}.admin-intro,.capture-panel{padding:20px}.panel-title{color:#2e766d;align-items:center;gap:10px;display:flex}.panel-title h2{color:#241a17;margin:0;font-size:1.25rem}.admin-intro p,.status-text,.error-text{line-height:1.55}.capture-panel{gap:16px;display:grid}.capture-panel label{color:#58443b;gap:7px;font-size:.83rem;font-weight:800;display:grid}.capture-panel label:not(.capture-tile){background:#fffaf1;border:1px solid #d6c7ad;border-radius:7px;padding:10px 12px 2px}.link-token{color:#3c5c3f;background:#f4f8e7;border:1px solid #d9e3c0;border-radius:7px;gap:4px;padding:13px 14px;display:grid}.link-token strong,.link-token span{display:block}.link-token span{color:#5a7159;font-size:.88rem}.capture-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.capture-tile{color:#8e3e43;background:#fff1e2;border:1px dashed #be775a;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:92px;font-weight:900;display:flex}.capture-tile.recording{color:#a43f3a;background:#ffe2df;border-color:#a43f3a}.capture-tile input{display:none}.admin-preview{aspect-ratio:4/3;border:1px solid #eadbc3;border-radius:8px;overflow:hidden}.admin-preview img{object-fit:cover;width:100%;height:100%}audio{width:100%}.primary-action{color:#fffaf1;background:#2e766d;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:900;display:inline-flex}.primary-action:hover{background:#255f58}.status-text{color:#2e766d;margin:0;font-weight:800}.error-text{color:#a43f3a;margin:0;font-weight:800}.loading-state{color:#58443b;align-items:center;gap:10px;padding:18px;font-weight:800;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=820px){.admin-shell{grid-template-columns:1fr}}@media (width<=680px){.hero,.hero-art{min-height:500px}.hero-copy{padding:32px 20px 160px}.hero h1{font-size:3rem}.hero-stats{grid-template-columns:repeat(3,1fr);left:16px;right:16px}.atlas-shell,.admin-shell,.loading-state{width:min(100% - 20px,1240px);margin-top:-18px}.capture-actions{grid-template-columns:1fr}}