*{box-sizing:border-box}body{margin:0;background:#f5efe5;color:#2f241b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.app-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:14px 14px 92px;background:radial-gradient(circle at top left,#ffe9c7 0,transparent 36%),linear-gradient(180deg,#fff8ec,#f6f1e8 42%,#f6f1e8)}.page-shell{padding-bottom:24px}.card{margin-bottom:14px;padding:16px;border:1px solid rgba(137,91,45,.12);border-radius:22px;background:#ffffffeb;box-shadow:0 10px 30px #60402014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#5e371a,#a9692f 56%,#d19a5b);color:#fff;overflow:hidden;position:relative}.hero>*{position:relative;z-index:1}.hero:after{content:"";position:absolute;right:-42px;bottom:-46px;width:140px;height:140px;border-radius:999px;background:#ffffff21;z-index:0}.brand-hero:before{content:"";position:absolute;right:-8px;top:56px;width:72px;height:72px;border:1px solid rgba(255,255,255,.24);border-radius:22px;transform:rotate(12deg);background:#ffffff12;z-index:0}.detail-hero{min-height:128px}.eyebrow{margin:0 0 6px;opacity:.78;font-size:12px;letter-spacing:.16em}.eyebrow.dark{color:#9d5d1c;opacity:1}h1,h2,h3,p{margin:0}h1{font-size:25px;line-height:1.25}h2{font-size:17px}h3{margin:16px 0 8px;font-size:14px;color:#5c4632}.muted{margin-top:6px;color:#806f5e;font-size:13px;line-height:1.5}.hero .muted{color:#ffffffd1}.hero-stats{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}.hero-stats span{min-width:72px;padding:8px 10px;border-radius:14px;background:#ffffff26;color:#ffffffd1;font-size:12px}.hero-stats b{display:block;color:#fff;font-size:16px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title.compact{margin-bottom:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:12px}input,textarea{min-width:0;padding:10px 11px;border:1px solid #e6d8c7;border-radius:12px;background:#fff;color:#2f241b}textarea{width:100%;resize:vertical}.date-input{width:142px}button{border:0;border-radius:13px;background:#ead8c0;color:#4a2f16;cursor:pointer;transition:.18s ease}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.58;transform:none}.ghost,.small-btn{padding:8px 12px}.ghost{min-width:52px;flex-shrink:0;white-space:nowrap;background:#ffffff2e;color:#fff}.small-btn{white-space:nowrap;background:#7f4f24;color:#fff}.primary{width:100%;margin-top:14px;padding:14px 16px;background:#7f4f24;color:#fff;font-weight:700}.quick-card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.quick-card button{display:grid;gap:5px;padding:13px 8px;background:#fff;box-shadow:0 8px 20px #60402012}.quick-card span{color:#806f5e;font-size:11px}.landing-actions{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:10px;margin-bottom:14px}.landing-actions button{display:grid;gap:5px;min-width:0;padding:13px 8px;background:#fff;box-shadow:0 8px 20px #60402012}.landing-actions b{color:#4a2f16;font-size:14px}.landing-actions span{color:#806f5e;font-size:11px;line-height:1.35}.landing-actions .landing-primary{background:#7f4f24;color:#fff}.landing-actions .landing-primary b,.landing-actions .landing-primary span{color:#fff}.brand-showcase{background:linear-gradient(180deg,#fffffff5,#fffaf3eb)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.feature-card{display:grid;gap:6px;padding:13px;border-radius:16px;background:#fff7eb;border:1px solid #f0ddc5}.feature-card strong{color:#5e371a;font-size:14px}.feature-card span{color:#806f5e;font-size:12px;line-height:1.45}.service-showcase,.process-card,.campaign-card{display:grid;gap:12px}.service-list,.process-list{display:grid;gap:10px}.service-item{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:13px;border-radius:16px;background:#fff7eb;border:1px solid #f0ddc5}.service-item span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#7f4f24;color:#fff;font-weight:800;font-size:12px}.service-item strong,.process-list strong{color:#5e371a}.service-item p,.process-list span{display:block;margin-top:4px;color:#806f5e;font-size:12px;line-height:1.45}.media-card{overflow:hidden}.video-placeholder{display:grid;gap:8px;min-height:150px;padding:20px;border-radius:20px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.2),transparent 30%),linear-gradient(135deg,#2f241b,#80522a 58%,#c88b4e);color:#fff;align-content:end}.video-placeholder span{width:fit-content;padding:5px 9px;border-radius:999px;background:#ffffff29;font-size:11px;letter-spacing:.16em}.video-placeholder strong{font-size:18px}.video-placeholder em{color:#ffffffc2;font-size:12px;font-style:normal;line-height:1.45}.media-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.media-strip button{padding:9px 6px;background:#fff7eb;color:#6d4b29;font-size:12px}.process-list article{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding-bottom:10px;border-bottom:1px solid #f1e4d4}.process-list article:last-child{padding-bottom:0;border-bottom:0}.process-list b{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#ead8c0;color:#4a2f16}.campaign-panel{display:grid;gap:6px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#fff7eb,#f2e1ca);border:1px solid #ead6bc}.campaign-panel strong{color:#5e371a}.campaign-panel span{color:#806f5e;font-size:12px;line-height:1.45}.action-card{display:grid;gap:14px}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline-primary{margin-top:0;padding:10px 12px}.store-list,.product-list,.slot-list,.record-list,.plan-list{display:grid;gap:10px}.store-item,.product-item,.slot-item,.record-item,.plan-card{width:100%;padding:13px;border:1px solid transparent;background:#fffaf3;text-align:left}.store-item{display:grid;gap:5px}.store-item span,.product-item span,.store-item small,.record-item span,.record-item em,.record-item small{color:#806f5e;font-size:12px;font-style:normal}.product-item,.record-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:15px}.rich-record{display:grid;grid-template-columns:1fr auto;align-items:start}.record-main{display:grid;gap:5px}.record-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-item div,.record-item div{min-width:0}.product-item b,.record-right b{color:#9d5d1c}.record-right{text-align:right}.actions{grid-column:1 / -1;display:flex;gap:8px;margin-top:10px}.outline,.danger-outline{padding:8px 12px;background:#fff;border:1px solid #d8c3aa}.danger-outline{color:#b83b2f;border-color:#efc0ba}.pill{padding:4px 8px;border-radius:999px;background:#eee1d0;color:#6d4b29;font-size:11px}.pill.paid,.pill.booked,.pill.completed{background:#e2f4e9;color:#16794c}.pill.cancelled,.pill.refunded{background:#f7e1df;color:#b83b2f}.slot-list{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-item{text-align:center;font-weight:700}.slot-item span{display:block;margin-top:4px;color:#806f5e;font-size:12px;font-weight:400}.active{border-color:#a86f34;background:#fff1dc;box-shadow:inset 0 0 0 1px #a86f343d}.summary{display:grid;gap:7px;margin-top:12px;color:#5c4632;font-size:14px}.survey-list{display:grid;gap:12px}.survey-item{display:grid;gap:7px}.survey-item>span{color:#5e371a;font-weight:700;font-size:14px}.survey-item em{color:#b83b2f;font-style:normal}.survey-item small{color:#806f5e;font-size:12px;line-height:1.4}.choice-list{display:flex;flex-wrap:wrap;gap:8px}.choice-list button{padding:8px 10px;border:1px solid #ead8c0;background:#fffaf3;color:#5c4632;font-size:12px}.choice-list button.active{border-color:#7f4f24;background:#7f4f24;color:#fff;box-shadow:none}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:#20160e7a}.survey-modal{width:min(620px,100%);max-height:86vh;overflow:auto;margin:0}.survey-modal .section-title em{color:#b83b2f;font-style:normal}.close-btn{min-width:64px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.checkbox-line{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #ead8c0;border-radius:12px;background:#fffaf3}.checkbox-line input{width:18px;height:18px;min-width:18px;accent-color:#7f4f24}.checkbox-line b{color:#5e371a}.checkbox-line small{margin-left:auto;color:#8d7a68}.member-panel{display:grid;gap:6px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#3f2a19,#9d5d1c);color:#fff;box-shadow:inset 0 1px #ffffff29}.member-panel strong{font-size:30px}.member-panel em{color:#ffffffc7;font-style:normal}.plan-list{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card{display:grid;gap:5px;border-radius:16px;background:linear-gradient(180deg,#fffaf3,#fff2dd)}.plan-card strong{color:#7f4f24}.plan-card span,.plan-card em{color:#806f5e;font-size:12px;font-style:normal}.mini-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f1e4d4;font-size:13px}.success{color:#16794c}.error{color:#bd2d2d}.toast{position:fixed;left:50%;bottom:74px;z-index:5;width:min(calc(100% - 28px),492px);transform:translate(-50%);margin:0;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:0 10px 28px #0000001f;font-size:13px}.empty{padding:10px 0 0}.tabbar{position:fixed;left:50%;bottom:12px;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:min(calc(100% - 28px),492px);padding:8px;transform:translate(-50%);border:1px solid rgba(137,91,45,.12);border-radius:20px;background:#fffffff2;box-shadow:0 12px 30px #60402026}.tabbar button{padding:10px 4px;background:transparent;font-size:13px}.tabbar button.active{background:#7f4f24;color:#fff;box-shadow:none}.amount-panel,.time-panel{display:grid;gap:6px;margin:10px 0 14px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#3f2a19,#9d5d1c);color:#fff}.amount-panel strong,.time-panel strong{font-size:30px}.amount-panel span,.amount-panel em,.time-panel span,.time-panel em{color:#ffffffc7;font-style:normal}.amount-panel.bright{background:linear-gradient(135deg,#7f4f24,#d29550)}.info-list{display:grid;gap:10px;margin-top:12px}.info-list p{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid #f1e4d4;font-size:13px}.info-list span{color:#806f5e}.info-list b{text-align:right;font-weight:600}.detail-actions{display:flex;gap:10px;margin-top:16px}.detail-actions.vertical{display:grid}.success-page{display:flex;align-items:center}.success-card{width:100%;text-align:center}.success-icon{width:66px;height:66px;line-height:66px;margin:0 auto 12px;border-radius:999px;background:#e2f4e9;color:#16794c;font-size:36px;font-weight:800}@media(max-width:420px){.form-grid,.slot-list,.plan-list,.quick-card,.landing-actions,.feature-grid,.action-buttons,.media-strip{grid-template-columns:1fr}}