:root{--colonial-white: #faf7f0;--colonial-cream: #f5ebe0;--colonial-terracotta: #d4634e;--colonial-terracotta-dark: #b84632;--colonial-green: #2d5a4a;--colonial-green-light: #3a7060;--colonial-gold: #c89651;--colonial-yellow: #e8b54d;--colonial-blue: #4a7c9b;--colonial-wood: #8b5a3c;--colonial-wood-dark: #6b3e2e;--colonial-shadow: rgba(45, 35, 25, .3);--colonial-shadow-soft: rgba(45, 35, 25, .15);--surface-light: rgba(255, 255, 255, .95);--surface-glass: rgba(255, 255, 255, .75);--overlay-dark: rgba(30, 25, 20, .65);--space-xs: clamp(8px, 1.5vh, 16px);--space-sm: clamp(12px, 2vh, 20px);--space-md: clamp(16px, 2.5vh, 28px);--space-lg: clamp(24px, 3.5vh, 40px);--space-xl: clamp(32px, 5vh, 60px);--safe-top: max(16px, env(safe-area-inset-top));--safe-right: max(16px, env(safe-area-inset-right));--safe-bottom: max(16px, env(safe-area-inset-bottom));--safe-left: max(16px, env(safe-area-inset-left))}html,body{margin:0;padding:0;background:var(--colonial-cream);color:var(--colonial-green);font-family:Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.6}html,body,#root{height:100%;min-height:100dvh;overflow:hidden}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.colonial{position:relative;min-height:100dvh;width:100dvw;max-width:100dvw;padding:var(--space-lg) clamp(16px,4vw,48px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-md);isolation:isolate;overflow:hidden}.colonial__mural{position:fixed;inset:0;z-index:0;width:100vw;height:100dvh;pointer-events:none;overflow:hidden}.colonial__mural img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(1.05) contrast(.95) saturate(.9)}.colonial__mural:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 100% 60% at 50% 30%,rgba(250,247,240,.4),rgba(250,247,240,.2) 50%,transparent 100%),linear-gradient(180deg,#faf7f04d,#faf7f026 40%,#d4634e14)}.colonial__columns{position:fixed;inset:0;z-index:1;pointer-events:none}.column{position:absolute;width:clamp(40px,5vw,80px);height:100%;display:flex;flex-direction:column}.column--left{left:0;background:linear-gradient(90deg,rgba(245,235,224,.95),rgba(245,235,224,.7) 70%,transparent)}.column--right{right:0;background:linear-gradient(-90deg,rgba(245,235,224,.95),rgba(245,235,224,.7) 70%,transparent)}.column__capital{height:clamp(30px,4vh,60px);background:linear-gradient(180deg,var(--colonial-cream),var(--colonial-white)),repeating-linear-gradient(0deg,var(--colonial-gold) 0px,var(--colonial-gold) 2px,transparent 2px,transparent 6px);border-bottom:3px solid var(--colonial-wood);box-shadow:0 4px 8px var(--colonial-shadow-soft),inset 0 -2px 4px #c896514d}.column__shaft{flex:1;background:repeating-linear-gradient(0deg,rgba(200,150,81,.1) 0px,transparent 2px,transparent 20px,rgba(200,150,81,.1) 22px),linear-gradient(90deg,var(--colonial-cream),var(--colonial-white) 50%,var(--colonial-cream));box-shadow:inset 4px 0 8px #0000000d}.column__base{height:clamp(25px,3vh,50px);background:var(--colonial-wood);border-top:2px solid var(--colonial-gold);box-shadow:0 -4px 8px var(--colonial-shadow-soft)}.colonial__frieze{position:fixed;top:0;left:0;right:0;height:clamp(35px,5vh,70px);z-index:1;pointer-events:none;background:linear-gradient(180deg,#d4634ef2,#d4634ed9);border-bottom:4px solid var(--colonial-wood-dark);box-shadow:0 6px 16px var(--colonial-shadow),inset 0 -3px 6px #0003}.frieze__ornament{position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0px,transparent 15px,rgba(255,255,255,.1) 15px,rgba(255,255,255,.1) 30px)}.frieze__pattern{position:absolute;bottom:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,var(--colonial-gold) 0px,var(--colonial-gold) 12px,var(--colonial-wood-dark) 12px,var(--colonial-wood-dark) 24px)}.colonial__facade{position:relative;z-index:2;display:grid;grid-template-columns:clamp(340px,38vw,560px) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center;width:100%;max-width:1400px;padding-top:clamp(40px,6vh,80px)}.balcony{position:relative;display:flex;flex-direction:column;background:var(--surface-light);border-radius:8px 8px 0 0;box-shadow:0 20px 40px var(--colonial-shadow),0 8px 16px var(--colonial-shadow-soft),inset 0 0 0 1px #ffffff80;overflow:visible;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%)}.balcony__medallion{position:absolute;top:-50px;left:50%;transform:translate(-50%);z-index:5;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.balcony__medallion:hover,.balcony__medallion:focus-visible{transform:translate(-50%) translateY(-4px)}.balcony__medallion:focus-visible{outline:3px solid var(--colonial-gold);outline-offset:4px;border-radius:50%}.medallion__frame{width:clamp(90px,12vw,120px);height:clamp(90px,12vw,120px);padding:8px;background:radial-gradient(circle at 30% 30%,var(--colonial-gold),var(--colonial-wood)),conic-gradient(from 0deg,var(--colonial-gold),var(--colonial-yellow),var(--colonial-gold),var(--colonial-wood),var(--colonial-gold));border-radius:50%;box-shadow:0 12px 32px #8b5a3c80,inset 0 2px 4px #fff6,inset 0 -2px 4px #0000004d;display:flex;align-items:center;justify-content:center;border:4px solid var(--colonial-cream)}.medallion__frame:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(200,150,81,.4),transparent 70%);z-index:-1}.medallion__frame img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 4px 12px #0000004d}.balcony__roof{position:relative;height:clamp(24px,3vh,40px);background:linear-gradient(180deg,var(--colonial-terracotta-dark),var(--colonial-terracotta));border-radius:8px 8px 0 0;overflow:hidden;box-shadow:0 -4px 8px #00000026,inset 0 -2px 4px #0003}.roof__tiles{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 18px,rgba(0,0,0,.15) 18px,rgba(0,0,0,.15) 20px),repeating-linear-gradient(0deg,transparent 0px,transparent 8px,rgba(255,255,255,.1) 8px,rgba(255,255,255,.1) 10px)}.roof__beam{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--colonial-wood-dark);box-shadow:0 2px 4px #0000004d}.balcony__content{padding:var(--space-lg) var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.balcony__title{font-size:clamp(28px,5vw,48px);font-weight:700;line-height:1.1;color:var(--colonial-green);text-shadow:2px 2px 0 rgba(255,255,255,.5),0 2px 8px rgba(0,0,0,.1);margin:0;letter-spacing:-.01em}.title__colonial{display:block;background:linear-gradient(135deg,var(--colonial-terracotta),var(--colonial-gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(212,99,78,.3))}@supports not (background-clip: text){.title__colonial{color:var(--colonial-terracotta)}}.balcony__description{font-size:clamp(14px,2.2vh,17px);color:var(--colonial-wood-dark);line-height:1.7;max-width:50ch}.balcony__description strong{color:var(--colonial-terracotta);font-weight:600}.features{list-style:none;padding:0;margin:var(--space-xs) 0;display:flex;flex-direction:column;gap:10px}.feature{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:50px;background:linear-gradient(135deg,#ffffffe6,#f5ebe0f2),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(200,150,81,.03) 10px,rgba(200,150,81,.03) 20px);border:2px solid var(--colonial-gold);border-left-width:6px;border-radius:4px;box-shadow:3px 3px #8b5a3c26,inset 0 1px #ffffff80;transition:all .2s ease;font-size:clamp(13px,2vh,15px);color:var(--colonial-green);line-height:1.5}.feature:hover{transform:translate(4px);box-shadow:6px 6px #8b5a3c33,inset 0 1px #ffffff80}.feature__icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--colonial-terracotta),var(--colonial-terracotta-dark));border-radius:4px;color:#fff;box-shadow:0 3px 6px #d4634e4d,inset 0 1px #ffffff4d}.feature__icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.balcony__actions{display:flex;flex-direction:column;gap:12px;margin-top:var(--space-xs)}.colonial-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;min-height:52px;border:3px solid currentColor;border-radius:6px;font-family:Georgia,serif;font-size:clamp(14px,2.2vh,17px);font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:4px 4px 0 currentColor,inset 0 2px #ffffff4d;cursor:pointer;touch-action:manipulation;overflow:hidden}.colonial-btn:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(255,255,255,.05) 8px,rgba(255,255,255,.05) 16px);opacity:0;transition:opacity .25s ease}.colonial-btn:hover:before,.colonial-btn:focus-visible:before{opacity:1}.colonial-btn:hover,.colonial-btn:focus-visible{transform:translate(2px,2px);box-shadow:2px 2px 0 currentColor,inset 0 2px #fff6}.colonial-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 currentColor,inset 0 2px #0000001a}.colonial-btn:focus-visible{outline:3px solid var(--colonial-yellow);outline-offset:4px}.colonial-btn--primary{background:linear-gradient(135deg,var(--colonial-green),var(--colonial-green-light));color:var(--colonial-white);border-color:var(--colonial-wood-dark)}.colonial-btn--secondary{background:linear-gradient(135deg,var(--colonial-terracotta),var(--colonial-terracotta-dark));color:var(--colonial-white);border-color:var(--colonial-wood-dark)}.colonial-btn svg{transition:transform .25s ease}.colonial-btn:hover svg{transform:translate(4px)}.balcony__rail{display:flex;justify-content:space-evenly;align-items:stretch;height:clamp(60px,8vh,90px);background:linear-gradient(180deg,var(--colonial-wood),var(--colonial-wood-dark)),repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,transparent 2px,transparent 6px);border-top:3px solid var(--colonial-gold);box-shadow:0 -4px 12px var(--colonial-shadow-soft),inset 0 3px 6px #0003,inset 0 -3px 6px #ffffff1a;padding:8px 12px 12px;position:relative}.balcony__rail:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--colonial-gold);box-shadow:0 2px 4px #0000004d}.rail__baluster{flex:0 0 auto;width:clamp(8px,1.5vw,14px);background:linear-gradient(90deg,#c8965166,#fff3 50%,#6b3e2e4d),linear-gradient(0deg,var(--colonial-wood-dark),var(--colonial-wood));border-radius:20px 20px 4px 4px;box-shadow:inset 2px 0 3px #ffffff4d,inset -2px 0 3px #0000004d,2px 0 4px #0003;position:relative}.rail__baluster:before{content:"";position:absolute;top:25%;left:50%;transform:translate(-50%);width:140%;height:3px;background:var(--colonial-gold);border-radius:2px;box-shadow:0 1px 2px #0000004d}.rail__baluster:after{content:"";position:absolute;top:60%;left:50%;transform:translate(-50%);width:140%;height:3px;background:var(--colonial-gold);border-radius:2px;box-shadow:0 1px 2px #0000004d}.window{position:relative;width:100%;min-height:clamp(400px,60vh,700px)}.window__frame{position:relative;width:100%;height:100%;padding:clamp(16px,2.5vw,32px);background:linear-gradient(135deg,var(--colonial-cream),var(--colonial-white)),repeating-linear-gradient(45deg,transparent,transparent 15px,rgba(200,150,81,.03) 15px,rgba(200,150,81,.03) 30px);border:6px solid var(--colonial-wood);border-radius:12px;box-shadow:0 24px 48px var(--colonial-shadow),inset 0 0 0 2px var(--colonial-gold),inset 0 0 0 8px var(--colonial-cream);overflow:hidden}.window__calado{position:absolute;width:clamp(40px,6vw,80px);height:clamp(40px,6vw,80px);background:radial-gradient(circle at center,transparent 30%,var(--colonial-terracotta) 31%,var(--colonial-terracotta) 35%,transparent 36%),conic-gradient(from 0deg at 50% 50%,var(--colonial-gold) 0deg,transparent 45deg,var(--colonial-gold) 90deg,transparent 135deg,var(--colonial-gold) 180deg,transparent 225deg,var(--colonial-gold) 270deg,transparent 315deg,var(--colonial-gold) 360deg);opacity:.6;pointer-events:none}.window__calado--tl{top:-3px;left:-3px}.window__calado--tr{top:-3px;right:-3px;transform:rotate(90deg)}.window__calado--bl{bottom:-3px;left:-3px;transform:rotate(-90deg)}.window__calado--br{bottom:-3px;right:-3px;transform:rotate(180deg)}.window__selector{position:absolute;top:var(--space-md);right:var(--space-md);z-index:10;display:flex;gap:6px;padding:6px;background:var(--colonial-wood);border:3px solid var(--colonial-gold);border-radius:8px;box-shadow:0 6px 16px var(--colonial-shadow),inset 0 2px 4px #fff3}.selector__tab{position:relative;z-index:1;padding:10px 20px;min-height:44px;min-width:60px;border:0;background:transparent;color:var(--colonial-cream);font-family:Georgia,serif;font-size:clamp(14px,2vh,18px);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:5px;cursor:pointer;transition:all .25s ease;touch-action:manipulation}.selector__tab:hover:not(.is-active){background:#ffffff1a;color:var(--colonial-white)}.selector__tab.is-active{background:linear-gradient(135deg,var(--colonial-terracotta),var(--colonial-terracotta-dark));color:var(--colonial-white);box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff4d}.selector__tab:focus-visible{outline:3px solid var(--colonial-yellow);outline-offset:2px}.window__panel{width:100%;height:100%;min-height:clamp(300px,50vh,600px)}.window__link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;transition:transform .3s ease;border-radius:6px;overflow:hidden}.window__link:focus-visible{outline:4px solid var(--colonial-gold);outline-offset:4px}.window__view{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden;background:var(--colonial-cream);box-shadow:inset 0 0 0 3px var(--colonial-wood-dark),inset 0 4px 12px #0003}.view__image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.view__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.window__link:hover .view__image img{transform:scale(1.05)}.view__overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-md);background:linear-gradient(180deg,transparent 60%,var(--overlay-dark));opacity:0;transition:opacity .3s ease}.window__link:hover .view__overlay,.window__link:focus-visible .view__overlay{opacity:1}.view__cta{padding:12px 24px;background:linear-gradient(135deg,var(--colonial-terracotta),var(--colonial-terracotta-dark));color:var(--colonial-white);font-family:Georgia,serif;font-weight:700;font-size:clamp(14px,2vh,17px);text-transform:uppercase;letter-spacing:.05em;border:3px solid var(--colonial-gold);border-radius:6px;box-shadow:4px 4px 0 var(--colonial-wood-dark),inset 0 2px #ffffff4d;transition:transform .2s ease}.window__link:hover .view__cta{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--colonial-wood-dark),inset 0 2px #ffffff4d}.window__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg);background:radial-gradient(circle at 50% 50%,rgba(212,99,78,.08),transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(200,150,81,.05) 20px,rgba(200,150,81,.05) 40px)}.placeholder__badge{position:absolute;top:var(--space-md);left:var(--space-md);padding:8px 16px;background:linear-gradient(135deg,var(--colonial-gold),var(--colonial-yellow));color:var(--colonial-wood-dark);font-family:Georgia,serif;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.1em;border:2px solid var(--colonial-wood);border-radius:20px;box-shadow:3px 3px 0 var(--colonial-wood-dark),inset 0 1px #ffffff80}.placeholder__ornament{width:clamp(100px,20vw,180px);height:clamp(100px,20vw,180px);background:radial-gradient(circle at center,transparent 40%,var(--colonial-terracotta) 41%,var(--colonial-terracotta) 45%,transparent 46%),conic-gradient(from 0deg,var(--colonial-gold) 0deg,transparent 30deg,var(--colonial-gold) 60deg,transparent 90deg,var(--colonial-gold) 120deg,transparent 150deg,var(--colonial-gold) 180deg,transparent 210deg,var(--colonial-gold) 240deg,transparent 270deg,var(--colonial-gold) 300deg,transparent 330deg,var(--colonial-gold) 360deg);border-radius:50%;opacity:.4;animation:rotate-ornament 20s linear infinite}@keyframes rotate-ornament{to{transform:rotate(360deg)}}.placeholder__text{font-size:clamp(15px,2.5vh,19px);color:var(--colonial-green);text-align:center;max-width:30ch;font-style:italic}.colonial__banner{position:fixed;bottom:var(--safe-bottom);left:50%;transform:translate(-50%);z-index:20;text-decoration:none;max-width:min(420px,calc(100vw - 32px));width:auto;opacity:.75;transition:opacity .3s ease}.colonial__banner:hover,.colonial__banner:focus-visible{opacity:1}.colonial__banner:focus-visible{outline:2px solid var(--colonial-gold);outline-offset:3px;border-radius:8px}.banner__tile{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#f5ebe0eb;border:1px solid rgba(139,90,60,.3);border-radius:6px;box-shadow:0 4px 12px #2d231926,inset 0 1px #ffffff80;color:var(--colonial-wood-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.colonial__banner:hover .banner__tile{background:#f5ebe0fa;box-shadow:0 6px 16px #2d231933,inset 0 1px #fff9;border-color:#8b5a3c80}.banner__maker{display:inline-block;padding:3px 8px;background:linear-gradient(135deg,#c8965140,#c8965126);color:var(--colonial-wood-dark);font-size:10px;font-weight:600;letter-spacing:.03em;border-radius:4px;border:1px solid rgba(200,150,81,.3)}.banner__text{font-size:12px;font-weight:400;line-height:1.3;color:var(--colonial-wood);flex:1}.banner__cta{font-size:11px;font-weight:600;color:var(--colonial-green);letter-spacing:.02em;white-space:nowrap;position:relative;padding-left:4px}.banner__cta:after{content:"→";margin-left:4px;transition:transform .3s ease;display:inline-block}.colonial__banner:hover .banner__cta:after{transform:translate(3px)}.hint{position:fixed;bottom:calc(var(--safe-bottom) + 90px);right:var(--safe-right);z-index:2;padding:8px 14px;background:var(--overlay-dark);color:var(--colonial-cream);font-size:11px;font-style:italic;border-radius:6px;border:1px solid var(--colonial-gold);box-shadow:0 4px 12px var(--colonial-shadow);opacity:.8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:1100px){.colonial__facade{grid-template-columns:1fr;gap:var(--space-lg);max-width:700px}.balcony{max-width:100%}.window{min-height:clamp(350px,50vh,600px)}.column{width:clamp(30px,4vw,50px)}}@media(max-width:768px){html,body{overflow-y:auto;overflow-x:hidden}#root{overflow:visible}.colonial{padding:var(--space-md) clamp(12px,4vw,20px);min-height:auto;padding-bottom:120px}.colonial__columns{display:none}.colonial__frieze{height:clamp(30px,4vh,50px)}.colonial__facade{padding-top:clamp(35px,5vh,60px);gap:var(--space-md)}.balcony__medallion{top:-40px}.medallion__frame{width:clamp(70px,15vw,90px);height:clamp(70px,15vw,90px)}.balcony__title{font-size:clamp(24px,7vw,36px)}.balcony__actions{flex-direction:column}.colonial-btn{width:100%}.balcony__rail{height:clamp(50px,7vh,70px)}.rail__baluster{width:clamp(6px,1.2vw,10px)}.window{min-height:clamp(300px,45vh,500px)}.window__frame{padding:clamp(12px,3vw,20px);border-width:4px}.window__calado{width:clamp(30px,5vw,50px);height:clamp(30px,5vw,50px)}.window__selector{top:var(--space-sm);right:var(--space-sm);padding:4px}.selector__tab{padding:8px 16px;font-size:13px;min-width:50px}.window__panel{min-height:clamp(250px,40vh,450px)}.hint{display:none}.banner__tile{padding:12px 14px}.banner__text{font-size:12px}.banner__cta{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (-webkit-touch-callout: none){body,.colonial{min-height:-webkit-fill-available}}@media(max-width:768px){.colonial__banner{max-width:calc(100vw - 24px)}.banner__tile{flex-wrap:wrap;gap:6px;padding:8px 12px}.banner__maker{font-size:9px}.banner__text{font-size:11px;flex-basis:100%}.banner__cta{font-size:10px}}:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "Courier New", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .5vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1vw, 2.25rem);--text-2xl: clamp(2rem, 1.5rem + 1.5vw, 3rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--bg-primary: #0a0f0d;--bg-secondary: #1a1f1d;--bg-tertiary: #242924;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .75);--text-tertiary: rgba(255, 255, 255, .55);--accent-primary: #1e8c6d;--accent-secondary: #f6b246;--accent-danger: #d3342c;--border-color: rgba(255, 255, 255, .12);--border-hover: rgba(255, 255, 255, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .7);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .4s ease-in-out;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-tooltip: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary);margin-bottom:var(--space-md)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4,h5,h6{font-size:var(--text-base)}p{margin-bottom:var(--space-md);color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast);cursor:pointer}a:hover,a:focus{color:var(--accent-secondary);outline:none}a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}button{font-family:inherit;font-size:var(--text-sm);font-weight:500;line-height:1.5;padding:.625rem 1.25rem;border-radius:.5rem;border:1px solid transparent;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}button.primary:hover:not(:disabled){background-color:#16705a;border-color:#16705a}button.secondary{background-color:transparent;border-color:var(--border-color)}input,select,textarea{font-family:inherit;font-size:16px;line-height:1.5;padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-fast);min-height:44px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #1e8c6d26}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}#root{width:100%;height:100vh;height:100dvh;position:relative;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.no-scroll{overflow:hidden;touch-action:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media(max-width:768px){:root{--space-xl: 1.5rem;--space-2xl: 2rem}body{font-size:15px}h1,h2,h3,p{margin-bottom:var(--space-sm)}}@media(max-width:480px){:root{--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem}body{font-size:14px}button{padding:.5rem 1rem;font-size:var(--text-xs)}}@media(max-height:500px)and (orientation:landscape){html{font-size:14px}button{min-height:38px;padding:.4rem .8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@supports (-webkit-touch-callout: none){body{min-height:-webkit-fill-available}#root{height:-webkit-fill-available}}:root{--map-bg: #0b1220;--map-overlay-bg: rgba(17, 24, 39, .75);--map-overlay-border: rgba(255, 255, 255, .18);--map-text-primary: #fff;--map-text-secondary: #cbd5e1;--map-text-tertiary: #9ca3af;--map-primary: #3b82f6;--map-primary-hover: #2563eb;--map-success: #22c55e;--map-warning: #facc15;--map-surface: rgba(17, 24, 39, .72);--map-surface-solid: rgba(17, 24, 39, .92);--map-surface-input: rgba(15, 23, 42, .9);--map-surface-hover: rgba(255, 255, 255, .12);--map-surface-active: rgba(37, 99, 235, .86);--map-shadow-sm: 0 6px 18px rgba(0, 0, 0, .35);--map-shadow-md: 0 12px 28px rgba(0, 0, 0, .45);--map-shadow-lg: 0 16px 40px rgba(0, 0, 0, .45);--map-transition-fast: .12s ease;--map-transition-base: .16s ease;--map-transition-slow: .25s ease;--z-map-base: 1;--z-map-ui: 5;--z-map-fab: 6;--z-map-popover: 7;--z-map-tooltip: 9;--z-map-tour: 20;--safe-top: max(16px, env(safe-area-inset-top));--safe-right: max(16px, env(safe-area-inset-right));--safe-bottom: max(16px, env(safe-area-inset-bottom));--safe-left: max(16px, env(safe-area-inset-left))}.map-wrapper{position:fixed;inset:0;background:var(--map-bg);isolation:isolate}.map-view-container{position:absolute;inset:0;background:var(--map-bg);overflow:hidden;touch-action:none;overscroll-behavior:none}.map-view-container canvas{width:100%;height:100%;display:block;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.fab-col{position:absolute;top:var(--safe-top);left:var(--safe-left);display:flex;flex-direction:column;gap:12px;z-index:var(--z-map-fab)}.fab,.floor-buttons button{display:flex;align-items:center;justify-content:center;padding:0;line-height:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.fab svg{display:block;pointer-events:none;shape-rendering:geometricPrecision}.fab{position:relative;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;border:1px solid var(--map-overlay-border);background:var(--map-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--map-text-primary);cursor:pointer;box-shadow:var(--map-shadow-sm);transition:transform var(--map-transition-fast),background var(--map-transition-base),box-shadow var(--map-transition-base);will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0)}.fab.primary{background:#2563ebd1;border-color:#ffffff38}.fab:focus-visible{outline:2px solid var(--map-primary);outline-offset:2px}.fab:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.fab .badge{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:50%;background:var(--map-success);color:var(--map-bg);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--map-surface-solid);pointer-events:none;font-variant-numeric:tabular-nums}.filters-popover{position:absolute;top:var(--safe-top);left:72px;width:min(92vw,440px);max-width:calc(100vw - 88px);background:var(--map-surface-solid);color:var(--map-text-primary);border:1px solid var(--map-overlay-border);border-radius:14px;padding:12px;z-index:var(--z-map-popover);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--map-shadow-lg);animation:popIn .18s cubic-bezier(.16,1,.3,1);-webkit-transform:translateZ(0);transform:translateZ(0)}@keyframes popIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pop-header strong{font-size:15px;font-weight:600;letter-spacing:-.01em}.pop-header .x{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px;border:none;color:var(--map-text-primary);background:var(--map-surface-hover);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background var(--map-transition-base),transform var(--map-transition-fast)}.pop-header .x:focus-visible{outline:2px solid var(--map-primary);outline-offset:2px}.pop-row{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin-bottom:10px}.pop-row label{display:flex;flex-direction:column;gap:4px}.pop-row label span{font-size:12px;font-weight:500;color:var(--map-text-secondary);letter-spacing:.01em}.pop-row input{padding:8px 10px;min-height:40px;border-radius:10px;border:1px solid var(--map-overlay-border);background:var(--map-surface-input);color:var(--map-text-primary);outline:none;font-size:14px;-webkit-appearance:none;appearance:none;transition:border-color var(--map-transition-base),background var(--map-transition-base),box-shadow var(--map-transition-base)}.pop-row input::placeholder{color:var(--map-text-tertiary)}.pop-row input:focus{border-color:#3b82f699;background:#0f172a;box-shadow:0 0 0 3px #3b82f626}.pop-row input:disabled{opacity:.5;cursor:not-allowed}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chips .sep{width:8px;height:1px}.chips button{padding:6px 12px;min-height:36px;border:1px solid var(--map-overlay-border);border-radius:999px;background:var(--map-surface-hover);color:var(--map-text-primary);cursor:pointer;font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--map-transition-base),transform var(--map-transition-fast),border-color var(--map-transition-base)}.chips button:focus-visible{outline:2px solid var(--map-primary);outline-offset:2px}.chips button.active{background:var(--map-primary);border-color:var(--map-primary)}.pop-actions{display:flex;gap:8px}.pop-actions .primary{background:var(--map-primary);color:#fff;border:none;padding:10px 14px;min-height:44px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;flex:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--map-transition-base),transform var(--map-transition-fast),box-shadow var(--map-transition-base)}.pop-actions .primary:focus-visible{outline:2px solid var(--map-primary);outline-offset:2px}.pop-actions .primary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pop-actions .secondary{background:var(--map-surface-hover);color:var(--map-text-primary);border:none;padding:10px 14px;min-height:44px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;flex:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--map-transition-base),transform var(--map-transition-fast)}.pop-actions .secondary:focus-visible{outline:2px solid var(--map-primary);outline-offset:2px}.floor-buttons{position:absolute;top:50%;right:var(--safe-right);transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:var(--z-map-ui)}.floor-buttons button{width:48px;height:48px;min-width:48px;min-height:48px;border:1px solid var(--map-overlay-border);border-radius:50%;background:var(--map-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--map-text-primary);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--map-shadow-sm);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--map-transition-base),transform var(--map-transition-fast),box-shadow var(--map-transition-base);will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0)}.floor-buttons button:focus-visible{outline:2px solid var(--map-primary);outline-offset:2px}.floor-buttons button.active{background:var(--map-surface-active);border-color:#ffffff38;box-shadow:var(--map-shadow-md)}.floor-buttons button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.hover-tooltip{position:fixed;pointer-events:none;padding:6px 10px;font-size:12px;font-weight:500;background:var(--map-surface-solid);color:var(--map-text-primary);border-radius:8px;border:1px solid var(--map-overlay-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--map-shadow-sm);transform:translate(12px,-8px);z-index:var(--z-map-tooltip);white-space:nowrap;opacity:0;transition:opacity var(--map-transition-base)}.hover-tooltip.visible{opacity:1}.minimap{position:absolute;left:var(--safe-left);bottom:var(--safe-bottom);width:220px;height:150px;border-radius:12px;overflow:hidden;background:var(--map-overlay-bg);border:1px solid var(--map-overlay-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--map-shadow-md);z-index:var(--z-map-ui);cursor:crosshair;transition:transform var(--map-transition-fast),box-shadow var(--map-transition-base)}.minimap:focus-visible{outline:2px solid var(--map-primary);outline-offset:2px}.minimap canvas{width:100%;height:100%;display:block;touch-action:none}.map-wrapper.tour-active .map-view-container,.map-wrapper.tour-active .fab-col,.map-wrapper.tour-active .floor-buttons,.map-wrapper.tour-active .minimap{pointer-events:none}.tour-overlay{position:absolute;inset:0;z-index:var(--z-map-tour);pointer-events:none}.tour-overlay:before{content:"";position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tour-panel{position:absolute;bottom:var(--safe-bottom);left:var(--safe-left);right:var(--safe-right);max-width:440px;margin:0 auto;background:#020617;color:#f9fafb;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:14px 16px;box-shadow:0 20px 40px #000000b3;pointer-events:auto;animation:tourSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes tourSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tour-panel h3{margin:0 0 6px;font-size:16px;font-weight:600;letter-spacing:-.01em}.tour-panel p{margin:0 0 12px;font-size:14px;line-height:1.5;color:#e5e7eb}.tour-actions{display:flex;justify-content:flex-end;gap:8px}.tour-actions .primary,.tour-actions .secondary{border:none;border-radius:999px;padding:8px 16px;min-height:40px;font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--map-transition-base),transform var(--map-transition-fast)}.tour-actions .primary{background:var(--map-primary);color:#fff}.tour-actions .primary:focus-visible{outline:2px solid var(--map-primary);outline-offset:2px}.tour-actions .secondary{background:#94a3b840;color:#e5e7eb}.tour-actions .secondary:focus-visible{outline:2px solid rgba(148,163,184,.6);outline-offset:2px}.tour-spotlight{position:absolute;border:2px solid var(--map-warning);border-radius:12px;box-shadow:0 0 0 2px #0009,0 0 0 4px #facc1533;pointer-events:none;animation:tourPulse 2s ease-in-out infinite}@keyframes tourPulse{0%,to{box-shadow:0 0 0 2px #0009,0 0 0 4px #facc1533}50%{box-shadow:0 0 0 2px #0009,0 0 0 8px #facc1566}}.tour-spotlight-map{inset:8px}.tour-spotlight-floors{top:50%;right:var(--safe-right);transform:translateY(-50%);width:58px;height:240px}.tour-spotlight-filters{top:var(--safe-top);left:var(--safe-left);width:58px;height:58px}.tour-spotlight-minimap{left:var(--safe-left);bottom:var(--safe-bottom);width:240px;height:170px}@media(hover:hover)and (pointer:fine){.fab:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--map-shadow-md)}.pop-header .x:hover{background:#ffffff2e}.chips button:hover:not(.active){background:#ffffff29;border-color:#ffffff40}.pop-actions .primary:hover:not(:disabled){background:var(--map-primary-hover);box-shadow:var(--map-shadow-sm)}.pop-actions .secondary:hover{background:#ffffff29}.floor-buttons button:hover:not(:disabled):not(.active){transform:translate(-3px);box-shadow:var(--map-shadow-md)}.minimap:hover{transform:scale(1.02);box-shadow:var(--map-shadow-lg)}.tour-actions .primary:hover{background:var(--map-primary-hover)}.tour-actions .secondary:hover{background:#94a3b859}}@media(hover:none)and (pointer:coarse){.fab:active:not(:disabled){transform:scale(.96)}.pop-header .x:active,.chips button:active,.pop-actions .primary:active,.pop-actions .secondary:active,.floor-buttons button:active,.tour-actions .primary:active,.tour-actions .secondary:active{transform:scale(.96)}}@media(max-width:768px){.filters-popover{left:var(--safe-left);right:var(--safe-right);width:auto;max-width:none;top:max(72px,calc(var(--safe-top) + 56px))}.minimap{width:180px;height:120px}.tour-spotlight-minimap{width:200px;height:140px}}@media(max-width:480px){:root{--safe-top: max(12px, env(safe-area-inset-top));--safe-right: max(12px, env(safe-area-inset-right));--safe-bottom: max(12px, env(safe-area-inset-bottom));--safe-left: max(12px, env(safe-area-inset-left))}.fab-col{gap:10px}.fab{width:46px;height:46px;min-width:46px;min-height:46px}.floor-buttons button{width:46px;height:46px;min-width:46px;min-height:46px;font-size:14px}.filters-popover{padding:10px;border-radius:12px;top:max(64px,calc(var(--safe-top) + 52px))}.pop-header strong{font-size:14px}.pop-row{grid-template-columns:1fr;gap:8px}.pop-row input{font-size:16px}.chips button{min-height:40px;font-size:14px;padding:8px 14px}.pop-actions{flex-direction:column}.pop-actions .primary,.pop-actions .secondary{width:100%}.minimap{width:160px;height:110px}.hover-tooltip{display:none}.tour-panel{padding:12px 14px}.tour-panel h3{font-size:15px}.tour-panel p{font-size:13px}.tour-actions .primary,.tour-actions .secondary{padding:8px 14px;font-size:13px}.tour-spotlight-floors{width:54px;height:220px}.tour-spotlight-filters{width:54px;height:54px}}@media(max-height:500px)and (orientation:landscape){:root{--safe-top: max(8px, env(safe-area-inset-top));--safe-right: max(8px, env(safe-area-inset-right));--safe-bottom: max(8px, env(safe-area-inset-bottom));--safe-left: max(8px, env(safe-area-inset-left))}.fab-col{flex-direction:row;gap:8px}.fab{width:42px;height:42px;min-width:42px;min-height:42px}.filters-popover{top:max(56px,calc(var(--safe-top) + 48px));max-height:calc(100vh - 72px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.filters-popover::-webkit-scrollbar{width:6px}.filters-popover::-webkit-scrollbar-track{background:transparent}.filters-popover::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.floor-buttons{gap:6px}.floor-buttons button{width:40px;height:40px;min-width:40px;min-height:40px;font-size:13px}.minimap{width:140px;height:100px}.tour-panel{max-width:380px;padding:10px 12px}.tour-panel h3{font-size:14px;margin-bottom:4px}.tour-panel p{font-size:12px;margin-bottom:8px}}@media(max-width:360px){.fab{width:44px;height:44px;min-width:44px;min-height:44px}.floor-buttons button{width:42px;height:42px;min-width:42px;min-height:42px;font-size:13px}.minimap{width:140px;height:95px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.tour-spotlight{animation:none!important}}@supports (-webkit-touch-callout: none){input,select,textarea{font-size:16px!important}}