*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#272620;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #eadac5;outline-offset:3px}button[disabled]{opacity:.4;cursor:default}#tour{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate}#view,#still{position:absolute;inset:0;width:100%;height:100%;display:block}#view{touch-action:none;cursor:grab}#view:active{cursor:grabbing}#still{object-fit:contain;background:#24231f}#still[hidden]{display:none}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(23,22,19,.65),rgba(23,22,19,.08) 30%,transparent 55%,rgba(23,22,19,.68) 86%,rgba(23,22,19,.92));z-index:1}header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:26px 38px;z-index:3}.brand{display:flex;align-items:center;gap:18px}.brand-mark{font-size:27px;letter-spacing:.18em;font-weight:500}.brand-sub{font-size:12px;letter-spacing:.12em;opacity:.75;border-left:1px solid #ffffff45;padding-left:18px}.header-actions{display:flex;gap:10px}.glass{border:1px solid #ffffff45;background:rgba(35,34,29,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:6px;text-decoration:none;color:white;font-size:12px;padding:11px 14px;transition:background .2s}.glass:hover{background:rgba(255,255,255,.16)}.room-heading{position:absolute;top:116px;left:40px;z-index:2;pointer-events:none;max-width:420px;text-shadow:0 1px 14px #0006}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.16em;opacity:.85}.dot{width:3px;height:3px;border-radius:50%;background:white}h1{font-size:37px;font-weight:400;letter-spacing:.09em;margin:14px 0 11px}.room-heading p{font-size:13px;line-height:1.8;opacity:.85;margin:0}.tools{position:absolute;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px;z-index:3}.icon{font-family:Arial,sans-serif;font-size:22px;width:43px;height:43px;padding:0}.icon[aria-pressed=true]{background:#d7c4a7;color:#272620;border-color:#d7c4a7}footer{position:absolute;bottom:0;left:0;right:0;padding:12px 38px max(17px,env(safe-area-inset-bottom));z-index:3}.nav-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:12px;letter-spacing:.08em}.nav-top b{font-weight:400;opacity:.5;margin-left:9px}.switch{display:flex;background:#1f1e1b75;border:1px solid #ffffff30;border-radius:5px;padding:3px}.switch button{border:0;border-radius:3px;background:none;font-size:11px;padding:6px 16px;opacity:.65}.switch .active{background:#e9dfd0;color:#28251f;opacity:1}#rooms{display:flex;gap:11px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ffffff50 transparent;padding:0 0 8px;overscroll-behavior:contain;touch-action:pan-x}.room{flex:0 0 112px;background:none;border:1px solid #ffffff35;border-radius:5px;padding:0;overflow:hidden;text-align:left;position:relative;transition:border-color .2s,opacity .2s;opacity:.78}.room:hover,.room[aria-current=true]{border-color:#eadbc5;opacity:1}.room[aria-current=true]{box-shadow:0 0 0 1px #eadbc5}.room img{width:100%;height:62px;object-fit:cover;display:block}.room span{display:block;background:#25231fbb;font-size:11px;padding:7px 9px;letter-spacing:.06em}.room small{opacity:.5;margin-right:5px;font-size:9px}.footnote{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;opacity:.55;margin-top:7px}#gesture-hint{position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);z-index:2;background:#25231e6b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff30;border-radius:30px;padding:11px 18px;font-size:12px;white-space:nowrap;pointer-events:none;transition:opacity .5s}#gesture-hint span{opacity:.5;margin:0 6px}#gesture-hint.dismissed{opacity:0}#loading{display:flex;gap:12px;align-items:center;justify-content:center;position:absolute;inset:0;z-index:2;background:#28262075;font-size:13px;pointer-events:none}#loading[hidden]{display:none}.spinner{width:19px;height:19px;border:2px solid #ffffff40;border-top-color:#eadbc5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;background:#25231fee;border:1px solid #ffffff45;padding:15px 22px;border-radius:8px;font-size:13px;max-width:85%;line-height:1.8;text-align:center}dialog{border:1px solid #ded3c2;max-width:570px;max-height:85dvh;width:calc(100% - 34px);padding:37px 38px 28px;background:#f3efe8;color:#34312c;border-radius:9px;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#13130f9c;backdrop-filter:blur(5px)}dialog p{font-size:13px;line-height:1.95;color:#676155}dialog h2{font-size:25px;font-weight:400;letter-spacing:.04em;margin:10px 0 22px}.dialog-kicker{font-family:Arial,sans-serif;letter-spacing:.2em;font-size:10px!important;color:#a18562!important}.close{position:absolute;right:15px;top:11px;border:0;background:transparent;font-size:27px;color:#8b8276}.small{font-size:11px!important;border-top:1px solid #d8cebf;padding-top:16px;margin-top:20px}@media(max-width:640px){header{padding:19px 19px;align-items:flex-start}.brand{display:block}.brand-mark{font-size:24px}.brand-sub{display:block;border:0;padding:6px 0 0;font-size:9px;letter-spacing:.07em}.header-actions{gap:6px}.glass{padding:10px 10px;font-size:10px}.room-heading{top:119px;left:21px;right:26px;max-width:290px}h1{font-size:29px;margin:12px 0 8px}.room-heading p{font-size:11px;max-width:260px;line-height:1.8}.eyebrow{font-size:10px}.tools{right:16px;top:49%;gap:7px}.icon{width:36px;height:36px;padding:0;font-size:21px}footer{padding-left:18px;padding-right:18px}.nav-top{font-size:11px;margin-bottom:10px}.switch button{font-size:10px;padding:5px 13px}.room{flex-basis:99px}.room img{height:54px}.room span{font-size:10px;padding:7px}.footnote{font-size:8px;letter-spacing:0}.footnote span{display:none}#rooms{gap:8px}#gesture-hint{font-size:10px;padding:10px 13px;top:54%}dialog{padding:31px 25px 21px}dialog h2{font-size:22px}dialog p{font-size:12px}}@media(max-height:520px){header{padding:14px 20px}.brand-sub{display:none}.room-heading{top:77px;left:22px}.room-heading h1{font-size:25px;margin:8px 0}.room-heading p{font-size:10px;max-width:280px}footer{padding:7px 20px 10px}.nav-top{margin-bottom:6px}.room img{height:38px}.room span{padding:5px 8px;font-size:9px}.room{flex-basis:92px}.footnote{display:none}.tools{flex-direction:row;right:20px;top:85px;transform:none;gap:5px}.icon{width:32px;height:32px;font-size:20px}#gesture-hint{top:52%}}
.brand-logo{display:block;width:183px;height:55px;object-fit:contain}header{display:block;height:105px}.brand{position:absolute;left:50%;top:13px;transform:translateX(-50%);display:block;text-align:center;width:200px}.brand-logo{margin:auto}.brand-sub{border:0;padding:2px 0 0;font-size:9px;letter-spacing:.16em;display:block}.header-actions{display:contents}.header-actions #info{position:absolute;left:30px;top:26px}.header-actions a{position:absolute;right:30px;top:26px}@media(max-width:640px){.brand{top:12px;width:155px}.brand-logo{width:150px;height:45px}.brand-sub{font-size:8px;padding-top:2px;letter-spacing:.12em}.header-actions #info{left:18px;top:24px}.header-actions a{right:18px;top:24px}}@media(max-height:520px){.brand{top:6px}.brand-logo{height:43px;width:145px}.brand-sub{display:none}.header-actions #info,.header-actions a{top:17px}}