*{box-sizing:border-box} :root{--wine:#760f19;--paper:#f8f5f1;--ink:#292525;--muted:#756b68;--line:#e9e1da}body{margin:0;color:var(--ink);background:#eae5df;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft Yahei",sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:9px;background:var(--wine);color:white;padding:11px 18px;line-height:1.5}button:disabled{opacity:.45;cursor:wait}a{color:var(--wine);text-decoration:none}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #d9cfc6;border-radius:8px;background:white;color:var(--ink)}textarea{min-height:90px;resize:vertical}label{display:block;margin:14px 0 5px}input[type=checkbox]{width:auto;margin-right:8px}h1,h2,h3,p{margin:0 0 12px}h1{font-size:28px}h2{font-size:22px}h3{font-size:17px}small,.muted{color:var(--muted)}.quiet{color:var(--wine);background:#f3e9e7}.outline{background:transparent;border:1px solid var(--line);color:var(--ink)}.wide{width:100%}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.phone{width:414px;min-height:880px;margin:30px auto 50px;background:var(--paper);box-shadow:0 20px 80px #30201b20;position:relative;border-radius:24px;overflow:hidden;padding-bottom:85px}.appbar{padding:18px 22px;background:var(--paper);display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}.capsule{padding:3px 10px;border:1px solid #ded9d3;border-radius:20px;font-size:14px}.tabs{position:absolute;bottom:0;left:0;right:0;display:flex;background:#fffefa;border-top:1px solid var(--line);padding:9px 18px 16px}.tabs button{flex:1;padding:0;background:none;color:#8a7d76;font-size:22px}.tabs span{display:block;font-size:12px}.tabs .selected{color:var(--wine);font-weight:700}.preview-note{position:fixed;top:55px;left:max(20px,calc(50% - 560px));width:230px;font-size:12px;color:var(--muted)}.preview-note p{margin-top:18px}.brand-hero{background:#330505 url('/static/logo-original.jpg') center 43% / cover;height:214px;position:relative;margin:0 18px;border-radius:3px;color:white}.brand-hero .hero-caption{position:absolute;bottom:18px;left:22px;font-size:11px;letter-spacing:2px;color:#e4cebf}.intro{padding:22px 24px 9px}.intro h1{font-size:25px;letter-spacing:2px}.intro p{font-size:13px;color:var(--muted);letter-spacing:3px}.pad{padding:12px 20px}.card{padding:20px;background:white;border:1px solid #ede5dd;border-radius:13px;margin-bottom:14px}.benefit{background:linear-gradient(115deg,#6a1521,#450b13);border:1px solid #7f3940;color:#fff7ee;position:relative;overflow:hidden;padding:23px}.benefit .eyebrow,.benefit small{color:#d9bdb6}.benefit h2{font-size:21px;margin:10px 0}.benefit button{background:#f7eee2;color:#621320;margin-top:10px;font-size:13px}.benefit:after{content:'YG';font:italic 90px Georgia;position:absolute;right:8px;top:24px;opacity:.09;pointer-events:none}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.service-tile{background:white;border:1px solid var(--line);color:var(--ink);padding:18px 2px;font-size:13px}.service-tile i{display:block;font:26px Georgia;color:var(--wine);margin-bottom:10px}.secondary{display:flex;gap:10px;margin-bottom:24px}.secondary button{flex:1;background:#efe9e2;color:var(--ink);font-size:13px}.section-title{margin:20px 0 12px;display:flex;justify-content:space-between;align-items:center}.section-title span{font-size:10px;letter-spacing:2px;color:var(--muted)}.placeholder{border:1px dashed #cfc4bb;padding:28px 12px;text-align:center;background:#f6f2ee;color:var(--muted);font-size:12px;margin:12px 0}.shop-photo{width:100%;max-height:230px;object-fit:cover;border-radius:8px}.notice{font-size:12px;color:var(--muted);padding:12px 14px;background:#f4eeea;border-radius:7px;margin:12px 0}.service-card h2{margin-bottom:2px}.service-card .flow{font-size:12px;color:var(--wine);border-left:2px solid #cbb09f;padding-left:10px;margin:14px 0}.badge{display:inline-block;padding:3px 9px;border-radius:20px;color:var(--wine);background:#f2e6e5;font-size:12px;white-space:nowrap}.empty{padding:32px 12px;text-align:center;color:var(--muted)}.record{display:block;width:100%;background:white;color:var(--ink);text-align:left;border:1px solid var(--line);margin-bottom:10px;padding:16px}.record strong{display:block;margin-bottom:6px}.photos{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.photos img{width:84px;height:84px;object-fit:cover;border:1px solid var(--line);border-radius:7px}.photo-item button{display:block;font-size:11px;padding:3px 9px}.timeline{border-left:1px solid #cfb6ac;padding-left:15px;margin-top:20px}.timeline p{font-size:13px;margin:15px 0}.timeline small{display:block;font-size:11px}.details{display:grid;grid-template-columns:minmax(95px,auto) 1fr;gap:8px;font-size:13px}.details dt{color:var(--muted)}.details dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}dialog{border:0;border-radius:16px;width:min(600px,94vw);max-height:90vh;padding:26px;color:var(--ink)}dialog::backdrop{background:#20131188}#close-modal{margin-top:20px}#toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);background:#292525;color:white;padding:12px 24px;border-radius:10px;z-index:99;display:none;max-width:90vw}.admin-body{background:var(--paper)}.admin-header{padding:20px 38px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:white}.admin-header b{font-size:23px;letter-spacing:3px}.admin-header small{display:block;font-size:11px;letter-spacing:2px}.admin-shell{display:grid;grid-template-columns:210px 1fr;max-width:1500px;margin:auto}.admin-nav{padding:30px 20px;display:flex;flex-direction:column;gap:10px}.admin-nav button{text-align:left;background:transparent;color:var(--muted);font-size:14px}.admin-nav button.selected{background:#eadbd7;color:var(--wine)}.admin-nav a{padding:10px 18px;font-size:13px}#admin-app{padding:34px;min-width:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.stat b{display:block;color:var(--wine);font-size:38px;font-weight:500}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white;font-size:13px}th,td{padding:14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:500}td button{font-size:12px;padding:5px 12px}.actions{display:flex;gap:8px;margin:15px 0;flex-wrap:wrap}.login{max-width:440px;margin:50px auto}.error{color:#9e1425;background:#fbe9e8;padding:12px;border-radius:8px;margin:10px 0}.form-error{color:#9e1425;font-size:13px;white-space:pre-line}.divider{height:1px;background:var(--line);margin:24px 0}@media(max-width:1000px){.preview-note{position:static;text-align:center;width:auto;margin:16px}.phone{margin-top:15px}.admin-shell{grid-template-columns:160px 1fr}#admin-app{padding:20px}}@media(max-width:640px){.phone{width:100%;margin:0;border-radius:0;box-shadow:none;min-height:100vh}.preview-note{font-size:11px;margin:8px}.admin-header{padding:15px}.admin-shell{display:block}.admin-nav{flex-direction:row;overflow:auto;padding:12px}.admin-nav button{white-space:nowrap}.admin-nav a{display:none}.admin-grid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:12px}.stat b{font-size:30px}#admin-app{padding:16px}.admin-header small{font-size:9px}}
/* Keep the two main destinations visible while the preview content scrolls. */
.phone{height:calc(100vh - 70px);min-height:580px;max-height:940px;display:flex;flex-direction:column;padding-bottom:0}.appbar{flex-shrink:0}.phone main{flex:1;overflow-y:auto;min-height:0}.tabs{position:relative;flex-shrink:0}.phone main::-webkit-scrollbar{width:4px}.phone main::-webkit-scrollbar-thumb{background:#d7c6bc;border-radius:8px}@media(max-width:1000px){.phone{height:calc(100vh - 150px);margin-bottom:20px}}@media(max-width:640px){.phone{height:calc(100dvh - 105px);min-height:480px}.preview-note p{margin:5px 0}}