*{box-sizing:border-box}body{margin:0;background:#f1f4f5;color:#17252a;font:16px/1.45 Arial,sans-serif}.demoTop{background:#101820;color:#fff;display:flex;align-items:center;gap:10px;padding:12px max(16px,calc((100vw - 840px)/2));position:sticky;top:0;z-index:4}.demoLogo{width:40px;height:40px;border-radius:10px;background:#fff}.demoTop div{display:grid;line-height:1.2}.demoTop div span{font-size:11px;color:#bac7c4}.demoTop a{margin-left:auto;background:#fff;color:#183525;text-decoration:none;font-weight:800;border-radius:10px;padding:9px 11px;font-size:12px}main{max-width:840px;margin:auto;padding:16px 16px 110px}.demoNotice{display:flex;gap:11px;align-items:center;background:#e5f7eb;border:1px solid #7bc995;padding:12px;border-radius:14px;color:#14512e;font-size:12px}.demoNotice b{white-space:nowrap;background:#176b3b;color:white;padding:5px 7px;border-radius:7px}.demoPage{display:none}.demoPage.active{display:block}.welcome{padding:25px 19px;border-radius:20px;background:linear-gradient(115deg,#101820,#174934);color:#fff;margin:16px 0}.welcome h1{margin:3px 0;font-size:30px}.welcome p{margin:0;color:#d7f1de}.demoCards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.demoCards button{background:#fff;border:1px solid #dfebe3;box-shadow:0 3px 14px #0b482012;text-align:left;border-radius:15px;padding:15px;cursor:pointer;min-height:124px}.demoCards span{font-size:25px}.demoCards b,.demoCards small{display:block}.demoCards b{margin-top:7px;font-size:16px}.demoCards small{color:#64726b}.demoPanel{background:#fff;border:1px solid #e2eae5;border-radius:17px;margin:14px 0;padding:17px;box-shadow:0 4px 16px #0c46200d}.demoPanel h2{margin:0 0 10px;font-size:20px}.demoPanel h3{margin-bottom:3px}.demoPanel p{margin:6px 0}.demoPanel small,.tip{color:#60716a}.next{border-left:5px solid #33a45b}.next strong,.next small{display:block}.next strong{font-size:21px;color:#176b3b}.startReal,.submitDemo{display:block;text-align:center;background:#e94232;color:white;font-weight:800;border:0;border-radius:12px;padding:13px;text-decoration:none;width:100%;cursor:pointer;font-size:15px}.demoPage>h1{font-size:25px;margin:23px 2px 9px}.carIcon{font-size:37px}.demoPanel dl{margin:4px 0}.demoPanel dl div{padding:10px 0;border-top:1px solid #e8eeea}.demoPanel dt{font-size:12px;color:#60716a}.demoPanel dd{margin:2px 0;font-weight:700}.demoCalendarAlert{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#daffe4;border:3px solid #159447;box-shadow:0 0 0 4px #49db7650,0 0 24px #22b45580;color:#124729;border-radius:14px;padding:14px;text-decoration:none;animation:demoCalendarPulse 1.45s ease-in-out infinite alternate}.demoCalendarAlert strong{font-size:17px}.demoCalendarAlert span{font-size:16px;font-weight:900;text-align:right}@keyframes demoCalendarPulse{from{box-shadow:0 0 0 3px #49db7640,0 0 9px #22b45550;transform:scale(1)}to{box-shadow:0 0 0 7px #49db7670,0 0 25px #22b455a0;transform:scale(1.01)}}@media(prefers-reduced-motion:reduce){.demoCalendarAlert{animation:none}}.demoDays{display:flex;overflow:auto;gap:7px;margin:15px 0 8px}.demoDays button{flex:0 0 88px;background:#eef5ef;border:1px solid #b2d8bd;border-radius:10px;padding:10px 4px;color:#14502e;font-weight:bold;cursor:pointer}.demoDays button.on,.demoHours button.on{background:#176b3b;color:white}.demoHours{display:flex;gap:7px;flex-wrap:wrap}.demoHours button{padding:9px 15px;border:1px solid #b2d8bd;border-radius:9px;background:#e8f5ec;color:#176b3b;font-weight:bold;cursor:pointer}.demoHours button:disabled{background:#eef0ee;border-color:#e3e6e3;color:#9aa39a;cursor:not-allowed}.demoPage form label{display:block;margin:11px 0;font-weight:bold;font-size:14px}.demoPage form input,.demoPage form select{display:block;width:100%;padding:12px;margin-top:5px;border-radius:9px;border:1px solid #cbd8d0;background:#fff;font-size:16px}.demoPage form input[readonly]{background:#f3f6f4;color:#495b52}.selectedSlot{background:#e7f6eb;padding:10px;border-radius:9px;font-weight:bold;color:#14522d}.demoResult{background:#e5f7eb;color:#175b34;border-radius:12px;border:1px solid #83cd9e;padding:17px;margin:12px 0}.demoResult b{display:block}.stars{color:#e9aa1f;font-size:29px;letter-spacing:3px}.historyCard{border-left:5px solid #31a55c}.messageSample{max-width:85%;padding:12px;border-radius:14px;margin:12px 0;background:#edf1ed}.messageSample small{display:block}.messageSample.new{background:#a8f0bc;border:2px solid #27a85a;box-shadow:0 0 13px #27b85c55}.messageSample.mine{margin-left:auto;background:#17252a;color:white}.messageSample.mine small{color:#d6e1dc}.demoNav{position:fixed;bottom:0;width:100%;background:#101820;display:flex;justify-content:center;z-index:5;padding:7px max(7px,calc((100vw - 850px)/2)) calc(7px + env(safe-area-inset-bottom))}.demoNav button{flex:1;border:0;background:none;color:#d4e0da;font-size:22px;cursor:pointer;min-height:55px}.demoNav button.on{color:#62d289}.demoNav span{display:block;font-size:10px;font-weight:bold}@media(max-width:500px){.demoNotice{align-items:flex-start}.demoCards button{min-height:120px}.demoTop a{font-size:11px;padding:8px}.demoTop div span{font-size:10px}}