*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-overscroll-behavior:none}#root{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)}*{-webkit-tap-highlight-color:transparent}:root{--tray-top-margin: 24px;--tray-peek-height: 70px;--tray-open-height: 320px;--tray-border-radius: 12px;--tray-handle-width: 36px;--tray-handle-height: 5px;--system-background: #fff;--system-background-secondary: #f5f5f7;--handle-color: rgba(0, 0, 0, .2);--shadow-color: rgba(0, 0, 0, .08)}@media(prefers-color-scheme:dark){:root{--system-background: #1c1c1e;--system-background-secondary: #2c2c2e;--handle-color: rgba(255, 255, 255, .3);--shadow-color: rgba(0, 0, 0, .3)}}.tray-root{position:fixed;inset:0;overflow:hidden}.tray-backdrop{position:absolute;inset:0;overflow:auto;-webkit-overflow-scrolling:touch}.tray-wrapper{position:absolute;inset:0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;-ms-overflow-style:none;scrollbar-width:none}.tray-wrapper::-webkit-scrollbar{display:none}.tray-wrapper:not(.sliding){scroll-snap-type:y mandatory;-webkit-scroll-snap-type:y mandatory}.tray-spacer{flex-shrink:0;pointer-events:none}.tray-wrapper:not(.sliding) .tray-spacer{scroll-snap-align:start;-webkit-scroll-snap-align:start}.tray-spacer-docked{height:calc(100vh - var(--tray-peek-height));height:calc(100svh - var(--tray-peek-height))}.tray-spacer-open{height:calc(var(--tray-open-height) - var(--tray-peek-height))}.tray-sheet{flex-shrink:0;min-height:calc(100vh - var(--tray-top-margin));min-height:calc(100svh - var(--tray-top-margin));display:flex;flex-direction:column}.tray-wrapper:not(.sliding) .tray-sheet{scroll-snap-align:start;-webkit-scroll-snap-align:start}.tray-card{flex:1;display:flex;flex-direction:column;background-color:var(--system-background);border-radius:var(--tray-border-radius) var(--tray-border-radius) 0 0;box-shadow:0 -2px 10px var(--shadow-color),0 0 20px var(--shadow-color);min-height:calc(100vh - var(--tray-top-margin));min-height:calc(100svh - var(--tray-top-margin))}.tray-card-handle{position:sticky;top:0;z-index:10;display:flex;justify-content:center;padding:8px 0 4px;cursor:grab;background-color:var(--system-background);border-radius:var(--tray-border-radius) var(--tray-border-radius) 0 0}.tray-card-handle:active{cursor:grabbing}.tray-card-handle-bar{width:var(--tray-handle-width);height:var(--tray-handle-height);background-color:var(--handle-color);border-radius:calc(var(--tray-handle-height) / 2)}.tray-card-header{position:sticky;top:0;z-index:5;padding:12px 20px 16px;background-color:var(--system-background)}.tray-wrapper.tray-pos-4:not(.sliding) .tray-card-header,.tray-wrapper.tray-pos-5:not(.sliding) .tray-card-header{scroll-snap-align:start;-webkit-scroll-snap-align:start}.tray-wrapper.tray-pos-5 .tray-card-header{border-bottom:1px solid var(--handle-color)}.tray-card-content{flex:1;padding:0 20px 20px}.backdrop-content{min-height:100%;padding:20px 20px 100px;display:flex;flex-direction:column;gap:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.backdrop-header{text-align:center;padding:20px 0}.backdrop-header h1{margin:0 0 8px;font-size:1.5rem;font-weight:600}.backdrop-header p{margin:0;opacity:.8;font-size:.9rem}.backdrop-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.backdrop-actions button{padding:10px 16px;border:none;border-radius:8px;background:#fff3;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s}.backdrop-actions button:hover{background:#ffffff4d}.backdrop-actions button:active{background:#fff6}.backdrop-section{padding:20px;background:#ffffff1a;border-radius:12px}.backdrop-section h2{margin:0 0 12px;font-size:1.2rem}.backdrop-section p{margin:0 0 8px;opacity:.9;line-height:1.5}.backdrop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.backdrop-tile{background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-height:80px;cursor:pointer;transition:background .2s,transform .1s}.backdrop-tile:hover{background:#ffffff40}.backdrop-tile:active{transform:scale(.95);background:#ffffff4d}.card-header-content h2{margin:0;font-size:1.4rem;font-weight:600}.card-header-content .subtitle{margin:4px 0 0;font-size:.9rem;opacity:.6}.card-body{display:flex;flex-direction:column;gap:24px}.info-section h3{margin:0 0 12px;font-size:1.1rem;font-weight:600}.info-section p{margin:0 0 12px;line-height:1.6;opacity:.8}.info-section ul{margin:0;padding-left:20px;line-height:1.8;opacity:.8}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 12px;background:var(--system-background-secondary);border-radius:16px;font-size:.85rem}.poi-list{display:flex;flex-direction:column;gap:12px}.poi-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--system-background-secondary);border-radius:12px}.poi-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.poi-info{display:flex;flex-direction:column;gap:2px}.poi-info strong{font-size:.95rem}.poi-info span{font-size:.8rem;opacity:.6}.spacer{height:100px;flex-shrink:0}