@import "https://fonts.googleapis.com/css2?family=Instrument+Serif&family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--surface-1:#f5f5f5;--surface-2:#e8e8e8;--surface-3:#d0d0d0;--line:silver;--line-soft:#e0e0e0;--ink:#003a78;--ink-soft:#3a5a80;--ink-faint:#6a8aaa;--navy:#003a78;--ping:#d03ef2;--ping-glow:#d03ef238;--olive:#5b6f2a;--lime:#c5d63d;--amber:#e89b1c;--danger:#e0735f;--success:#4caf50;--clay:#d03ef2;--clay-deep:#b030d0;--clay-glow:#d03ef238;--sage:#5b6f2a;--radius:14px;--radius-sm:9px;--radius-pill:999px;--shadow-lg:0 24px 60px -20px #003a7840;--shadow-md:0 10px 30px -12px #003a782e;--font-display:"Instrument Serif", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease:cubic-bezier(.4, 0, .2, 1)}html,body,#root{width:100%;height:100%;font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;background:#1a1a1a;overflow:hidden}:focus-visible{outline:2px solid var(--clay);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}button{font-family:inherit}.app{width:100%;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#1a1a1a;flex-direction:column;display:flex}.app-header{z-index:10;background:linear-gradient(135deg,#2c2c2c 0%,#232323 100%);border:1px solid #ffffff1a;border-radius:40px;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:64px;margin:12px;padding:12px 24px;display:flex;box-shadow:0 8px 28px #0006,inset 0 1px #ffffff0f}.app-brand{color:#fff;cursor:pointer;transition:opacity .2s var(--ease);background:0 0;border:none;border-radius:12px;align-items:baseline;gap:1px;padding:4px 6px;display:flex}.app-brand:hover{opacity:.85}.app-mark{display:none}.app-logo-sirkl{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;font-size:1.6rem;font-weight:400}.app-logo-star{font-family:var(--font-display);color:#fff;align-self:flex-start;margin:0 1px;font-size:1.1rem;line-height:1.3}.app-logo-kina{font-family:var(--font-body);color:#fff;letter-spacing:.01em;padding:0 4px;font-size:1.6rem;font-weight:800;position:relative}.app-logo-kina:before{content:"";background:var(--ping);z-index:-1;position:absolute;inset:24% 0 16%;transform:rotate(-1.5deg)}.app-title{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;font-size:1.05rem;font-weight:600}.app-globe-btn{background:var(--olive);cursor:pointer;color:#fff;width:64px;height:44px;transition:background .2s var(--ease), transform .2s var(--ease);border:none;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-globe-btn:hover{background:#4a5f20;transform:translateY(-1px)}.app-globe-btn:active{transform:translateY(0)}.app-globe-btn svg{width:24px;height:24px}.app-breadcrumb{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:10px;margin-left:auto;margin-right:auto;padding:8px 16px;font-size:.85rem;display:flex}.crumb{color:#ffffffbf;cursor:pointer;transition:all .2s var(--ease);background:0 0;border:none;padding:4px 0;font-size:.85rem;font-weight:500}.crumb:hover{color:#fff}.crumb--current{color:#fff;cursor:default;font-weight:600}.crumb-sep{color:#ffffff4d}.app-main{background:#1e1e1e;flex:1;position:relative;overflow:hidden}.info-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:viewFade .25s var(--ease) both;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.info-panel{width:100%;max-width:440px;animation:rise .3s var(--ease) both;background:#242424;border:1px solid #ffffff1a;border-radius:24px;padding:32px 28px;position:relative;box-shadow:0 24px 60px -12px #0009}.info-close{color:#fffc;cursor:pointer;width:36px;height:36px;transition:background .2s var(--ease);background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:18px}.info-close:hover{color:#fff;background:#ffffff29}.info-close svg{width:18px;height:18px}.info-title{align-items:baseline;gap:1px;margin-bottom:14px;display:flex}.info-lead{color:#ffffffbf;margin-bottom:22px;font-size:.95rem;line-height:1.5}.info-list{flex-direction:column;gap:14px;margin-bottom:28px;list-style:none;display:flex}.info-list li{color:#ffffffb3;padding-left:22px;font-size:.88rem;line-height:1.5;position:relative}.info-list li:before{content:"";background:var(--ping);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;left:0}.info-list strong{color:#fff;font-weight:600}.info-cta{background:var(--olive);color:#fff;border-radius:var(--radius-pill);cursor:pointer;width:100%;transition:background .2s var(--ease);border:none;padding:14px;font-size:.95rem;font-weight:700}.info-cta:hover{background:#4a5f20}.view-fade{animation:viewFade .45s var(--ease) both;position:absolute;inset:0}@keyframes viewFade{0%{opacity:0;transform:translateY(8px)scale(.995)}to{opacity:1;transform:none}}.landing{background:#1e1e1e;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px 20px;display:flex;position:relative;overflow:auto}.landing-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:700px;display:flex;position:relative}.hero-stage{aspect-ratio:988/884;width:100%;max-width:560px;animation:rise .7s var(--ease) both;margin:0 auto;position:relative;container-type:inline-size}.hero-circle{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 32px #003a781f);width:64.4%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-deco{object-fit:contain;pointer-events:none;position:absolute}.hero-deco--tl{width:17.3%;top:0;left:4%;transform:rotate(-8deg)}.hero-deco--tc{width:15.2%;top:1%;left:50%;transform:translate(-30%)}.hero-deco--tr{width:19.4%;top:0;right:0}.hero-deco--bl{width:15%;bottom:0;left:6%}.hero-deco--br{width:26.2%;bottom:2%;right:0}.hero-logo{white-space:nowrap;z-index:2;justify-content:center;align-items:baseline;margin:0;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-logo-sirkl{font-family:var(--font-display);color:var(--navy);letter-spacing:-.02em;font-size:20cqw;font-weight:400}.hero-logo-star{font-family:var(--font-display);color:var(--navy);align-self:flex-start;margin:0 .02em;font-size:12cqw;font-weight:400;line-height:1.4}.hero-logo-kina{font-family:var(--font-body);color:var(--navy);letter-spacing:-.03em;padding:0 .05em;font-size:20cqw;font-weight:700;position:relative}.hero-logo-kina:before{content:"";background:var(--ping);z-index:-1;position:absolute;inset:18% 0 22%;transform:rotate(-1deg)}.landing-sub{font-family:var(--font-display);color:#f0f0f0;text-transform:capitalize;max-width:520px;animation:rise .7s var(--ease) .12s both;letter-spacing:-.01em;font-size:clamp(.95rem,2.8vw,1.2rem);font-weight:500;line-height:1.6}.landing-actions{animation:rise .7s var(--ease) .24s both;flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.landing-btn{border-radius:var(--radius-pill);cursor:pointer;transition:all .3s var(--ease);letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:9px;min-width:160px;padding:16px 40px;font-size:1rem;font-weight:700;display:inline-flex}.landing-btn:hover{transform:translateY(-3px)}.landing-btn:active{transform:translateY(-1px)}.landing-btn svg{width:20px;height:20px}.landing-btn--virtual{color:#fff;background:linear-gradient(135deg,#e03ef2 0%,#d030d0 100%);box-shadow:0 12px 32px #d03ef24d}.landing-btn--virtual:hover{box-shadow:0 16px 48px #d03ef266}.landing-btn--floorplan{color:#fff;background:linear-gradient(135deg,#003a78 0%,#1e4a8f 100%);box-shadow:0 12px 32px #003a7840}.landing-btn--floorplan:hover{box-shadow:0 16px 48px #003a7859}.landing-footer{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));text-align:center;color:#ffffff73;animation:rise .7s var(--ease) .36s both;font-size:.78rem;position:absolute;bottom:0;left:0;right:0}.landing-footer a{color:#ffffffb3;transition:color .2s var(--ease);font-weight:600;text-decoration:none}.landing-footer a:hover{color:var(--ping);text-decoration:underline}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.floorplan{grid-template-columns:minmax(320px,380px) 1fr;width:100%;height:100%;display:grid}.floorplan-aside{border-right:1px solid var(--line-soft);background:linear-gradient(#f9fafc 0%,#fff 100%);flex-direction:column;padding:40px 32px;display:flex;overflow-y:auto}.floorplan-eyebrow{letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint);opacity:.8;margin-bottom:10px;font-size:.75rem;font-weight:800}.floorplan-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--navy);margin-bottom:28px;font-size:2rem;font-weight:600}.floor-tabs{background:var(--surface-1);border:1px solid var(--line-soft);border-radius:12px;gap:6px;margin-bottom:32px;padding:6px;display:flex}.floor-tab{color:var(--ink-soft);cursor:pointer;transition:all .3s var(--ease);letter-spacing:.01em;background:0 0;border:none;border-radius:9px;flex:1;padding:11px 16px;font-size:.88rem;font-weight:600}.floor-tab:hover{color:var(--navy);background:#003a780d}.floor-tab.active{color:#fff;background:linear-gradient(135deg,#003a78 0%,#1e4a8f 100%);box-shadow:0 4px 12px #003a7833}.room-list{flex-direction:column;gap:8px;list-style:none;display:flex}.room-list-item{border:1.5px solid var(--line-soft);width:100%;color:var(--ink-soft);cursor:pointer;text-align:left;transition:all .3s var(--ease);background:#fff;border-radius:11px;align-items:center;gap:14px;padding:14px 16px;display:flex}.room-list-item:hover{border-color:var(--ping);color:var(--navy);background:linear-gradient(135deg,#d03ef20d 0%,#003a780d 100%);transform:translate(4px);box-shadow:0 4px 12px #d03ef21a}.room-list-index{font-family:var(--font-display);color:var(--ping);text-align:center;min-width:28px;font-size:.9rem;font-weight:700}.room-list-icon{color:var(--navy);opacity:.7;transition:all .3s var(--ease);flex-shrink:0}.room-list-item:hover .room-list-icon{opacity:1;color:var(--ping)}.room-list-name{flex:1;font-size:.95rem;font-weight:500}.room-list-arrow{opacity:0;transition:all .3s var(--ease);color:var(--ping);transform:translate(-6px)}.room-list-item:hover .room-list-arrow{opacity:1;transform:none}.floorplan-hint{color:var(--ink-faint);margin-top:auto;padding-top:24px;font-size:.78rem;line-height:1.5}.floorplan-canvas{background:var(--lime);transition:background .3s var(--ease);justify-content:center;align-items:center;padding:48px;display:flex}.floorplan-canvas.floor-mezzanine{background:var(--amber)}.floor-plan-svg{-webkit-user-select:none;user-select:none;width:100%;max-width:760px;height:auto}.room-path{fill:#ffffff4d;stroke:#003a7866;stroke-width:2px;cursor:pointer;transition:fill .25s var(--ease), stroke .25s var(--ease)}.room-group:hover .room-path,.room-group:focus-visible .room-path{fill:#003a7833;stroke:var(--navy);stroke-width:2.5px}.room-group:active .room-path{fill:var(--navy)}.room-group,.room-group:focus-visible{outline:none}.room-label{fill:var(--navy);font-family:var(--font-body);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:600}.room-group:hover .room-label{fill:var(--navy)}.panorama-container{background:#000;width:100%;height:100%;position:relative}.panorama-canvas{touch-action:none;width:100%;height:100%;display:block}.panorama-loading{z-index:5;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.spinner{border:3px solid #fff3;border-top-color:var(--ping);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.panorama-loading p{color:#ffffffb3;font-size:.9rem}.asset-warning{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-pill);color:#ff8a65;z-index:6;max-width:calc(100% - 32px);animation:rise .4s var(--ease);background:#000000bf;border:1px solid #e0735f66;align-items:center;gap:9px;padding:9px 16px;font-size:.78rem;font-weight:500;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.asset-warning svg{flex-shrink:0}.split-ui{z-index:4;pointer-events:none;position:absolute;inset:0}.split-tag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.13em;text-transform:uppercase;transition:all .2s var(--ease);background:#000000a6;border:1.5px solid #fff3;border-radius:24px;padding:8px 18px;font-size:.75rem;font-weight:700;position:absolute;top:24px}.split-tag.left{color:#ffffffe6;border-color:#ffffff4d;left:20px}.split-tag.right{color:var(--ping);border-color:#d03ef280;right:20px}.split-handle{pointer-events:auto;cursor:ew-resize;background:#ffffffe6;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 20px #0006,0 0 0 1px #00000040}.split-handle-grip{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:48px;height:48px;transition:all .2s var(--ease);background:linear-gradient(135deg,#000c,#0009);border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000080}.split-handle:hover .split-handle-grip,.split-handle:focus-visible .split-handle-grip{background:linear-gradient(135deg,#e03ef2 0%,#d030d0 100%);border-color:#fff;transform:translate(-50%,-50%)scale(1.12);box-shadow:0 6px 24px #d03ef266}.split-handle:focus-visible{outline:none}.hotspot-overlay{z-index:4;flex-wrap:wrap;justify-content:center;gap:10px;max-width:calc(100% - 32px);display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.hotspot-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;transition:all .3s var(--ease);white-space:nowrap;letter-spacing:.01em;background:#0009;border:1.5px solid #fff3;border-radius:24px;padding:11px 22px;font-size:.84rem;font-weight:600}.hotspot-btn:hover{color:#fff;background:linear-gradient(135deg,#e03ef2 0%,#d030d0 100%);border-color:#d03ef280;transform:translateY(-3px);box-shadow:0 8px 24px #d03ef259}.panorama-toolbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:5;background:#000000a6;border:1px solid #ffffff1f;border-radius:50px;gap:8px;padding:12px 20px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.toolbar-btn{color:#ffffffd9;cursor:pointer;transition:all .2s var(--ease);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:600;display:flex}.toolbar-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.toolbar-btn.active{color:#fff;background:linear-gradient(135deg,#e03ef2 0%,#d030d0 100%);border-color:#0000}.toolbar-indicator{color:#4caf50;white-space:nowrap;align-items:center;gap:7px;padding:9px 15px;font-size:.76rem;font-weight:600;display:flex}.pulse-dot{background:#4caf50;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #4caf5080}50%{opacity:.6;box-shadow:0 0 0 5px #4caf5000}}.gyro-toast{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--danger);border-radius:var(--radius);width:calc(100% - 32px);max-width:360px;box-shadow:var(--shadow-lg);z-index:10;cursor:pointer;animation:rise .3s var(--ease);background:#2d1612f0;padding:17px;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.gyro-toast strong{color:var(--danger);margin-bottom:6px;font-size:.86rem;display:block}.gyro-toast p{color:var(--ink-soft);margin:4px 0;font-size:.78rem;line-height:1.45}.gyro-toast code{background:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:.72rem}.toast-dismiss{text-align:center;color:var(--ink-faint);opacity:.7;margin-top:9px;font-size:.66rem;display:block}@media (width<=880px){.floorplan{grid-template-rows:auto 1fr;grid-template-columns:1fr}.floorplan-aside{border-right:none;border-bottom:1px solid var(--line-soft);max-height:50vh;padding:24px}.floorplan-canvas{padding:28px}.floorplan-hint{display:none}.app-header{min-height:64px;padding:14px 20px}.app-brand{padding:8px 14px}.app-logo-sirkl,.app-logo-star,.app-logo-kina{font-size:1.1rem}.app-globe-btn{width:48px;height:48px}.app-breadcrumb{padding:6px 12px;font-size:.8rem}}@media (width<=600px){.app-header{border-radius:32px;min-height:60px;margin:8px;padding:12px 16px}.app-brand{gap:2px;padding:8px 12px}.app-logo-sirkl,.app-logo-star,.app-logo-kina{font-size:1.05rem}.app-globe-btn{width:44px;height:44px}.app-breadcrumb{gap:6px;padding:6px 10px;font-size:.75rem}.floorplan{grid-template-rows:auto 1fr;grid-template-columns:1fr}.floorplan-aside{border-right:none;border-bottom:1px solid var(--line-soft);max-height:48vh;padding:24px 18px}.floorplan-heading{font-size:1.5rem}.floorplan-eyebrow{margin-bottom:6px}.floor-tabs{margin-bottom:20px}.floorplan-canvas{padding:20px}.floorplan-hint{display:none}.landing{padding:24px 16px}.landing-inner{gap:24px}.landing-sub{font-size:1rem}.landing-actions{gap:12px}.landing-btn{gap:7px;min-width:140px;padding:14px 24px;font-size:.95rem}.landing-btn svg{width:18px;height:18px}.panorama-toolbar{gap:3px;padding:8px;bottom:12px}.toolbar-btn{padding:8px 10px;font-size:.75rem}.toolbar-btn span{display:none}.toolbar-indicator{gap:0;padding:8px;font-size:0}.toolbar-indicator .pulse-dot{width:8px;height:8px}.hotspot-btn{padding:8px 12px;font-size:.74rem}.split-handle-grip{width:40px;height:40px}}@media (orientation:landscape) and (height<=500px){.app-header{padding:7px 15px}.app-title{font-size:.82rem}.floorplan-aside{max-height:none}.panorama-toolbar{bottom:8px}.asset-warning{top:8px}}