:root{--surface: rgba(12, 14, 18, .92);--surface-2: #14171d;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--hairline: rgba(255, 255, 255, .06);--text: #e4e7ec;--muted: #82899a;--accent: #d9a253;--green: #3ecf8e;--font: -apple-system, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}.app{position:fixed;top:0;right:0;bottom:0;left:0}.app>div:first-child{position:absolute!important;top:0;right:0;bottom:0;left:0}button{font-family:var(--font)}.brand{position:absolute;top:20px;left:24px;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;z-index:10;pointer-events:none}.brand-mark{width:36px;height:36px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border-strong);display:grid;place-items:center;font-weight:600;font-size:13px;color:var(--accent)}.brand h1{margin:0;font-size:15px;letter-spacing:1.2px;font-weight:600}.brand p{margin:2px 0 0;font-size:11px;color:var(--muted)}.stats{position:absolute;top:20px;right:24px;display:flex;background:var(--surface);border:1px solid var(--border);border-radius:8px;z-index:10;pointer-events:none}.stat{padding:10px 18px;text-align:center;min-width:72px}.stat+.stat{border-left:1px solid var(--hairline)}.stat b{display:block;font-size:15px;font-weight:600;color:var(--text)}.stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:7px 16px;font-size:11.5px;color:var(--muted);z-index:10;pointer-events:none;white-space:nowrap}.hint b{color:var(--text);font-weight:600}.block-label{background:#0a0c10e0;border:1px solid var(--border);border-radius:6px;padding:6px 12px;text-align:center;transition:border-color .15s;white-space:nowrap}.block-label.hov{border-color:var(--border-strong)}.block-label.sel{border-color:var(--accent)}.block-label-name{font-size:13px;font-weight:600;letter-spacing:.6px}.block-label-sub{font-size:10.5px;color:var(--muted);margin-top:1px}.panel{position:absolute;top:0;right:0;bottom:0;width:384px;max-width:92vw;background:#0c0e12;border-left:1px solid var(--border);z-index:20;display:flex;flex-direction:column;animation:slide-in .22s ease-out}@keyframes slide-in{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 22px 12px}.panel-header h2{margin:0;font-size:19px;font-weight:600}.panel-sub{font-size:12px;color:var(--muted);margin-top:4px}.panel-sub em{color:var(--green);font-style:normal}.close-btn{background:none;color:var(--muted);border:none;border-radius:6px;width:30px;height:30px;cursor:pointer;font-size:13px}.close-btn:hover{color:var(--text);background:var(--surface-2)}.legend{display:flex;gap:14px;padding:0 22px 12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.legend-item i{width:6px;height:6px;border-radius:50%;display:inline-block}.panel-body{flex:1;overflow-y:auto;padding:2px 22px 22px}.panel-body::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.floor-row{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--hairline)}.floor-label{width:52px;font-size:12px;color:var(--muted);flex-shrink:0}.floor-units{display:flex;gap:6px;flex-wrap:wrap}.unit-chip{display:flex;flex-direction:column;align-items:center;min-width:54px;padding:4px 8px 3px;background:var(--surface-2);border:1px solid var(--border);border-bottom:2px solid var(--st);border-radius:5px;cursor:pointer;color:var(--text);transition:border-color .12s,background .12s}.unit-chip:not(.disabled):hover{background:#1a1e26;border-color:var(--border-strong);border-bottom-color:var(--st)}.unit-chip.disabled{opacity:.32;cursor:not-allowed}.unit-no{font-size:12.5px;font-weight:600}.unit-type{font-size:10px;color:var(--muted)}.back-btn{background:none;border:none;color:var(--muted);font-size:12.5px;cursor:pointer;padding:8px 0}.back-btn:hover{color:var(--text)}.unit-title-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.unit-title-row h3{margin:0;font-size:19px;font-weight:600}.status-badge{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--st)}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--st)}.unit-subtitle{font-size:12px;color:var(--muted);margin:5px 0 16px}.plan-card{background:#f7f6f2;border:1px solid var(--border);border-radius:8px;padding:12px 12px 6px}.floor-plan{width:100%;height:auto;display:block}.plan-caption{text-align:center;font-size:10.5px;color:#8b8b85;padding:6px 0 4px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin:14px 0 4px}.spec{padding:8px 0;border-bottom:1px solid var(--hairline)}.spec span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:2px}.spec b{font-size:13px;font-weight:600}.price-row{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;margin-bottom:12px}.price-row span{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.price-row b{font-size:19px;font-weight:650;color:var(--accent)}.tour-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:#171006;border:none;border-radius:6px;padding:12px;font-size:13.5px;font-weight:600;cursor:pointer}.tour-btn:hover{background:#e0ad62}.tour-btn svg{width:16px;height:16px}.app.touring .brand,.app.touring .stats,.app.touring .hint,.app.touring .panel{display:none}.tour-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;animation:fade-in .3s ease}.tour-ui .tour-topbar{pointer-events:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.tour-topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent)}.tour-topbar b{font-size:14px;font-weight:600;display:block}.tour-topbar span{font-size:12px;color:var(--muted)}.tour-topbar button{background:#0c0e1299;color:var(--text);border:1px solid var(--border-strong);border-radius:6px;padding:8px 16px;font-size:12.5px;cursor:pointer}.tour-topbar button:hover{background:#1e222acc}.tour-rooms{position:absolute;bottom:58px;left:50%;transform:translate(-50%);display:flex;gap:2px;pointer-events:auto;background:#0a0c10c7;border:1px solid var(--border);border-radius:7px;padding:3px}.tour-rooms button{background:none;color:var(--muted);border:none;border-radius:5px;padding:8px 18px;font-size:12.5px;font-weight:600;cursor:pointer}.tour-rooms button:hover{color:var(--text)}.tour-rooms button.active{background:#23282f;color:var(--text)}.tour-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:11px;color:#ffffff80;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.6)}@media (max-width: 640px){.stats,.hint{display:none}.brand h1{font-size:14px}.panel{width:100vw;max-width:100vw}}