:root{--bg:#fff;--text:#111;--text-2:#666;--text-3:#999;--card-bg:#f7f7f7;--border:#e8e8e8;--accent:#111;--font-serif:"Playfair Display", Georgia, "Times New Roman", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;text-decoration:none}.mobile-container{max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:80px;position:relative;overflow-x:hidden}.btn{cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-sans);border:none;border-radius:12px;justify-content:center;align-items:center;padding:.75rem 1.5rem;transition:all .25s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:active{opacity:.85;transform:scale(.97)}.btn-outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.btn-outline.active,.btn-outline:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-success{color:#fff;background:#111}.btn-success:active{transform:scale(.97)}.top-nav{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#ffffffeb}.card{background:var(--bg);border:1px solid var(--border);border-radius:16px;transition:border-color .2s;overflow:hidden}.card-selected{border:2px solid var(--accent)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);-webkit-overflow-scrolling:touch;background:#0006;animation:.25s ease-out forwards fadeIn;position:fixed;inset:0;overflow-y:auto}.modal-sheet{background:#fff;border-radius:20px 20px 0 0;min-height:100vh;margin-top:40px;padding-bottom:100px;animation:.4s cubic-bezier(.16,1,.3,1) forwards sheetSlideUp;position:relative}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-close-btn{z-index:10;cursor:pointer;color:#333;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:transform .2s;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 1px 4px #0000001a}.modal-close-btn:active{transform:scale(.9)}.room-list-v{flex-direction:column;gap:12px;padding:0 1.25rem;display:flex}.room-row{background:var(--card-bg);border:1px solid #eee;border-radius:14px;gap:14px;padding:14px;display:flex}.room-img-wrap{cursor:pointer;border-radius:10px;flex-shrink:0;width:120px;height:100px;position:relative;overflow:hidden}.room-img{object-fit:cover;width:100%;height:100%;display:block}.room-img-dots{gap:4px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.room-img-dot{cursor:pointer;background:#fff6;border-radius:50%;width:5px;height:5px;transition:background .15s}.room-img-dot.active{background:#fff;box-shadow:0 0 3px #00000040}.room-img-arrow{color:#fff;cursor:pointer;opacity:0;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:1;transition:opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.room-row:hover .room-img-arrow{opacity:1}@media (hover:none){.room-img-arrow{opacity:.7}}.room-img-arrow-l{left:4px}.room-img-arrow-r{right:4px}.room-img-tap-hint{text-align:center;color:#ffffffd9;background:#0006;padding:2px 0;font-size:.58rem;position:absolute;bottom:0;left:0;right:0}.room-img-empty{color:#aaa;background:#f1f1f1;justify-content:center;align-items:center;font-size:.72rem;display:flex}.room-row-info{flex-direction:column;flex:1;justify-content:center;gap:5px;min-width:0;display:flex}.room-row-name{color:var(--text);font-size:.95rem;font-weight:700;line-height:1.3}.room-row-bed{color:var(--text-2);font-size:.78rem;line-height:1.4}.room-row-tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.room-tag{color:#333;white-space:nowrap;background:#f0f0f0;border-radius:4px;padding:2px 7px;font-size:.68rem;line-height:1.5;display:inline-block}.amenities-grid{flex-wrap:wrap;gap:8px;padding:0 1.25rem;display:flex}.amenity-tag{color:#333;white-space:nowrap;background:#f5f5f5;border-radius:8px;align-items:center;gap:5px;padding:.35rem .7rem;font-size:.78rem;display:inline-flex}.amenity-tag svg{flex-shrink:0}.amenity-icon-svg{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.detail-section-title{color:var(--text);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:.75rem;padding:0 1.25rem;font-size:.85rem;font-weight:700;display:flex}.detail-section-title:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:14px;display:inline-block}.tier-locked{opacity:.3;pointer-events:none}.tier-lock-hint{color:#444;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:10px;align-items:center;gap:6px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.8rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.share-card{border:1px solid var(--border);background:#fff;border-radius:16px;margin-bottom:1rem;padding:1.25rem}.share-hotel-row{border-bottom:1px solid #f0f0f0;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.share-hotel-row:last-child{border-bottom:none}.share-hotel-thumb{object-fit:cover;border-radius:10px;flex-shrink:0;width:56px;height:56px}.share-hotel-info{flex:1;min-width:0}.share-hotel-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.share-hotel-region{color:var(--text-2);margin-top:2px;font-size:.8rem}.viewer-overlay{z-index:2000;background:#000000f0;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.viewer-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.viewer-img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:4px;max-width:92vw;max-height:80vh}.viewer-close{right:16px;top:max(env(safe-area-inset-top,0px), 16px);color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex;position:absolute}.viewer-close:active{transform:scale(.9)}.viewer-arrow{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.6rem;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.viewer-arrow:active{background:#fff3}.viewer-arrow-l{left:12px}.viewer-arrow-r{right:12px}.viewer-counter{bottom:max(env(safe-area-inset-bottom,0px), 24px);color:#ffffffb3;background:#ffffff1a;border-radius:999px;padding:6px 16px;font-size:.8rem;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}