@charset "UTF-8";:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--collapsed-header-h: 46px;--expanded-header-h: 116px;--tabbar-h: 50px;--mobile-max-width: 428px;--color-primary: #e74c3c;--color-secondary: #667eea;--color-background: #f5f5f5;--color-surface: #ffffff;--color-text: #2c3e50;--color-text-secondary: #7f8c8d;--color-border: #e1e5e9;--color-error: #e74c3c;--color-success: #27ae60;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .5s}*{margin:0;padding:0;box-sizing:border-box}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}html,body{width:100%;max-width:100%;overflow-x:hidden;scrollbar-gutter:stable;line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0 auto;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;padding:0;background-color:var(--color-background)}.mobile-header{position:fixed;top:0;max-width:var(--mobile-max-width);width:100%;z-index:1100;color:#fff;background-color:#f8f8f8;display:flex;flex-direction:column}.mobile-header .header-content{position:relative;background:linear-gradient(135deg,#e63a3a,#ff8f8f);padding:calc(var(--sat, 0px) + 5px) 24px 75px;box-shadow:0 10px 30px #ff5e6226;opacity:1;transition:padding .4s cubic-bezier(.4,0,.2,1)}.mobile-header .header-content.header-collapsed{padding:calc(var(--sat, 0px) + 5px) 24px 5px}.mobile-header .header-content .header-top{display:flex;align-items:center;position:relative;width:100%}.mobile-header .header-content .back-button{position:absolute;left:0;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:50%;transition:background-color .2s ease;width:40px;height:40px}.mobile-header .header-content .back-button:hover{background-color:#ffffff1a}.mobile-header .header-content .back-button:active{background-color:#fff3;transform:translateY(-50%) scale(.95)}.mobile-header .header-content .back-button svg{width:24px;height:24px}.mobile-header .header-content .greeting-box{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;position:relative}.mobile-header .header-content .greeting-box img{width:28px;height:28px;filter:brightness(0) invert(1)}.mobile-header .header-content .greeting-box h1{font-size:clamp(20px,5.5vw,24px);font-weight:500;color:#fff;margin:0;letter-spacing:.075em;white-space:nowrap}.mobile-header .header-content .greeting-box p{font-size:clamp(13px,3.8vw,15px);color:#ffffffd9;margin:8px 0 0;font-weight:400}.mobile-header .search-bar-wrapper{margin:-60px 20px 15px;position:relative;z-index:100;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);transform-origin:center top;will-change:opacity,transform}.mobile-header .search-bar-wrapper.visible{opacity:1;transform:translateY(0);pointer-events:auto}.mobile-header .search-bar-wrapper.hidden{opacity:0;transform:translateY(-15px);pointer-events:none}.mobile-header .search-bar-wrapper .search-bar-container{padding:0;background-color:transparent;position:static}.mobile-header .search-bar-wrapper .search-bar-container .search-bar{background-color:#fff;height:45px;border-radius:18px;box-shadow:0 12px 30px #0000001a;padding:13px 20px;border:1px solid rgba(0,0,0,.02)}.mobile-header .search-bar-wrapper .search-bar-container .search-bar input{font-size:16px}.main-container{display:flex;justify-content:center;gap:80px;margin:0 auto}.desktop-sidebar{display:none;height:100dvh;position:sticky;top:0;width:var(--mobile-max-width);justify-content:center}.desktop-sidebar .sidebar-content{display:flex;position:fixed;flex-direction:column;justify-content:center;align-items:center;top:50%;transform:translateY(-50%)}.desktop-sidebar .app-brand{margin-bottom:24px}.desktop-sidebar .app-brand .brand-logo{width:140px;height:auto;display:block;border-radius:16px;box-shadow:0 4px 16px #00000026}.desktop-sidebar .qr-box{display:flex;align-items:center;gap:.7rem;justify-content:space-between;background-color:#fff;border-radius:8px;padding:36px;max-width:420px}.desktop-sidebar .qr-box .qr-text{display:flex;flex-direction:column;gap:4px;color:#222}.desktop-sidebar .qr-box .qr-text p{white-space:nowrap;margin:0}.desktop-sidebar .qr-box .qr-code img{width:10rem}.mobile-area{background-color:#fff;max-width:var(--mobile-max-width);width:100%;min-height:100dvh;overflow-x:hidden;position:relative;flex:1 1 auto}.mobile-area .card{margin:0 auto;margin-bottom:1rem;width:100%}.mobile-area .mobile-wrapper{min-height:calc(100dvh - var(--tabbar-h) - var(--sab, 0px) - var(--collapsed-header-h));background:#fff}.mobile-area .bottom-tabbar{display:flex;min-height:calc(var(--tabbar-h) + var(--sab, 0px));width:100%;max-width:var(--mobile-max-width);position:fixed;bottom:0;margin:0;background-color:#fff;border-top:none;box-shadow:0 -4px 20px #00000014;z-index:1100;padding-bottom:var(--sab, 0px);padding-top:0;flex-shrink:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-area .bottom-tabbar .write-post-fab{position:absolute;top:calc(-1*(clamp(12px,3.5vw,16px) + clamp(48px,13vw,56px)));right:clamp(12px,3.5vw,16px);width:clamp(48px,13vw,56px);height:clamp(48px,13vw,56px);border-radius:50%;background:linear-gradient(135deg,#e63a3a,#ff8f8f);border:none;box-shadow:0 4px 16px #e63a3a4d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.mobile-area .bottom-tabbar .write-post-fab .write-fab-icon{width:clamp(20px,5.5vw,24px);height:clamp(20px,5.5vw,24px);filter:brightness(0) invert(1);display:block}.mobile-area .bottom-tabbar .write-post-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #e63a3a66}.mobile-area .bottom-tabbar .write-post-fab:active{transform:translateY(0) scale(.95);box-shadow:0 2px 12px #e63a3a4d}body.community-modal-open .mobile-area .bottom-tabbar .write-post-fab,.mobile-area .bottom-tabbar.bottom-tabbar--detail .gnb{display:none}.mobile-area .bottom-tabbar.bottom-tabbar--detail .detail-actions{display:flex;gap:12px;width:100%;padding:8px 16px;align-items:center}.mobile-area .bottom-tabbar.bottom-tabbar--detail .detail-actions button{flex:1;padding:14px 1rem;font-size:1rem;font-weight:600;border-radius:18px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.mobile-area .bottom-tabbar.bottom-tabbar--detail .detail-actions button:hover{transform:translateY(-2px)}.mobile-area .bottom-tabbar.bottom-tabbar--detail .detail-actions button:active{transform:scale(.98)}.mobile-area .bottom-tabbar.bottom-tabbar--detail .detail-actions .btn-price{background:#fff;color:#ff5e62;border:2px solid #ff5e62}.mobile-area .bottom-tabbar.bottom-tabbar--detail .detail-actions .btn-price:hover{background-color:#fff5f5;box-shadow:0 6px 16px #ff5e6233}.mobile-area .bottom-tabbar.bottom-tabbar--detail .detail-actions .btn-price:active{background-color:#ffe5e5}.mobile-area .bottom-tabbar.bottom-tabbar--detail .detail-actions .btn-booking{background:linear-gradient(135deg,#ff5e62,#f96);color:#fff}.mobile-area .bottom-tabbar.bottom-tabbar--detail .detail-actions .btn-booking:hover{background:linear-gradient(135deg,#ff4a4e,#f85);box-shadow:0 6px 20px #ff5e624d}.mobile-area .bottom-tabbar .gnb{display:flex;justify-content:space-between;align-items:stretch;width:100%;padding:0 8px}.mobile-area .bottom-tabbar .gnb>li{flex:1;display:flex}.mobile-area .bottom-tabbar .tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:var(--tabbar-h);max-height:var(--tabbar-h);padding:0;border:0;border-radius:12px;background:none;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;outline:none;width:100%;margin:0 4px;color:#666;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.mobile-area .bottom-tabbar .tab-item .nav-icon{width:22px;height:22px;padding-top:0;filter:brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);opacity:.7;flex-shrink:0}.mobile-area .bottom-tabbar .tab-item .tab-label{font-size:11px;line-height:1.2;color:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;width:100%;white-space:nowrap;text-overflow:ellipsis;max-width:100%;text-align:center;margin:0}.mobile-area .bottom-tabbar .tab-item:hover{background-color:#ff5e620d;color:#ff5e62}.mobile-area .bottom-tabbar .tab-item:hover .nav-icon{opacity:.9;filter:brightness(0) saturate(100%) invert(47%) sepia(100%) saturate(2000%) hue-rotate(340deg) brightness(105%) contrast(100%)}.mobile-area .bottom-tabbar .tab-item:active{background-color:#ff5e621a}.mobile-area .bottom-tabbar .tab-item.active{background:linear-gradient(135deg,#ff5e621a,#ff99661a);color:#ff5e62;font-weight:600}.mobile-area .bottom-tabbar .tab-item.active .nav-icon{filter:brightness(0) saturate(100%) invert(47%) sepia(100%) saturate(2000%) hue-rotate(340deg) brightness(105%) contrast(100%);opacity:1}.mobile-area .bottom-tabbar .tab-item.active .tab-label{color:#ff5e62;font-weight:600}.mobile-area .bottom-tabbar .tab-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:linear-gradient(135deg,#e63a3a,#ff8f8f);border-radius:0 0 3px 3px}@media (max-width: 768px){.mobile-area .bottom-tabbar .tab-item:active{transform:none}.mobile-area .bottom-tabbar .tab-item:active .nav-icon{transform:scale(.92)}}.booking-nav-btn{flex:1;padding:1.1rem;background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff;border:none;border-radius:16px;font-size:1.05rem;font-weight:700;letter-spacing:-.3px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #e63a3a4d,0 2px 8px #e63a3a33;position:relative;overflow:hidden}.booking-nav-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0);opacity:0;transition:opacity .3s ease}.booking-nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #e63a3a59,0 4px 12px #e63a3a40}.booking-nav-btn:hover:not(:disabled):before{opacity:1}.booking-nav-btn:active:not(:disabled){transform:translateY(0)}.booking-nav-btn:disabled{background:linear-gradient(135deg,#adb5bd,#ced4da);box-shadow:none;cursor:not-allowed;opacity:.6}.content-area{width:100%;margin-bottom:2rem}.content-section{padding:0}@media (min-width: 1024px){.desktop-sidebar{display:flex}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.base-swiper-wrapper{position:relative;width:100%}.base-swiper-wrapper .swiper{width:100%;height:100%}.base-swiper-wrapper .swiper-slide{display:flex;align-items:center;justify-content:center}.base-swiper-wrapper .swiper-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#00000026;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.85;transition:all .3s ease}.base-swiper-wrapper .swiper-nav-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.base-swiper-wrapper .swiper-nav-btn:hover:not(:disabled){opacity:1;transform:translateY(-50%) scale(1.1);background:#00000040}.base-swiper-wrapper .swiper-nav-btn:active:not(:disabled){transform:translateY(-50%) scale(.95)}.base-swiper-wrapper .swiper-nav-btn:disabled{opacity:.35;cursor:not-allowed}.base-swiper-wrapper .swiper-nav-btn--prev{left:12px}.base-swiper-wrapper .swiper-nav-btn--next{right:12px}.base-swiper-wrapper .swiper-pagination{bottom:12px}.base-swiper-wrapper .swiper-pagination .swiper-pagination-bullet{background:#ffffff80;opacity:1;width:8px;height:8px;transition:all .3s ease}.base-swiper-wrapper .swiper-pagination .swiper-pagination-bullet-active{background:#fff;width:24px;border-radius:4px}.promo-swiper .banner-slide{width:100%;height:100%;overflow:hidden;border-radius:16px}.promo-swiper .banner-image{width:100%;height:100%;object-fit:cover}.promo-swiper .swiper-nav-btn{width:36px;height:36px;background:transparent;color:#fff;opacity:.5}.promo-swiper .swiper-nav-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.promo-swiper .swiper-nav-btn:hover:not(:disabled){opacity:.8;background:transparent}.promo-swiper .swiper-nav-btn--prev{left:12px}.promo-swiper .swiper-nav-btn--next{right:12px}.media-swiper{width:100%;height:100%;background:#000}.media-swiper .swiper-slide{background:#000}.media-swiper .modal-image,.media-swiper .modal-video{width:100%;height:100%;object-fit:contain;background:#000}.media-swiper .swiper-nav-btn--prev{left:8px}.media-swiper .swiper-nav-btn--next{right:8px}@media (max-width: 768px){.base-swiper-wrapper .swiper-nav-btn{width:32px;height:32px}.base-swiper-wrapper .swiper-nav-btn svg{width:16px;height:16px}}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:transparent}.section-header .section-title{font-size:20px;font-weight:800;color:#1a1a1a;margin:0;letter-spacing:-.5px}.section-header .more-link{display:flex;align-items:center;gap:2px;font-size:14px;font-weight:500;color:#8e8e93;text-decoration:none;transition:color .2s}.section-header .more-link:hover{color:#667eea}.section-header .more-link svg{stroke-width:2.5}.category-grid-container{width:100%;padding:0;margin:0;box-sizing:border-box}@media (min-width: 1024px){.category-grid-container{max-width:400px;margin:0 auto}}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.1rem;padding:1rem 0;background:transparent;width:100%;margin:0;box-sizing:border-box;overflow:hidden;place-items:center;justify-items:center;align-items:center}.category-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background-color .2s ease;border-radius:8px;padding:.5rem .2rem;box-sizing:border-box;width:100%;gap:4px}.category-item:hover{transform:translateY(-2px);background-color:#f8f9fa}.category-item:active{transform:translateY(0);background-color:#e9ecef}@media (max-width: 768px){.category-item:active{transform:scale(.95);background-color:#e9ecef}}.category-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-icon img{width:100%;height:100%;object-fit:contain}.category-name{font-size:.8rem;font-weight:500;color:#333;text-align:center;line-height:1.2;word-break:keep-all}.icon-button-container{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:4px;transition:all .2s cubic-bezier(.4,0,.2,1);width:72px}.icon-button-container:active{transform:scale(.9)}.icon-button-container:active .icon-box{background-color:#f0f0f0;box-shadow:inset 0 2px 4px #0000000d}.icon-button-container .icon-box{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-button-container .icon-box img{width:32px;height:32px;object-fit:contain}.icon-button-container .icon-box img.skin-icon{filter:none;opacity:1}.icon-button-container .icon-label{font-size:13px;font-weight:600;color:#333;white-space:nowrap}.featured-hospitals-list{padding:0 16px;display:flex;flex-direction:column;gap:16px;margin-bottom:1.5rem}.featured-hospital-card{display:flex;gap:16px;padding:16px;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000008;border:1px solid #f2f2f2;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.featured-hospital-card:active{transform:scale(.97);background-color:#fafafa}.featured-hospital-card .hospital-logo-container{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background-color:#f8f8f8}.featured-hospital-card .hospital-logo-container img{width:100%;height:100%;object-fit:cover}.featured-hospital-card .hospital-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:2px 0}.featured-hospital-card .hospital-info .hospital-name-row{display:flex;justify-content:space-between;align-items:flex-start}.featured-hospital-card .hospital-info .hospital-name-row .hospital-name{font-size:17px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-hospital-card .hospital-info .hospital-name-row .hospital-rating{display:flex;align-items:center;gap:2px;font-size:14px;color:#ff9500;font-weight:700;background:#fff9f0;padding:2px 6px;border-radius:6px}.featured-hospital-card .hospital-info .hospital-name-row .hospital-rating .star{font-size:12px}.featured-hospital-card .hospital-info .hospital-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:2px}.featured-hospital-card .hospital-info .hospital-meta .location{font-size:12px;color:#8e8e93}.featured-hospital-card .hospital-info .hospital-meta .specialty{font-size:11px;font-weight:500;color:#8e8e93;background-color:#f2f2f7;padding:1px 6px;border-radius:4px}.featured-hospital-card .hospital-info .hospital-meta .divider{display:none}.featured-hospital-card .hospital-info .hospital-procedures{display:flex;gap:6px;margin-top:8px}.featured-hospital-card .hospital-info .hospital-procedures .procedure-tag{font-size:11px;color:#667eea;background-color:#f0f4ff;padding:2px 8px;border-radius:4px;font-weight:500}.featured-hospital-card .hospital-info .hospital-price-row{display:flex;align-items:baseline;gap:4px;margin-top:8px}.featured-hospital-card .hospital-info .hospital-price-row .price-label{font-size:11px;color:#999}.featured-hospital-card .hospital-info .hospital-price-row .price-value{font-size:16px;font-weight:700;color:#e74c3c}.featured-hospitals-loading{padding:20px;text-align:center;color:#999;font-size:14px}.time-grid-state{grid-column:1/-1;padding:.9rem;text-align:center;font-size:14px;color:#999;background-color:#f8f8f8;border-radius:12px;box-shadow:0 4px 12px #00000008;border:1px solid #f2f2f2}.review-videos{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0}@media (max-width: 768px){.review-videos{gap:8px}}.review-videos .video-thumbnail-card{text-decoration:none;color:inherit;display:block}.review-videos .video-thumbnail-card .video-thumbnail{position:relative;width:100%;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:#f5f5f5;cursor:pointer;transition:transform .2s ease}.review-videos .video-thumbnail-card .video-thumbnail:hover{transform:scale(1.02)}.review-videos .video-thumbnail-card .video-thumbnail .thumbnail-video{width:100%;height:100%;object-fit:cover;pointer-events:none}.review-videos .video-thumbnail-card .video-thumbnail .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.review-videos .video-thumbnail-card .video-thumbnail .play-icon svg{width:24px;height:24px;margin-left:2px}.review-videos .video-thumbnail-card .video-thumbnail:hover .play-icon{background:#000000b3;transform:translate(-50%,-50%) scale(1.1)}.review-videos .video-thumbnail-card .video-thumbnail .video-title-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:12px 8px 8px}.review-videos .video-thumbnail-card .video-thumbnail .video-title-overlay .video-title{color:#fff;font-size:12px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.review-videos-loading,.review-videos-empty{grid-column:1/-1;padding:40px 20px;text-align:center;color:#999;font-size:14px}.home-container{background-color:#fff;min-height:100%;display:flex;flex-direction:column;margin-bottom:var(--tabbar-h);min-height:calc(100dvh - var(--tabbar-h) - 4px - var(--sab, 0px) - var(--collapsed-header-h))}.home-container .swiper-container{padding:12px 16px;background-color:transparent}.home-container .swiper-container .mySwiper{border-radius:20px;overflow:hidden;height:auto;box-shadow:0 12px 25px #0000001a}.home-container .section-container{background-color:#fff}.home-container .section-container.gray-bg{background-color:transparent;padding-top:12px;margin-top:12px}.home-container .section-container .category-grid-container{padding:8px 0;margin-top:.5rem}.home-container .section-container .category-grid-container .category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:transparent;padding:.75rem 1rem}.home-container .section-container .category-grid-container .icon-button-container{transition:transform .3s ease}.home-container .section-container .category-grid-container .icon-button-container:hover{transform:translateY(-3px)}.home-container .section-container .category-grid-container .icon-button-container .icon-box{width:64px;height:64px;border-radius:18px;padding:4px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.home-container .section-container .category-grid-container .icon-button-container .icon-box img{width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);opacity:.75;transition:filter .3s ease,opacity .3s ease}.home-container .section-container .category-grid-container .icon-button-container .icon-box img.skin-icon{filter:none;opacity:1}.home-container .section-container .category-grid-container .icon-button-container .icon-label{font-size:clamp(10px,2.8vw,12px);color:#333;font-weight:500;transition:color .3s ease;white-space:nowrap}.home-container .section-container .content-area{padding:4px 12px}.hospital-list-page{background:#f5f5f5;min-height:100%;display:flex;flex-direction:column;margin-bottom:var(--tabbar-h);min-height:calc(100dvh - var(--tabbar-h) - var(--sab, 0px) - var(--expanded-header-h))}.hospital-list-page .section-container{background-color:#fff}.hospital-list-page .hospital-list-loading,.hospital-list-page .hospital-list-error{padding:40px 16px;text-align:center;color:#999;font-size:14px}.hospital-list-page .hospital-list-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem 1rem;background:#fff}.hospital-list-page .hospital-list-header .hospital-list-title{font-size:26px;font-weight:700;color:#222;margin:0;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.hospital-list-page .hospital-list-header .hospital-list-title:before{content:"";width:4px;height:26px;background:linear-gradient(to bottom,#e63a3a,#ff6b6b);border-radius:2px}.hospital-list-page .hospital-list-header .filter-btn{padding:8px 14px;background:linear-gradient(135deg,#fff9f9,#fff0f0);border:1px solid #ffd6d6;border-radius:8px;font-size:13px;font-weight:500;color:#ff5757;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.hospital-list-page .hospital-list-header .filter-btn svg{width:14px;height:14px}.hospital-list-page .hospital-list-header .filter-btn:hover{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border-color:#ffb8b8;box-shadow:0 2px 6px #ff575726}.hospital-list-page .hospital-list-header .filter-btn:active{transform:scale(.98)}.hospital-list-page .active-filters-wrapper{position:relative;padding:0 16px 12px;background:#fff}.hospital-list-page .active-filters-wrapper .filter-scroll-btn{position:absolute;top:30%;transform:translateY(-50%);z-index:2;width:28px;height:28px;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0000000f;color:#666;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.hospital-list-page .active-filters-wrapper .filter-scroll-btn:hover{opacity:1;border-color:#0000001f;box-shadow:0 3px 10px #00000014;transform:translateY(-50%) scale(1.03)}.hospital-list-page .active-filters-wrapper .filter-scroll-btn:active{transform:translateY(-50%) scale(.97);box-shadow:0 1px 4px #00000014}.hospital-list-page .active-filters-wrapper .filter-scroll-btn.left{left:12px}.hospital-list-page .active-filters-wrapper .filter-scroll-btn.right{right:12px}.hospital-list-page .active-filters{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:0 .75rem .75rem;-ms-overflow-style:none;scrollbar-width:none}.hospital-list-page .active-filters::-webkit-scrollbar{display:none}.hospital-list-page .active-filters .filter-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 8px 7px 12px;background:linear-gradient(135deg,#fff9f9,#fff0f0);border:1px solid #ffd6d6;border-radius:18px;font-size:12px;white-space:nowrap;flex-shrink:0;color:#ff5757;transition:all .2s ease}.hospital-list-page .active-filters .filter-tag .filter-tag-label{font-weight:600;line-height:1}.hospital-list-page .active-filters .filter-tag .filter-tag-remove{display:inline-flex;align-items:center;justify-content:center;margin:auto;width:16px;height:16px;min-width:16px;min-height:16px;padding:0;background:#ff57571f;border:none;border-radius:50%;color:#ff5757;font-size:13px;font-weight:400;line-height:16px;cursor:pointer;transition:all .2s ease;flex-shrink:0;vertical-align:middle}.hospital-list-page .active-filters .filter-tag .filter-tag-remove:hover{background:#ff6b6b;color:#fff}.hospital-list-page .active-filters .filter-tag .filter-tag-remove:active{transform:scale(.95)}.hospital-list-page .active-filters .filter-tag:hover{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border-color:#ffb8b8;box-shadow:0 2px 6px #ff575726}.hospital-list-page .filter-modal-content{display:flex;flex-direction:column;gap:24px}.hospital-list-page .filter-modal-content .filter-section .filter-section-title{font-size:15px;font-weight:700;color:#222;margin:0 0 12px}.hospital-list-page .filter-modal-content .filter-section .filter-options{display:flex;flex-direction:column;gap:8px}.hospital-list-page .filter-modal-content .filter-section .filter-options .filter-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f8f8;border:1px solid rgba(0,0,0,.06);border-radius:12px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease}.hospital-list-page .filter-modal-content .filter-section .filter-options .filter-option .filter-option-label{flex:1;text-align:left}.hospital-list-page .filter-modal-content .filter-section .filter-options .filter-option svg{color:#e63a3a;flex-shrink:0}.hospital-list-page .filter-modal-content .filter-section .filter-options .filter-option:hover{background:#f0f0f0;border-color:#00000014}.hospital-list-page .filter-modal-content .filter-section .filter-options .filter-option.active{background:linear-gradient(135deg,#fff0f0,#ffe8e8);border-color:#e63a3a;color:#e63a3a}.hospital-list-page .hospital-list-content{padding:0 16px;display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem;background-color:transparent}.hospital-list-page .hospital-list-card{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:2fr 1fr;gap:12px 16px;padding:14px 14px 12px;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.08);text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #0000000f}.hospital-list-page .hospital-list-card:active{transform:scale(.99)}.hospital-list-page .hospital-list-card:hover{background:#fff;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px);border-color:#0000001f}.hospital-list-page .hospital-list-card:hover .hospital-logo-container{transform:scale(1.02)}.hospital-list-page .hospital-list-card .hospital-logo-container{grid-column:1;grid-row:1;width:70px;height:70px;border-radius:16px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.05);transition:all .25s ease;align-self:start}.hospital-list-page .hospital-list-card .hospital-logo-container img{width:100%;height:100%;object-fit:cover}.hospital-list-page .hospital-list-card .hospital-logo-container .hospital-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#999;background:#f5f5f5}.hospital-list-page .hospital-list-card .hospital-name-location{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:6px;min-width:0;align-self:center}.hospital-list-page .hospital-list-card .hospital-name-location .hospital-name{font-size:18px;font-weight:600;color:#333;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.3px}.hospital-list-page .hospital-list-card .hospital-name-location .hospital-meta{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(4px,1.5vw,6px);font-size:clamp(11px,2.8vw,13px);color:#999;line-height:1.4}.hospital-list-page .hospital-list-card .hospital-name-location .hospital-meta .location{color:#999;font-weight:400;white-space:nowrap}.hospital-list-page .hospital-list-card .hospital-name-location .hospital-meta .meta-divider{color:#ddd;font-size:clamp(10px,2.5vw,12px);flex-shrink:0}.hospital-list-page .hospital-list-card .hospital-name-location .hospital-meta .specialty{font-size:clamp(10px,2.3vw,11px);font-weight:500;color:#666;padding:3px 0;white-space:nowrap}.hospital-list-page .hospital-list-card .hospital-rating{grid-column:3;grid-row:1;display:flex;align-items:center;gap:clamp(2px,.8vw,3px);font-size:clamp(11px,2.8vw,13px);color:#666;font-weight:600;background:#f5f5f5;padding:clamp(3px,1vw,4px) clamp(6px,2vw,8px);border-radius:8px;white-space:nowrap;align-self:start;justify-self:end}.hospital-list-page .hospital-list-card .hospital-rating .star{font-size:clamp(10px,2.5vw,12px);color:orange}.hospital-list-page .hospital-list-card .hospital-procedures{grid-column:1/3;grid-row:2;display:flex;gap:4px;flex-wrap:nowrap;align-items:center;align-self:center}.hospital-list-page .hospital-list-card .hospital-procedures .procedure-tag{font-size:11px;color:#666;background:#fff;padding:4px 6px;border-radius:6px;font-weight:500;white-space:nowrap;border:1px solid rgba(0,0,0,.05)}.hospital-list-page .hospital-list-card .hospital-price-row{grid-column:3;grid-row:2;display:flex;align-items:baseline;gap:4px;padding:5px 12px;background:#e63a3a;border-radius:8px;align-self:end;justify-self:end}.hospital-list-page .hospital-list-card .hospital-price-row .price-label{font-size:11px;color:#fff;font-weight:400}.hospital-list-page .hospital-list-card .hospital-price-row .price-value{font-size:16px;font-weight:700;color:#fff}.no-results{text-align:center;padding:3rem 1rem;color:#999;font-size:1.1rem;width:100%}.no-results p{margin:0}.hospital-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#2c3e50}.hospital-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 0 5px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.hospital-card a{display:block;color:inherit;text-decoration:none}.hospital-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.hospital-card:hover .hospital-image{transform:scale(1.01)}.hospital-card .hospital-card-content{display:flex;align-items:flex-start;gap:.75rem;padding:.8rem .9rem}.hospital-card .hospital-card-logo{width:64px;height:64px;border-radius:12px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hospital-card .hospital-card-logo img{width:100%;height:100%;object-fit:contain;display:block}.hospital-card .hospital-card-logo.placeholder{font-size:.7rem;color:#999}.hospital-card .hospital-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.hospital-card .hospital-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.hospital-card .hospital-card-name{font-size:1rem;font-weight:600;color:#222;margin:0;line-height:1.3}.hospital-card .hospital-card-meta{display:flex;flex-wrap:nowrap;gap:clamp(.2rem,1vw,.35rem);align-items:center;font-size:clamp(.65rem,2.5vw,.78rem);color:#666}.hospital-card .hospital-card-meta>*{white-space:nowrap}.hospital-card .hospital-card-tag{padding:.1rem .4rem;border-radius:999px;background:#fff5f5;color:#e74c3c;font-size:.75rem}.hospital-card .hospital-card-location{font-size:.78rem;color:#666}.hospital-card .hospital-card-address{margin:0;margin-top:.1rem;font-size:.78rem;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hospital-card .hospital-image-wrapper{width:100%;height:auto;overflow:hidden;background:#f8f9fa}.hospital-card .hospital-image-wrapper .hospital-image{width:100%;height:auto;object-fit:contain;display:block;transition:transform .3s ease}.hospital-detail{padding:8px 16px;padding-bottom:calc(var(--sab, 0px) + var(--tabbar-h) + 10px)}.hospital-detail .hospital-header{display:flex;flex-direction:column;gap:1rem;margin:.5rem 0 1.5rem;background:#fff;border-radius:0}.hospital-detail .hospital-header .hospital-header-card{display:flex;gap:1rem;align-items:stretch;flex-wrap:wrap}.hospital-detail .hospital-header .hospital-header-card .hospital-card-logo{flex:0 0 96px;width:96px;min-height:96px;height:100%;max-height:160px;border-radius:16px;background:linear-gradient(135deg,#fdfbfb,#ebedee);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px 2px #00000014;padding:8px}.hospital-detail .hospital-header .hospital-header-card .hospital-card-logo img{width:100%;height:100%;object-fit:contain}.hospital-detail .hospital-header .hospital-header-card .hospital-card-logo.placeholder{font-size:.8rem;color:#999}.hospital-detail .hospital-header .hospital-header-card .hospital-card-logo.detail{width:124px;min-height:124px;flex:0 0 124px;padding:0;border-radius:20px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 6px 18px #00000014}.hospital-detail .hospital-header .hospital-header-card .hospital-card-logo.detail img{object-fit:cover;border-radius:inherit}.hospital-detail .hospital-header .hospital-header-card .hospital-card-info{flex:1;display:flex;flex-direction:column;gap:.75rem;justify-content:center}.hospital-detail .hospital-header .hospital-header-card .hospital-card-info .hospital-title{font-size:1.5rem;font-weight:700;color:#222;margin:0;line-height:1.3;word-break:keep-all}.hospital-detail .hospital-header .hospital-header-card .hospital-card-info .hospital-card-meta{display:flex;flex-wrap:nowrap;gap:clamp(.25rem,1vw,.4rem);font-size:clamp(.65rem,2.5vw,.75rem);color:#555;align-items:center;line-height:1.3}.hospital-detail .hospital-header .hospital-header-card .hospital-card-info .hospital-card-meta>*{white-space:nowrap}.hospital-detail .hospital-header .hospital-header-card .hospital-card-info .hospital-card-meta .hospital-card-tag{padding:.15rem .5rem;border-radius:999px;background:#fff0f0;color:#e74c3c;font-size:.8rem;font-weight:600}.hospital-detail .hospital-header .hospital-header-card .hospital-card-info .hospital-card-meta .hospital-card-location{color:#666;white-space:nowrap}.hospital-detail .hospital-header .hospital-header-card .hospital-card-info .hospital-card-meta .hospital-card-phone{color:#333;font-weight:600;white-space:nowrap}.hospital-detail .hospital-header .hospital-header-card .hospital-card-info .hospital-card-address{margin:0;font-size:.75rem;color:#555;line-height:1.4;word-break:keep-all}.hospital-detail .hospital-header .hospital-header-card .hospital-card-info .hospital-card-address.multi p{margin:0;line-height:1.35}.hospital-detail .hospital-header .hospital-info-section{display:flex;flex-direction:column;gap:1rem}.hospital-detail .hospital-header .hospital-info-section .hospital-hours{background:#fff6f3;border-radius:16px;padding:1rem 1.2rem;border:1px solid rgba(255,163,136,.35);box-shadow:0 10px 25px #ffa38826}.hospital-detail .hospital-header .hospital-info-section .hospital-hours .hours-heading{display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem}.hospital-detail .hospital-header .hospital-info-section .hospital-hours .hours-heading span{font-size:.95rem;font-weight:700;color:#d9480f}.hospital-detail .hospital-header .hospital-info-section .hospital-hours .hours-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.hospital-detail .hospital-header .hospital-info-section .hospital-hours .hours-list li{display:flex;justify-content:space-between;gap:.75rem;font-size:.85rem;color:#503124;padding-bottom:.35rem;border-bottom:1px dashed rgba(217,72,15,.2)}.hospital-detail .hospital-header .hospital-info-section .hospital-hours .hours-list li:last-child{border-bottom:none;padding-bottom:0}.hospital-detail .hospital-header .hospital-info-section .hospital-hours .hours-list li .hours-day{font-weight:600;min-width:46px}.hospital-detail .hospital-header .hospital-info-section .hospital-hours .hours-list li .hours-value{flex:1;text-align:right;font-weight:500}.hospital-detail .hospital-header .hospital-specialty-section{font-size:.9rem;color:#666}.hospital-detail .hospital-header .hospital-specialty-section .specialty-label{font-weight:500}.hospital-detail .hospital-header .hospital-specialty-section .specialty-value{color:#333}.hospital-detail .hospital-header .hospital-actions{display:flex;gap:.75rem;margin-top:.5rem}.hospital-detail .hospital-header .hospital-actions button{flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.hospital-detail .hospital-header .hospital-actions .btn-price{background:#fff;color:#e74c3c;border:2px solid #e74c3c}.hospital-detail .hospital-header .hospital-actions .btn-price:hover{background:#fef5f5}.hospital-detail .hospital-header .hospital-actions .btn-booking{background:#ff4a4e;color:#fff}.hospital-detail .hospital-header .hospital-actions .btn-booking:hover{background:#f85}.hospital-detail-image{width:100%;margin-bottom:1.5rem}.hospital-detail-image .detail-image{width:100%;height:auto;display:block;object-fit:contain}.price-list-page{padding:8px 16px;padding-bottom:calc(var(--sab, 0px) + var(--tabbar-h) + 10px)}.price-list-page .price-header{display:flex;flex-direction:row;align-items:center;gap:.9rem;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000000f}.price-list-page .price-header .price-header-logo{flex:0 0 64px;width:64px;height:64px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#fdfbfb,#ebedee);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px #00000014;border:1px solid rgba(0,0,0,.04)}.price-list-page .price-header .price-header-logo img{width:100%;height:100%;object-fit:contain;display:block}.price-list-page .price-header .price-header-logo .price-header-logo-placeholder{font-size:.8rem;color:#999;font-weight:600}.price-list-page .price-header .price-header-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.price-list-page .price-header .back-button{align-self:flex-start;padding:.5rem 1rem;background:#f5f5f5;border:none;border-radius:20px;font-size:.9rem;cursor:pointer;color:#333;transition:all .2s ease}.price-list-page .price-header .back-button:hover{background:#eee}.price-list-page .price-header .back-button:active{transform:scale(.98)}.price-list-page .price-header .price-title{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#333;margin:0;letter-spacing:-.3px}.price-list-page .price-header .price-title .price-title-name{line-height:1.3}.price-list-page .price-header .price-title .price-title-label{padding:.15rem .6rem;border-radius:999px;background:#ffe5e5;color:#e63a3a;font-size:.8rem;font-weight:600}.price-list-page .price-header .price-subtitle{font-size:.85rem;color:#7f8c8d;margin:0;line-height:1.5}.price-list-page .price-categories{display:flex;flex-direction:column;gap:1rem}.price-list-page .price-categories .price-category{background:#fff;border-radius:20px;padding:1.25rem;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.08)}.price-list-page .price-categories .price-category .category-title{font-size:1.2rem;font-weight:600;color:#e63a3a;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #E63A3A}.price-list-page .price-categories .price-category .price-items{display:flex;flex-direction:column;gap:.75rem}.price-list-page .price-categories .price-category .price-items .price-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f9f9f9;border-radius:12px;transition:all .2s ease;border:1px solid rgba(0,0,0,.05)}.price-list-page .price-categories .price-category .price-items .price-item:hover{background:#f5f5f5;border-color:#e63a3a33}.price-list-page .price-categories .price-category .price-items .price-item .item-info{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:0}.price-list-page .price-categories .price-category .price-items .price-item .item-info .item-name{font-size:.95rem;color:#333;font-weight:500;line-height:1.4}.price-list-page .price-categories .price-category .price-items .price-item .item-info .item-price-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.price-list-page .price-categories .price-category .price-items .price-item .item-info .item-price-info .item-original-price{font-size:.8rem;color:#999;text-decoration:line-through}.price-list-page .price-categories .price-category .price-items .price-item .item-info .item-price-info .discount-rate{display:inline-block;padding:.2rem .6rem;background:#e63a3a;color:#fff;font-size:.75rem;font-weight:600;border-radius:6px;white-space:nowrap}.price-list-page .price-categories .price-category .price-items .price-item .item-price{font-size:1.1rem;font-weight:700;color:#e63a3a;white-space:nowrap;margin-left:.75rem}.price-list-page .price-footer{margin-top:2rem;padding:1.5rem;background:#fff;border-radius:20px;text-align:center;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.08)}.price-list-page .price-footer .price-notice{font-size:.85rem;color:#666;margin:.5rem 0;line-height:1.5}.price-list-page .price-footer .btn-back-to-detail{margin-top:1rem;padding:.75rem 2rem;background:#e63a3a;color:#fff;border:none;border-radius:20px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #e63a3a33}.price-list-page .price-footer .btn-back-to-detail:hover{background:#c0392b;transform:translateY(-1px);box-shadow:0 4px 12px #e63a3a4d}.price-list-page .price-footer .btn-back-to-detail:active{transform:translateY(0)}.booking-card-surface{background:#fff;border-radius:12px}.booking-pill-button{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;min-height:44px}.booking-page{padding:8px 16px;background:linear-gradient(180deg,#fafafa,#fff)}.booking-page .booking-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:.5rem}.booking-page .booking-header-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000a,0 1px 3px #00000005;border:1px solid rgba(0,0,0,.04)}.booking-page .booking-header-logo{width:70px;height:70px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000000f;border:2px solid rgba(255,255,255,.8)}.booking-page .booking-header-logo img{width:100%;height:100%;object-fit:cover}.booking-page .booking-header-logo.placeholder{font-size:.7rem;font-weight:600;color:#adb5bd}.booking-page .booking-header-title{display:flex;flex-direction:column;gap:.35rem;flex:1}.booking-page .booking-hospital-name{margin:0;font-size:1.1rem;font-weight:700;color:#212529;line-height:1.3;letter-spacing:-.3px}.booking-page .booking-hospital-location{margin:0;font-size:.85rem;color:#6c757d;display:flex;align-items:center;gap:.35rem}.booking-page .booking-steps{display:flex;justify-content:space-between;align-items:center;gap:.5rem;position:relative;padding:0}.booking-page .booking-steps:before{content:"";position:absolute;top:calc(50% - 10px);left:0;right:0;height:2px;background:linear-gradient(90deg,#e63a3a26,#e63a3a0d);transform:translateY(-50%);z-index:0}.booking-page .booking-step-item{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .25rem;background:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.booking-page .booking-step-item .step-index{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;background:#f8f9fa;color:#adb5bd;border:3px solid #e9ecef;box-shadow:0 2px 8px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.booking-page .booking-step-item .step-label{font-size:.75rem;font-weight:600;color:#adb5bd;text-align:center;transition:all .3s ease}.booking-page .booking-step-item.current .step-index{background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff;border-color:#e63a3a;box-shadow:0 4px 16px #e63a3a4d,0 0 0 4px #e63a3a1a;transform:scale(1.08)}.booking-page .booking-step-item.current .step-label{color:#e63a3a;font-weight:700}.booking-page .booking-step-item.completed .step-index{background:linear-gradient(135deg,#e63a3a,#c92a2a);border-color:#e63a3a;box-shadow:0 2px 8px #e63a3a33;font-size:0}.booking-page .booking-step-item.completed .step-index:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.1rem;color:#fff}.booking-page .booking-step-item.completed .step-label{color:#e63a3a}.booking-page .step-arrow{display:none}.booking-page .booking-step-message{text-align:center;padding:.5rem 0;font-size:.9rem;font-weight:500;color:#495057}.booking-page .booking-step-message p{margin:0;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#e63a3a0d;border-radius:12px}.booking-page .booking-step-message p:before{content:"→";color:#e63a3a;font-weight:700}.booking-page .booking-section{margin-bottom:1.5rem;padding:1.5rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000a,0 1px 3px #00000005;border:1px solid rgba(0,0,0,.04)}.booking-page .booking-section--date{margin-top:1rem}.booking-page .booking-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f1f3f5}.booking-page .booking-section-header.compact{margin-bottom:1rem;padding-bottom:.75rem}.booking-page .booking-section-header:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,#e63a3a,#ff6b6b);border-radius:4px}.booking-page .booking-section-title{margin:0;font-size:1.05rem;font-weight:700;color:#212529;letter-spacing:-.3px}.booking-page .procedure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;padding:0}.booking-page .procedure-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:64px}.booking-page .procedure-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#e63a3a0d,#ff6b6b0d);opacity:0;transition:opacity .3s ease}.booking-page .procedure-btn:hover{transform:translateY(-2px);border-color:#dee2e6;box-shadow:0 4px 12px #00000014}.booking-page .procedure-btn:hover:before{opacity:1}.booking-page .procedure-btn:active{transform:scale(.98)}.booking-page .procedure-btn.active{background:linear-gradient(135deg,#e63a3a,#ff6b6b);border-color:#e63a3a;box-shadow:0 6px 20px #e63a3a40,0 0 0 3px #e63a3a1a;transform:translateY(-2px)}.booking-page .procedure-btn.active .procedure-label{color:#fff;font-weight:700}.booking-page .procedure-btn.active:before{opacity:0}.booking-page .procedure-btn .procedure-label{font-size:.85rem;font-weight:600;color:#495057;text-align:center;line-height:1.4;transition:all .3s ease}.booking-page .date-selector-wrap{position:relative;margin:0 -.75rem}.booking-page .date-selector{display:flex;gap:.65rem;padding:.75rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.booking-page .date-selector::-webkit-scrollbar{display:none}.booking-page .date-button{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:75px;padding:.9rem .65rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.booking-page .date-button:hover{background:#fff;border-color:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.booking-page .date-button.active{background:linear-gradient(135deg,#e63a3a1a,#ff6b6b1a);border-color:#e63a3a;box-shadow:0 4px 16px #e63a3a26,inset 0 1px #ffffff80;transform:translateY(-2px)}.booking-page .date-button.active .date-label{color:#e63a3a;font-weight:700}.booking-page .date-button.active .date-sublabel{color:#e63a3a}.booking-page .date-button .date-label{font-size:1.05rem;font-weight:600;color:#495057;transition:all .3s ease}.booking-page .date-button .date-sublabel{font-size:.75rem;color:#adb5bd;margin-top:.25rem;transition:all .3s ease}.booking-page .date-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border:none;border-radius:50%;background:#fffffff2;box-shadow:0 4px 12px #0000001a;color:#495057;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.booking-page .date-scroll-btn:hover{background:#fff;box-shadow:0 6px 16px #0000001f;transform:translateY(-50%) scale(1.05)}.booking-page .date-scroll-btn:active{transform:translateY(-50%) scale(.95)}.booking-page .date-scroll-btn.left{left:.5rem}.booking-page .date-scroll-btn.right{right:.5rem}.booking-page .booking-section--time{padding:0;overflow:hidden}.booking-page .date-header{display:flex;align-items:center;gap:.875rem;padding:1rem 1.5rem;background:#fafbfc;font-size:.9375rem;font-weight:500;color:#2c3e50;border-bottom:1px solid #e9ecef;position:relative}.booking-page .date-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#e63a3a,#ff6b6b);border-radius:0 2px 2px 0}.booking-page .date-header .calendar-icon{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,#e63a3a,#ff6b6b);box-shadow:0 1px 4px #e63a3a33;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.booking-page .date-header .calendar-icon:after{content:"";position:absolute;width:8px;height:8px;border-radius:2px;background:#ffffffe6;box-shadow:0 1px 2px #0000001a}.booking-page .date-header .date-text{flex:1;letter-spacing:-.2px;line-height:1.4}.booking-page .time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;padding:1.5rem;background:#fff}.booking-page .time-button{display:flex;align-items:center;justify-content:center;padding:.9rem .5rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;font-size:.9rem;font-weight:600;color:#495057;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:46px}.booking-page .time-button:hover{background:#fff;border-color:#dee2e6;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.booking-page .time-button:active{transform:scale(.98)}.booking-page .time-button.active{background:linear-gradient(135deg,#e63a3a,#ff6b6b);border-color:#e63a3a;color:#fff;font-weight:700;box-shadow:0 4px 16px #e63a3a40,0 0 0 3px #e63a3a1a;transform:translateY(-1px)}.booking-page .time-button:disabled{opacity:.4;cursor:not-allowed;background:#f8f9fa;border-color:#e9ecef}.booking-page .time-button:disabled:hover{transform:none;box-shadow:none}.booking-page .booking-summary-card{margin:1rem 0 1.5rem;padding:1.5rem;background:linear-gradient(135deg,#fff,#f8f9fa80);border-radius:20px;box-shadow:0 6px 24px #0000000f,0 2px 8px #00000008;border:1px solid rgba(230,58,58,.08)}.booking-page .summary-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.booking-page .summary-row:last-of-type{border-bottom:none;padding-bottom:.5rem}.booking-page .summary-label{font-size:.9rem;font-weight:500;color:#6c757d}.booking-page .summary-value{font-size:.95rem;font-weight:700;color:#212529;text-align:right}.booking-page .summary-hint{margin:1rem 0 0;padding:.75rem;font-size:.8rem;color:#6c757d;line-height:1.6;background:#e63a3a08;border-radius:12px;border-left:3px solid #E63A3A}.booking-page .booking-nav{display:flex;gap:.75rem;padding:0}.booking-page .booking-nav .booking-nav-btn{flex:1;padding:1.1rem;background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff;border:none;border-radius:16px;font-size:1.05rem;font-weight:700;letter-spacing:-.3px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #e63a3a4d,0 2px 8px #e63a3a33;position:relative;overflow:hidden}.booking-page .booking-nav .booking-nav-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0);opacity:0;transition:opacity .3s ease}.booking-page .booking-nav .booking-nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #e63a3a59,0 4px 12px #e63a3a40}.booking-page .booking-nav .booking-nav-btn:hover:not(:disabled):before{opacity:1}.booking-page .booking-nav .booking-nav-btn:active:not(:disabled){transform:translateY(0)}.booking-page .booking-nav .booking-nav-btn:disabled{background:linear-gradient(135deg,#adb5bd,#ced4da);box-shadow:none;cursor:not-allowed;opacity:.6}.booking-page .booking-hint-text{padding:.75rem;font-size:.85rem;color:#6c757d;text-align:center;background:#f8f9fa;border-radius:12px;grid-column:1/-1}.booking-page .booking-error-text{padding:.75rem 1rem;font-size:.85rem;font-weight:500;color:#dc3545;background:#dc35450d;border-radius:12px;border-left:3px solid #dc3545;grid-column:1/-1}@media (max-width: 380px){.booking-page .procedure-grid,.booking-page .time-grid{grid-template-columns:repeat(3,1fr)}}@media (hover: none) and (pointer: coarse){.booking-page .date-scroll-btn{display:flex}}@media (min-width: 769px){.hospital-list-page .active-filters-wrapper .filter-scroll-btn{display:none}}@media (max-width: 768px){.hospital-list-page .active-filters-wrapper .filter-scroll-btn{display:flex}}.booking-detail-page{padding:8px 16px;background:linear-gradient(180deg,#fafafa,#fff)}.booking-detail-page .booking-detail-summary{margin-bottom:1.5rem;padding:0;background:linear-gradient(135deg,#fff,#f8f9fa80);border-radius:20px;box-shadow:0 6px 24px #0000000f,0 2px 8px #00000008;border:1px solid rgba(230,58,58,.08);overflow:hidden}.booking-detail-page .booking-detail-summary .booking-detail-summary-content{display:flex;gap:1rem;flex-direction:row;padding:1.5rem}.booking-detail-page .booking-detail-summary .booking-detail-summary-left{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.booking-detail-page .booking-detail-summary .booking-detail-summary-left .booking-detail-summary-logo{width:70px;height:70px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000000f;border:2px solid rgba(255,255,255,.8);object-fit:cover}.booking-detail-page .booking-detail-summary .booking-detail-summary-left .booking-detail-summary-logo.placeholder{font-size:.7rem;font-weight:600;color:#adb5bd}.booking-detail-page .booking-detail-summary .booking-detail-summary-right{flex:1;min-width:0}.booking-detail-page .booking-detail-summary .booking-detail-summary-right .booking-detail-summary-header{margin-bottom:.5rem}.booking-detail-page .booking-detail-summary .booking-detail-summary-right .booking-detail-summary-title{font-size:1.1rem;font-weight:600;color:#212529df;margin:0;letter-spacing:-.3px}.booking-detail-page .booking-detail-summary .booking-detail-summary-right>div:not(.booking-detail-summary-header){font-size:.65rem;color:#181a1c;line-height:1.6}.booking-detail-page .booking-detail-summary .booking-detail-summary-right>div:not(.booking-detail-summary-header) strong{font-size:.9rem;font-weight:900}.booking-detail-page .booking-detail-summary .booking-detail-summary-right>div:not(.booking-detail-summary-header):last-child{margin-bottom:0}.booking-detail-page .booking-detail-form{display:flex;flex-direction:column;gap:1.5rem}.booking-detail-page .booking-detail-field{display:flex;flex-direction:column;gap:.75rem}.booking-detail-page .booking-detail-input-wrapper{position:relative}.booking-detail-page .booking-detail-label{font-size:.95rem;font-weight:600;color:#212529;display:flex;align-items:center;gap:.35rem}.booking-detail-page .booking-detail-required{color:#e63a3a;font-weight:700}.booking-detail-page .booking-detail-input{width:100%;padding:.9rem 1rem;font-size:16px;color:#212529;background:#fff;border:2px solid #e9ecef;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.booking-detail-page .booking-detail-input:focus{border-color:#e63a3a;box-shadow:0 0 0 3px #e63a3a1a,0 2px 8px #e63a3a1a}.booking-detail-page .booking-detail-input.error{border-color:#dc3545}.booking-detail-page .booking-detail-input.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a,0 2px 8px #dc35451a}.booking-detail-page .booking-detail-input::placeholder{color:#adb5bd}.booking-detail-page .booking-detail-error-message{position:absolute;top:-1.6rem;right:0;font-size:.75rem;color:#dc3545;line-height:1.4;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.booking-detail-page .booking-detail-error-message.visible{opacity:1;visibility:visible}.booking-detail-page .booking-detail-textarea{width:100%;padding:.9rem 1rem;font-size:16px;color:#212529;background:#fff;border:2px solid #e9ecef;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;resize:vertical;font-family:inherit;line-height:1.6}.booking-detail-page .booking-detail-textarea:focus{border-color:#e63a3a;box-shadow:0 0 0 3px #e63a3a1a,0 2px 8px #e63a3a1a}.booking-detail-page .booking-detail-textarea::placeholder{color:#adb5bd}.booking-detail-page .booking-detail-select{padding:.9rem 2.5rem .9rem 1rem;font-size:16px;color:#212529;background:#fff;border:2px solid #e9ecef;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23495057' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.booking-detail-page .booking-detail-select:focus{border-color:#e63a3a;box-shadow:0 0 0 3px #e63a3a1a,0 2px 8px #e63a3a1a}.booking-detail-page .booking-detail-select option[value=""][disabled]{color:#adb5bd}.booking-detail-page .booking-detail-select:invalid{color:#adb5bd}.booking-detail-page .booking-detail-phone-row{display:flex;gap:.75rem;align-items:stretch}.booking-detail-page .booking-detail-phone-select-wrap{position:relative;flex-shrink:0}.booking-detail-page .booking-detail-phone-select{display:flex;align-items:center;gap:.5rem;padding:.9rem 1rem;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px;white-space:nowrap}.booking-detail-page .booking-detail-phone-select:hover{border-color:#dee2e6}.booking-detail-page .booking-detail-phone-select:focus{border-color:#e63a3a;box-shadow:0 0 0 3px #e63a3a1a,0 2px 8px #e63a3a1a}.booking-detail-page .booking-detail-phone-country-label{font-size:.9rem;font-weight:600;color:#212529}.booking-detail-page .booking-detail-phone-code{font-size:.85rem;color:#6c757d;font-weight:500}.booking-detail-page .booking-detail-phone-arrow{font-size:.7rem;color:#6c757d;margin-left:auto}.booking-detail-page .booking-detail-phone-options{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014;z-index:10;overflow:hidden;margin:0;padding:.5rem 0;list-style:none}.booking-detail-page .booking-detail-phone-options li{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;gap:.75rem}.booking-detail-page .booking-detail-phone-options li:hover{background:#f8f9fa}.booking-detail-page .booking-detail-phone-options li:active{background:#e9ecef}.booking-detail-page .booking-detail-phone-options li span:first-child{font-size:.9rem;font-weight:500;color:#212529}.booking-detail-page .booking-detail-phone-input{flex:1}.booking-detail-page .booking-detail-passport-row{display:flex;gap:.65rem;align-items:stretch}.booking-detail-page .booking-detail-passport-select{flex:1}.booking-detail-page .booking-detail-toggle-group{display:flex;gap:.75rem}.booking-detail-page .booking-detail-toggle-btn{flex:1;padding:.9rem 1rem;font-size:.95rem;font-weight:600;color:#495057;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.booking-detail-page .booking-detail-toggle-btn:hover{background:#fff;border-color:#dee2e6;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.booking-detail-page .booking-detail-toggle-btn:active{transform:scale(.98)}.booking-detail-page .booking-detail-toggle-btn.active{background:linear-gradient(135deg,#e63a3a,#ff6b6b);border-color:#e63a3a;color:#fff;font-weight:700;box-shadow:0 4px 16px #e63a3a40,0 0 0 3px #e63a3a1a;transform:translateY(-1px)}.booking-detail-page .booking-detail-section-card{padding:1.5rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000a,0 1px 3px #00000005;border:1px solid rgba(0,0,0,.04)}.booking-detail-page .booking-detail-section{display:flex;flex-direction:column;gap:1rem}.booking-detail-page .booking-detail-section-title{font-size:1.05rem;font-weight:700;color:#212529;margin:0 0 1rem;letter-spacing:-.3px;display:flex;align-items:center;gap:.35rem}.booking-detail-page .booking-detail-sedation-list{margin:0 0 1.25rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}.booking-detail-page .booking-detail-sedation-list li{font-size:.9rem;color:#495057;line-height:1.6;padding-left:1rem;position:relative}.booking-detail-page .booking-detail-sedation-list li:before{content:"•";position:absolute;left:0;color:#e63a3a;font-weight:700}.booking-detail-page .booking-detail-disclaimer-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:#fff;border:2px solid #e9ecef;border-radius:12px;font-size:.95rem;font-weight:600;color:#212529;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;outline:none}.booking-detail-page .booking-detail-disclaimer-toggle:hover{border-color:#dee2e6;background:#f8f9fa}.booking-detail-page .booking-detail-disclaimer-toggle:active{transform:scale(.98)}.booking-detail-page .booking-detail-disclaimer-content{padding:1.25rem;background:#f8f9fa;border-radius:12px;font-size:.85rem;color:#495057;line-height:1.7;margin-top:.75rem;border:1px solid #e9ecef}.booking-detail-page .booking-detail-disclaimer-content p{margin:0 0 .75rem}.booking-detail-page .booking-detail-disclaimer-content p:last-child{margin-bottom:0}.booking-detail-page .booking-detail-disclaimer-content ul{margin:.5rem 0 .75rem 1.25rem;padding:0}.booking-detail-page .booking-detail-disclaimer-content ul li{margin-bottom:.5rem;line-height:1.6}.booking-detail-page .booking-detail-disclaimer-content ul li:last-child{margin-bottom:0}.booking-detail-page .booking-detail-disclaimer-content strong{color:#212529;font-weight:600}.booking-detail-page .booking-detail-check-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.75rem;background:#f8f9fa;border-radius:12px;transition:all .2s ease}.booking-detail-page .booking-detail-check-label:hover{background:#e9ecef}.booking-detail-page .booking-detail-check-label input[type=checkbox]{width:20px;height:20px;margin-top:.1rem;cursor:pointer;accent-color:#E63A3A;flex-shrink:0}.booking-detail-page .booking-detail-check-label span{font-size:.9rem;color:#495057;line-height:1.5;flex:1}.booking-detail-page .booking-detail-actions{display:flex;gap:.75rem;margin-top:.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef;align-items:stretch}.booking-detail-page .booking-detail-back-btn{flex:1;padding:1.1rem;background:#fff;color:#495057;border:2px solid #e9ecef;border-radius:16px;font-size:1.05rem;font-weight:600;letter-spacing:-.3px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;display:flex;align-items:center;justify-content:center;min-height:52px}.booking-detail-page .booking-detail-back-btn:hover{background:#f8f9fa;border-color:#dee2e6;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.booking-detail-page .booking-detail-back-btn:active{transform:translateY(0)}.booking-detail-page .booking-detail-submit-btn{flex:1;padding:1.1rem;background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff;border:none;border-radius:16px;font-size:1.05rem;font-weight:700;letter-spacing:-.3px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #e63a3a4d,0 2px 8px #e63a3a33;position:relative;overflow:hidden;outline:none;display:flex;align-items:center;justify-content:center;min-height:52px}.booking-detail-page .booking-detail-submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0);opacity:0;transition:opacity .3s ease}.booking-detail-page .booking-detail-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #e63a3a59,0 4px 12px #e63a3a40}.booking-detail-page .booking-detail-submit-btn:hover:not(:disabled):before{opacity:1}.booking-detail-page .booking-detail-submit-btn:active:not(:disabled){transform:translateY(0)}.booking-detail-page .booking-detail-submit-btn:disabled{background:linear-gradient(135deg,#adb5bd,#ced4da);box-shadow:none;cursor:not-allowed;opacity:.6}@media (max-width: 480px){.booking-detail-page .booking-detail-phone-row{flex-direction:column}.booking-detail-page .booking-detail-phone-select-wrap,.booking-detail-page .booking-detail-phone-select{width:100%}.booking-detail-page .booking-detail-passport-row{flex-wrap:wrap}}.gx-modal-backdrop{position:fixed;inset:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1.5rem}.gx-modal-backdrop.no-backdrop{background:transparent}.gx-modal{width:100%;max-width:420px;background:#fff;border-radius:20px;box-shadow:0 16px 40px #0f172a52;padding:1.5rem 1.5rem 1.25rem;animation:gx-modal-pop .18s ease-out;max-height:90vh;display:flex;flex-direction:column}@media (max-width: 480px){.gx-modal{max-width:100%;border-radius:20px;margin:0 .5rem;padding:1.25rem 1.25rem 1rem}}.gx-modal-title{margin:0;margin-bottom:1rem;font-size:1.3rem;font-weight:700;color:#111827;letter-spacing:-.03em;padding-bottom:.9rem;border-bottom:1px solid rgba(15,23,42,.06);display:flex;align-items:center;gap:.5rem}.gx-modal-title:before{content:"";display:inline-block;width:4px;height:1.2em;border-radius:999px;background:linear-gradient(180deg,#e63a3a,#ff8a8a)}.gx-modal-body{font-size:.95rem;line-height:1.6;color:#4b5563;overflow-y:auto;overflow-x:hidden;flex:1;margin-right:-.5rem;padding-right:.5rem}.gx-modal-body::-webkit-scrollbar{width:6px}.gx-modal-body::-webkit-scrollbar-track{background:transparent}.gx-modal-body::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:10px}.gx-modal-body::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.gx-modal-footer{margin-top:1.5rem;display:flex;justify-content:space-between;gap:.75rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.06);flex-shrink:0}@media (max-width: 480px){.gx-modal-footer{flex-direction:row;align-items:stretch;gap:.5rem}}.gx-modal-button{flex:1;padding:.75rem 1.6rem;border-radius:12px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 480px){.gx-modal-button{flex:1}}.gx-modal-button.primary{background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff;box-shadow:0 4px 12px #e63a3a4d}.gx-modal-button.primary:hover{background:linear-gradient(135deg,#d32f2f,#ff5252);box-shadow:0 6px 16px #e63a3a66;transform:translateY(-2px)}.gx-modal-button.primary:active{transform:translateY(0);box-shadow:0 2px 8px #e63a3a4d}.gx-modal-button.secondary{background:#fff;color:#666;border:2px solid #e5e5e5}.gx-modal-button.secondary:hover{background:#f8f8f8;border-color:#d0d0d0;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.gx-modal-button.secondary:active{background:#f0f0f0;transform:translateY(0)}.gx-modal-main-text{font-size:1.05rem;font-weight:600;color:#111827;margin:0 0 .4rem;line-height:1.5}.gx-modal-sub-text{font-size:.875rem;color:#6b7280;margin:0;line-height:1.6}.gx-modal-section{margin-top:1.25rem}.gx-modal-section:first-child{margin-top:0}.gx-modal-section-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;letter-spacing:.01em}.gx-modal-list{display:flex;flex-direction:column;gap:.5rem;background:#f9fafb;padding:.75rem;border-radius:8px}.gx-modal-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;font-size:.9rem;padding:.4rem 0;border-bottom:1px solid #e5e7eb}.gx-modal-row:last-child{border-bottom:none;padding-bottom:0}.gx-modal-row:first-child{padding-top:0}.gx-modal-label{color:#6b7280;min-width:5rem;font-weight:500;flex-shrink:0}.gx-modal-value{flex:1;text-align:right;color:#111827;font-weight:500;word-break:break-word;line-height:1.5}@keyframes gx-modal-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.reservation-detail-modal .detail-status-section{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(0,0,0,.06)}.reservation-detail-modal .detail-status-section .detail-status-badge{padding:8px 20px;border-radius:20px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #00000014}.reservation-detail-modal .detail-status-section .detail-status-badge.requested,.reservation-detail-modal .detail-status-section .detail-status-badge.confirmed,.reservation-detail-modal .detail-status-section .detail-status-badge.changed{background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff}.reservation-detail-modal .detail-status-section .detail-status-badge.completed,.reservation-detail-modal .detail-status-section .detail-status-badge.checkin{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.reservation-detail-modal .detail-status-section .detail-status-badge.cancelled,.reservation-detail-modal .detail-status-section .detail-status-badge.noshow,.reservation-detail-modal .detail-status-section .detail-status-badge.checkin_cancel{background:linear-gradient(135deg,#757575,#9e9e9e);color:#fff}.reservation-detail-modal .reservation-id-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #E63A3A;border-radius:12px;padding:16px;text-align:center;font-size:20px;font-weight:700;color:#e63a3a;letter-spacing:1px;font-family:Courier New,monospace}.reservation-detail-modal .detail-info-box{background:linear-gradient(135deg,#fff8f0,#ffe8e8);border:1px solid rgba(230,58,58,.2);border-radius:12px;padding:14px 16px;display:flex;align-items:flex-start;gap:12px}.reservation-detail-modal .detail-info-box svg{flex-shrink:0;color:#e63a3a;margin-top:2px}.reservation-detail-modal .detail-info-box p{margin:0;font-size:13px;line-height:1.6;color:#666;font-weight:500}@media (max-width: 480px){.reservation-detail-modal .detail-status-section{margin-bottom:1rem;padding-bottom:1rem}.reservation-detail-modal .detail-status-section .detail-status-badge{font-size:13px;padding:7px 18px}.reservation-detail-modal .reservation-id-box{font-size:18px;padding:14px}.reservation-detail-modal .detail-info-box{padding:12px 14px;gap:10px}.reservation-detail-modal .detail-info-box svg{width:16px;height:16px}.reservation-detail-modal .detail-info-box p{font-size:12px}}.post-card{display:block;background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;margin-bottom:8px;break-inside:avoid;transition:transform .2s ease;cursor:pointer}.post-card:active{transform:scale(.98)}.post-card .post-card-media{position:relative;width:100%;background:#f5f5f5;overflow:hidden;border-radius:12px 12px 0 0}.post-card .post-card-media .post-card-image{width:100%;height:auto;display:block;object-fit:cover}.post-card .post-card-media .video-thumb{pointer-events:none;background:#000;object-fit:cover}.post-card .post-card-media .image-count-badge{position:absolute;bottom:8px;right:8px;background:#0009;border-radius:12px;padding:4px 8px;display:flex;align-items:center;gap:4px}.post-card .post-card-media .image-count-badge svg{width:14px;height:14px}.post-card .post-card-media .image-count-badge span{color:#fff;font-size:12px;font-weight:600}.post-card .post-card-content{padding:8px;border:1px solid #e1e5e9;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #0000000f}.post-card .post-card-content .post-card-title{font-size:14px;font-weight:400;color:#333;margin:0 0 8px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-card .post-card-content .post-card-footer{display:flex;align-items:center;justify-content:space-between}.post-card .post-card-content .post-card-footer .author-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.post-card .post-card-content .post-card-footer .author-info .author-avatar{width:20px;height:20px;border-radius:50%;background:#ddd;overflow:hidden;flex-shrink:0}.post-card .post-card-content .post-card-footer .author-info .author-avatar img{width:100%;height:100%;object-fit:cover}.post-card .post-card-content .post-card-footer .author-info .author-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:600}.post-card .post-card-content .post-card-footer .author-info .author-name{font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-card .post-card-content .post-card-footer .post-stats{display:flex;align-items:center;gap:12px;flex-shrink:0}.post-card .post-card-content .post-card-footer .post-stats .likes{display:flex;align-items:center;gap:4px}.post-card .post-card-content .post-card-footer .post-stats .likes .like-icon{font-size:14px;line-height:1}.post-card .post-card-content .post-card-footer .post-stats .likes .like-count{font-size:12px;color:#999}.post-card .post-card-content .post-card-footer .post-stats .comments{display:flex;align-items:center;gap:4px}.post-card .post-card-content .post-card-footer .post-stats .comments svg{width:14px;height:14px;color:#999}.post-card .post-card-content .post-card-footer .post-stats .comments .comment-count{font-size:12px;color:#999}.comment-feed-card{border-bottom:1px solid #f0f0f0}.comment-feed-card .comment-feed-comments{margin:12px 0 0;padding:12px 0 0;display:flex;flex-direction:column;gap:8px}.comment-feed-card .comment-feed-comments .comment-feed-comment{position:relative;background:linear-gradient(135deg,#f8f9fa,#f5f6f7);border-left:3px solid #E63A3A;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5;color:#333;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.comment-feed-card .comment-feed-comments .comment-feed-comment .comment-content{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;padding-left:8px}.comment-feed-card .comment-feed-comments .comment-feed-comment:hover{background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 2px 6px #00000014;transform:translate(2px)}.comment-feed-card .comment-feed-comments .comment-feed-more{font-size:12px;color:#e63a3a;text-align:center;padding:8px 0;font-weight:600;border-radius:6px;margin-top:4px}@media (max-width: 768px){.post-card{border-radius:8px}.post-card .post-card-content{padding:6px}.post-card .post-card-content .post-card-title{font-size:13px;min-height:36px}.comment-feed-card .comment-feed-comments{margin:10px 0 0;padding:10px 0 0;gap:6px}.comment-feed-card .comment-feed-comments .comment-feed-comment{padding:8px 10px;font-size:12px;border-left-width:2px}.comment-feed-card .comment-feed-comments .comment-feed-comment .comment-content{-webkit-line-clamp:2;padding-left:8px}.comment-feed-card .comment-feed-comments .comment-feed-more{font-size:11px;padding:6px 0;margin-top:2px}}.post-detail-modal-backdrop{position:fixed;top:calc(var(--collapsed-header-h) - .5rem);bottom:calc(var(--tabbar-h) + var(--sab, 0px));background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:auto;overflow-y:hidden;padding:16px 12px;will-change:transform;transform:translateZ(0);overscroll-behavior:none;overscroll-behavior-y:none;touch-action:pan-y}.post-detail-modal{position:relative;width:100%;max-width:480px;height:100%;overscroll-behavior:none;overscroll-behavior-y:none;touch-action:pan-y;background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;pointer-events:auto;margin:auto;will-change:transform;contain:style paint}.post-detail-modal.slide.slide-next{animation:modal-slide-up .4s cubic-bezier(.25,.46,.45,.94)}.post-detail-modal.slide.slide-prev{animation:modal-slide-down .4s cubic-bezier(.25,.46,.45,.94)}.post-detail-modal.slide{width:100%;max-width:480px}.post-detail-modal .modal-content{display:flex;flex-direction:column;height:100%;overflow:hidden;overscroll-behavior:none;overscroll-behavior-y:none;touch-action:pan-y;background:#fff}.post-detail-modal .modal-content.expanded .modal-media-section{flex:.75}.post-detail-modal .modal-content.expanded .modal-info-section{min-height:0}.post-detail-modal .modal-media-section{flex:1;min-height:0;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-radius:16px 16px 0 0;transition:flex .6s cubic-bezier(.25,.46,.45,.94),min-height .6s cubic-bezier(.25,.46,.45,.94)}.post-detail-modal .modal-media-section .video-control-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;animation:fadeOut .6s ease-out forwards}.post-detail-modal .modal-media-section .video-control-icon svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}@keyframes fadeOut{0%{opacity:.6}20%{opacity:.75}to{opacity:0}}.post-detail-modal .modal-media-section .modal-media-swiper{width:100%;height:100%;background:#000}.post-detail-modal .modal-media-section .modal-media-swiper .swiper-wrapper{background:#000}.post-detail-modal .modal-media-section .modal-media-swiper .swiper-slide{display:flex;align-items:center;justify-content:center;background:#000}.post-detail-modal .modal-media-section .modal-media-swiper .swiper-pagination{bottom:10px}.post-detail-modal .modal-media-section .modal-media-swiper .swiper-pagination .swiper-pagination-bullet{background:#ffffff80;opacity:1}.post-detail-modal .modal-media-section .modal-media-swiper .swiper-pagination .swiper-pagination-bullet-active{background:#fff}.post-detail-modal .modal-media-section .modal-image{width:100%;height:100%;object-fit:contain;background:linear-gradient(90deg,#1a1a1a,#2a2a2a,#1a1a1a);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:16px 16px 0 0;opacity:0;transition:opacity .3s ease}.post-detail-modal .modal-media-section .modal-image.loaded{animation:none;background:#000;opacity:1}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.post-detail-modal .modal-media-section .modal-video{width:100%;max-height:100%;object-fit:contain;background:#000;border-radius:16px 16px 0 0}.post-detail-modal .modal-media-section .modal-media-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;background:#00000026;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;cursor:pointer;z-index:20;display:inline-flex;align-items:center;justify-content:center;color:#fff;opacity:.85;transition:all .3s ease;border-radius:999px}.post-detail-modal .modal-media-section .modal-media-nav-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.post-detail-modal .modal-media-section .modal-media-nav-btn:hover:not(:disabled){opacity:1;transform:translateY(-50%) scale(1.1)}.post-detail-modal .modal-media-section .modal-media-nav-btn:active:not(:disabled){transform:translateY(-50%) scale(.95)}.post-detail-modal .modal-media-section .modal-media-nav-btn:disabled{opacity:.35;cursor:default}.post-detail-modal .modal-media-section .modal-media-nav-btn--prev{left:8px}.post-detail-modal .modal-media-section .modal-media-nav-btn--next{right:8px}@media (min-width: 768px){.post-detail-modal .modal-media-section .modal-media-nav-btn{width:36px;height:36px;background:#0003}}.post-detail-modal .modal-info-section{height:min(32.5%,150px);width:100%;background:#fff;flex-shrink:0;border-top:1px solid #f0f0f0;transition:transform .6s cubic-bezier(.25,.46,.45,.94),height .6s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:1;overflow:hidden;display:flex;flex-direction:column}.post-detail-modal .modal-info-section.expanded{transform:translateY(0);height:auto;max-height:calc(100vh - var(--collapsed-header-h) - var(--tabbar-h) - 200px);flex:1;transition:transform .6s cubic-bezier(.25,.46,.45,.94),height .6s cubic-bezier(.25,.46,.45,.94),flex .6s cubic-bezier(.25,.46,.45,.94);-webkit-overflow-scrolling:touch;touch-action:pan-y}.post-detail-modal .modal-info-section.expanded .modal-header{flex-shrink:0}.post-detail-modal .modal-info-section.expanded .modal-body{flex:1;min-height:0;height:auto;max-height:none;overflow-y:auto}.modal-comments-section.open~.post-detail-modal .modal-info-section.expanded .modal-body{overflow-y:hidden}.post-detail-modal .modal-info-section.expanded .modal-comments-section.open{height:100%;max-height:100%}.post-detail-modal .modal-info-section.expanded::-webkit-scrollbar{width:6px}.post-detail-modal .modal-info-section.expanded::-webkit-scrollbar-track{background:transparent}.post-detail-modal .modal-info-section.expanded::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.post-detail-modal .modal-info-section.expanded::-webkit-scrollbar-thumb:hover{background:#0000004d}.post-detail-modal .modal-info-section.expanded .modal-content-section{padding:20px!important;cursor:default!important}.post-detail-modal .modal-info-section.expanded .modal-content-section:hover{background:#fff!important}.post-detail-modal .modal-info-section.expanded .modal-content-section .content-title{margin-bottom:12px!important}.post-detail-modal .modal-info-section.expanded .modal-content-section .content-tags{margin-top:16px!important}.post-detail-modal.expanded.comments-open .modal-body{transform:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f0f0f0;flex-shrink:0;position:relative;z-index:1}.modal-header .author-info{display:flex;align-items:center;gap:10px;flex:1}.modal-header .author-info .author-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.modal-header .author-info .author-avatar img{width:100%;height:100%;object-fit:cover}.modal-header .author-info .author-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:700}.modal-header .author-info .author-details{display:flex;flex-direction:column;gap:2px}.modal-header .author-info .author-details .author-name{font-size:14px;font-weight:600;color:#222}.modal-header .author-info .author-details .location-tag{font-size:12px;color:#666}.modal-header .action-buttons{display:flex;align-items:center;gap:4px}.modal-header .action-buttons .icon-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:8px;border-radius:50%;transition:all .5s;color:#222}.modal-header .action-buttons .icon-btn:hover{background:#0000000d}.modal-header .action-buttons .icon-btn:active{transform:scale(.9)}.modal-header .action-buttons .icon-btn svg{width:24px;height:24px;transition:all .5s}.modal-header .action-buttons .icon-btn .count{font-size:14px;font-weight:600;color:#222;margin-left:2px}.modal-header .action-buttons .icon-btn.like-btn:hover svg{stroke:#ff3b5c}.modal-header .action-buttons .icon-btn.bookmark-btn:hover svg{stroke:#ffc107}.modal-header .action-buttons .icon-btn.comment-btn:hover svg{stroke:#2196f3}.modal-header .action-buttons .icon-btn.comment-btn.active{color:#2196f3}.modal-header .action-buttons .icon-btn.comment-btn.active svg{stroke:#2196f3}.modal-body{position:relative;height:80px;display:flex;flex-direction:column;transition:height .6s cubic-bezier(.25,.46,.45,.94);overscroll-behavior:none;overscroll-behavior-y:none;overscroll-behavior-x:none;overflow:hidden;z-index:1}.modal-body .modal-content-section{padding:16px 20px;flex-shrink:0;background:#fff;transition:background .2s ease}.modal-body .modal-content-section:hover{background:#fafafa}.modal-body .modal-content-section .content-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.4;letter-spacing:-.02em;word-break:keep-all;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.modal-body .modal-content-section .content-text{font-size:14px;color:#262626;line-height:1.5;word-break:break-word;font-weight:400;white-space:pre-wrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.modal-body .modal-content-section .content-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0}.modal-body .modal-content-section .content-tags .tag-card{display:inline-flex;align-items:center;padding:8px 14px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;font-size:13px;color:#fff;font-weight:600;letter-spacing:-.02em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #667eea4d;position:relative;overflow:hidden}.modal-body .modal-content-section .content-tags .tag-card:before{content:"#";color:#ffffffe6;font-weight:600;margin-right:3px}.modal-body .modal-content-section .content-tags .tag-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.modal-body .modal-content-section .content-tags .tag-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea80;background:linear-gradient(135deg,#764ba2,#667eea)}.modal-body .modal-content-section .content-tags .tag-card:hover:after{left:100%}.modal-body .modal-content-section .content-tags .tag-card:active{transform:translateY(0)}.modal-body .collapse-btn{position:fixed;bottom:1.5rem;right:calc(50% - var(--mobile-max-width) / 2 + 2rem);display:flex;align-items:center;gap:4px;padding:6px 12px;background:#00000014;border:none;border-radius:16px;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;z-index:1000;box-shadow:0 2px 8px #00000026}.modal-body .collapse-btn svg{width:16px;height:16px;transition:transform .2s ease}.modal-body .collapse-btn:hover{background:#00000026;color:#333;box-shadow:0 4px 12px #0003}.modal-body .collapse-btn:hover svg{transform:translateY(-2px)}.modal-body .collapse-btn:active{background:#0003;transform:scale(.95)}.modal-comments-section{position:absolute;inset:auto 0 0;height:0;max-height:0;overflow:hidden;transition:height .6s cubic-bezier(.25,.46,.45,.94),max-height .6s cubic-bezier(.25,.46,.45,.94),opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateY(100%);background:#fff;z-index:100;pointer-events:none}.modal-comments-section.open{height:100%;max-height:calc(100vh - var(--collapsed-header-h) - var(--tabbar-h) - 200px);opacity:1;transform:translateY(0);transition:height .6s cubic-bezier(.25,.46,.45,.94),max-height .6s cubic-bezier(.25,.46,.45,.94),opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;overflow:hidden;pointer-events:auto}.modal-comments-section .comments-header{padding:1rem;border-bottom:1px solid #e0e0e0;background:#fff;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-comments-section .comments-header .comments-title{font-size:16px;font-weight:600;color:#222;margin:0}.modal-comments-section .comments-header .comments-close-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;border-radius:50%;transition:all .5s;width:28px;height:28px}.modal-comments-section .comments-header .comments-close-btn:hover{background:#0000000d;color:#222}.modal-comments-section .comments-header .comments-close-btn:active{transform:scale(.9)}.modal-comments-section .comments-header .comments-close-btn svg{width:20px;height:20px}.modal-comments-section .comments-list{flex:1;display:flex;flex-direction:column;min-height:0;padding:4px 0;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-comments-section .comments-list::-webkit-scrollbar{width:6px}.modal-comments-section .comments-list::-webkit-scrollbar-track{background:transparent}.modal-comments-section .comments-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.modal-comments-section .comments-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.modal-comments-section .comments-list .comments-loading,.modal-comments-section .comments-list .comments-empty{padding:24px 16px;text-align:center;color:#999;font-size:14px}.modal-comments-section .comments-list .comment-item{padding:10px 12px;background:#fff;border-bottom:1px solid #f0f0f0;transition:background .3s}.modal-comments-section .comments-list .comment-item.comment-highlight{background:#ff5e621f;border-radius:10px}.modal-comments-section .comments-list .comment-item:hover{background:#fafafa}.modal-comments-section .comments-list .comment-item:last-child{border-bottom:none}.modal-comments-section .comments-list .comment-item .comment-main-row{display:flex;align-items:center;gap:8px;width:100%}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-avatar{flex-shrink:0}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-avatar .avatar-placeholder{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-content-wrapper{flex:1;min-width:0}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-content-wrapper .comment-inline-row{display:flex;flex-direction:column;gap:4px;min-width:0}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-content-wrapper .comment-header-row{display:flex;align-items:baseline;gap:6px;flex-shrink:0}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-content-wrapper .comment-author-name{font-size:10px;font-weight:600;color:#666;line-height:1.1;flex-shrink:0}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-content-wrapper .comment-time{font-size:10px;font-weight:600;color:#999;line-height:1.1;flex-shrink:0}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-content-wrapper .comment-content{font-size:13px;color:#444;line-height:1.2;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-content-wrapper .comment-edit-input{width:100%;min-height:50px;max-height:100px;padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;font-family:inherit;resize:none;outline:none;transition:border-color .2s}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-content-wrapper .comment-edit-input:focus{border-color:#2196f3}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-actions-desktop{display:none;gap:4px;flex-shrink:0}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-actions-desktop .comment-action-btn{background:none;border:none;padding:3px 6px;font-size:11px;color:#666;cursor:pointer;border-radius:4px;transition:all .2s;white-space:nowrap}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-actions-desktop .comment-action-btn:hover{background:#f0f0f0;color:#222}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-actions-desktop .comment-action-btn.delete{color:#e63a3a}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-actions-desktop .comment-action-btn.delete:hover{background:#ffe0e0;color:#c62828}@media (min-width: 768px){.modal-comments-section .comments-list .comment-item .comment-main-row:hover .comment-actions-desktop{display:flex}}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-long-press-menu{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-long-press-menu .comment-long-press-backdrop{position:absolute;inset:0;background:#00000080}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-long-press-menu .comment-long-press-actions{position:relative;background:#fff;border-radius:12px 12px 0 0;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:200px;box-shadow:0 -2px 10px #0000001a}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-long-press-menu .comment-long-press-actions .comment-action-btn{background:none;border:none;padding:12px;font-size:14px;color:#222;cursor:pointer;border-radius:8px;text-align:left;transition:all .2s}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-long-press-menu .comment-long-press-actions .comment-action-btn:hover,.modal-comments-section .comments-list .comment-item .comment-main-row .comment-long-press-menu .comment-long-press-actions .comment-action-btn:active{background:#f0f0f0}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-long-press-menu .comment-long-press-actions .comment-action-btn.delete{color:#e63a3a}.modal-comments-section .comments-list .comment-item .comment-main-row .comment-long-press-menu .comment-long-press-actions .comment-action-btn.delete:hover,.modal-comments-section .comments-list .comment-item .comment-main-row .comment-long-press-menu .comment-long-press-actions .comment-action-btn.delete:active{background:#ffe0e0}@media (min-width: 768px){.modal-comments-section .comments-list .comment-item .comment-main-row .comment-long-press-menu{display:none}}.modal-comments-section .comments-list .comment-item .comment-reply-btn{background:none;border:none;cursor:pointer;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:2px;flex-shrink:0}.modal-comments-section .comments-list .comment-item .comment-reply-btn svg{width:14px;height:14px}.modal-comments-section .comments-list .comment-item .comment-like-btn{background:none;border:none;cursor:pointer;border-radius:4px;transition:all .2s;display:flex;align-items:center;gap:4px;padding:2px 4px;flex-shrink:0;margin-left:auto}.modal-comments-section .comments-list .comment-item .comment-like-btn svg{width:14px;height:14px;flex-shrink:0}.modal-comments-section .comments-list .comment-item .comment-like-btn .comment-like-count{font-size:11px;color:#666;font-weight:500;line-height:1;white-space:nowrap}.modal-comments-section .comments-list .comment-item .comment-like-btn:hover .comment-like-count{color:#ff3b5c}.modal-comments-section .comments-list .comment-item .comment-reply-form{margin-top:8px;padding:8px;background:#f9f9f9;border-radius:6px}.modal-comments-section .comments-list .comment-item .comment-reply-form .comment-reply-input{width:100%;min-height:40px;max-height:80px;padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:12px;font-family:inherit;resize:none;outline:none;margin-bottom:6px;transition:border-color .2s}.modal-comments-section .comments-list .comment-item .comment-reply-form .comment-reply-input:focus{border-color:#2196f3}.modal-comments-section .comments-list .comment-item .comment-reply-form .comment-reply-actions{display:flex;gap:6px;justify-content:flex-end}.modal-comments-section .comments-list .comment-item .comment-reply-form .comment-reply-actions .comment-reply-submit-btn{padding:5px 12px;background:#2196f3;color:#fff;border:none;border-radius:12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.modal-comments-section .comments-list .comment-item .comment-reply-form .comment-reply-actions .comment-reply-submit-btn:hover:not(:disabled){background:#1976d2}.modal-comments-section .comments-list .comment-item .comment-reply-form .comment-reply-actions .comment-reply-submit-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.modal-comments-section .comments-list .comment-item .comment-reply-form .comment-reply-actions .comment-reply-cancel-btn{padding:5px 12px;background:#f5f5f5;color:#666;border:none;border-radius:12px;font-size:12px;cursor:pointer;transition:all .2s}.modal-comments-section .comments-list .comment-item .comment-reply-form .comment-reply-actions .comment-reply-cancel-btn:hover{background:#e0e0e0}.modal-comments-section .comments-list .comment-item .comment-replies{margin-top:8px;padding-left:12px;border-left:2px solid #e0e0e0}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item{padding:8px 0;border-bottom:1px solid #f5f5f5}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item:last-child{border-bottom:none}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-main-row{gap:6px}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-main-row .comment-avatar .avatar-placeholder{width:24px;height:24px;font-size:11px}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-main-row .comment-content-wrapper .comment-inline-row{gap:4px}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-main-row .comment-content-wrapper .comment-header-row{gap:5px}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-main-row .comment-content-wrapper .comment-author-name{font-size:10px;color:#666}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-main-row .comment-content-wrapper .comment-time{font-size:10px}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-main-row .comment-content-wrapper .comment-content{font-size:12px;color:#555;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-main-row .comment-content-wrapper .comment-edit-input{font-size:12px;min-height:40px;padding:5px 8px}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-main-row .comment-actions-desktop{gap:3px}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-main-row .comment-actions-desktop .comment-action-btn{font-size:10px;padding:2px 5px}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-main-row .comment-long-press-menu .comment-long-press-actions .comment-action-btn{font-size:13px;padding:10px}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-main-row .comment-like-btn{padding:2px 4px}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-main-row .comment-like-btn svg{width:12px;height:12px}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-main-row .comment-like-btn .comment-like-count{font-size:10px}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-footer{padding-left:30px;margin-top:1px}.modal-comments-section .comments-list .comment-item .comment-replies .comment-reply-item .comment-footer .comment-time{font-size:10px;color:#999}.modal-comments-section .comments-input-section{flex-shrink:0;padding:12px 16px;background:#fff;border-top:1px solid #e0e0e0;position:sticky;bottom:0;z-index:10}.modal-comments-section .comments-input-section .comments-input-form{width:100%}.modal-comments-section .comments-input-section .comments-input-wrapper{display:flex;align-items:flex-end;gap:8px;width:100%;flex-wrap:wrap}.modal-comments-section .comments-input-section .comments-input{flex:1;min-height:40px;max-height:120px;padding:10px 12px;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;font-family:inherit;resize:none;outline:none;transition:border-color .5s,box-shadow .5s;line-height:1.5}.modal-comments-section .comments-input-section .comments-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.modal-comments-section .comments-input-section .comments-input::placeholder{color:#999}.modal-comments-section .comments-input-section .comments-submit-btn{flex-shrink:0;padding:10px 20px;background:#2196f3;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.modal-comments-section .comments-input-section .comments-submit-btn:hover:not(:disabled){background:#1976d2}.modal-comments-section .comments-input-section .comments-submit-btn:active:not(:disabled){transform:scale(.95)}.modal-comments-section .comments-input-section .comments-submit-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.modal-comments-section .comments-input-section .comments-cancel-btn{flex-shrink:0;padding:10px 16px;background:#f5f5f5;color:#666;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;white-space:nowrap}.modal-comments-section .comments-input-section .comments-cancel-btn:hover{background:#e0e0e0}.modal-comments-section .comments-input-section .comments-cancel-btn:active{transform:scale(.95)}@keyframes modal-slide-up{0%{transform:translate3d(0,100px,0);opacity:.5}to{transform:translateZ(0);opacity:1}}@keyframes modal-slide-down{0%{transform:translate3d(0,-100px,0);opacity:.5}to{transform:translateZ(0);opacity:1}}.community-main-page{background:#fff;min-height:calc(100dvh - var(--tabbar-h) - var(--sab, 0px) - var(--expanded-header-h));display:flex;flex-direction:column;position:relative;margin-bottom:var(--tabbar-h)}.community-main-page .community-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem 1rem;background:#fff;flex-shrink:0}.community-main-page .community-header .page-title{font-size:1.625rem;font-weight:700;color:#222;margin:0;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.community-main-page .community-header .page-title:before{content:"";width:4px;height:1.625rem;background:linear-gradient(to bottom,#e63a3a,#ff6b6b);border-radius:2px;flex-shrink:0}.community-main-page .posts-container{flex:1;padding:0 1rem 1rem}body.community-modal-open .community-main-page .posts-container{pointer-events:none;touch-action:none;-webkit-overflow-scrolling:none}.community-main-page .posts-container .posts-masonry{display:flex;margin-left:-4px}.community-main-page .posts-container .posts-masonry .posts-masonry-column{padding-left:4px}.community-main-page .posts-container .loading-indicator{text-align:center;padding:32px;color:#999;font-size:14px}.community-main-page .posts-container .load-more-trigger{height:20px}.community-main-page .posts-container .no-posts{position:absolute;top:0;left:0;width:100%;height:100%;padding:80px 20px;flex:1;display:flex;justify-content:center;align-items:center}.community-main-page .posts-container .no-posts p{font-size:14px;color:#999;margin-bottom:20px}.community-create-post-page{background:#fff;min-height:auto}.community-create-post-page{background:#fff;min-height:calc(100dvh - var(--tabbar-h) - var(--sab, 0px) - var(--expanded-header-h));display:flex;flex-direction:column;position:relative;margin-bottom:var(--tabbar-h)}.community-create-post-page .create-container .create-header{display:flex;align-items:center;padding:.75rem 1rem 1rem;background:#fff;flex-shrink:0}.community-create-post-page .create-container .create-header .create-title{font-size:1.625rem;font-weight:700;color:#222;margin:0;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.community-create-post-page .create-container .create-header .create-title:before{content:"";width:4px;height:1.625rem;background:linear-gradient(to bottom,#e63a3a,#ff6b6b);border-radius:2px;flex-shrink:0}.community-create-post-page .create-container .form-card{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;padding:16px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000a,0 1px 3px #00000005;border:1px solid rgba(0,0,0,.04)}.community-create-post-page .create-container .booking-section{padding:0}.community-create-post-page .create-container .booking-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f1f3f5}.community-create-post-page .create-container .booking-section-header.compact{margin-bottom:10px;padding-bottom:0;border-bottom:none}.community-create-post-page .create-container .booking-section-header.compact:before{display:none}.community-create-post-page .create-container .booking-section-header:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,#e63a3a,#ff6b6b);border-radius:4px}.community-create-post-page .create-container .booking-section-title{margin:0;font-size:1.05rem;font-weight:700;color:#212529;letter-spacing:-.3px;display:flex;align-items:center;gap:.35rem}.community-create-post-page .create-container .booking-section-header.compact .booking-section-title{font-size:.95rem;font-weight:600;color:#495057;letter-spacing:-.2px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.community-create-post-page .create-container .booking-section-header.compact .booking-section-title .title-hint{font-size:.6rem;font-weight:400;color:#999;margin-left:auto;margin-top:auto;margin-bottom:1.5px;white-space:nowrap}.community-create-post-page .create-container .booking-section-header.compact .booking-section-title .char-count{font-size:.75rem;font-weight:400;color:#999;margin-left:auto;white-space:nowrap}.community-create-post-page .create-container .form-required{color:#e63a3a;font-weight:800}.community-create-post-page .create-container .upload-step{flex:1;padding:0 1rem 1rem}.community-create-post-page .create-container .upload-step .dropzone{border:2px dashed #e0e0e0;border-radius:16px;padding:44px 16px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.community-create-post-page .create-container .upload-step .dropzone:hover{border-color:#e63a3a;background:#fff5f5;transform:translateY(-2px);box-shadow:0 4px 12px #e63a3a1a}.community-create-post-page .create-container .upload-step .dropzone.active{border-color:#e63a3a;background:#fff5f5;border-style:solid}.community-create-post-page .create-container .upload-step .dropzone .dropzone-content .upload-icon{margin-bottom:16px;color:#e63a3a;display:flex;justify-content:center}.community-create-post-page .create-container .upload-step .dropzone .dropzone-content .upload-icon svg{width:48px;height:48px}.community-create-post-page .create-container .upload-step .dropzone .dropzone-content h3{font-size:16px;font-weight:700;color:#222;margin:0 0 8px}.community-create-post-page .create-container .upload-step .dropzone .dropzone-content p{font-size:14px;color:#666;margin:0 0 20px}.community-create-post-page .create-container .upload-step .dropzone .dropzone-content .upload-info{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#999}.community-create-post-page .create-container .upload-step .dropzone .dropzone-content .upload-info span:before{content:""}.community-create-post-page .create-container .upload-step .uploaded-files{margin-top:16px}.community-create-post-page .create-container .upload-step .uploaded-files .files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-bottom:24px}.community-create-post-page .create-container .upload-step .uploaded-files .files-grid .file-preview{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f5f5f5}.community-create-post-page .create-container .upload-step .uploaded-files .files-grid .file-preview .preview-media{width:100%;height:100%;object-fit:cover}.community-create-post-page .create-container .upload-step .uploaded-files .files-grid .file-preview .remove-file-btn{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.community-create-post-page .create-container .upload-step .uploaded-files .files-grid .file-preview .remove-file-btn:hover{background:#000000e6;transform:scale(1.1)}.community-create-post-page .create-container .upload-step .uploaded-files .files-grid .file-preview .video-badge{position:absolute;bottom:6px;left:6px;background:#000000b3;color:#fff;padding:4px 6px;border-radius:6px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.community-create-post-page .create-container .upload-step .uploaded-files .files-grid .file-preview .video-badge svg{width:12px;height:12px}.community-create-post-page .create-container .upload-step .uploaded-files .next-step-btn{width:100%;padding:14px;background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #e63a3a4d}.community-create-post-page .create-container .upload-step .uploaded-files .next-step-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e63a3a66}.community-create-post-page .create-container .upload-step .uploaded-files .next-step-btn:active{transform:translateY(0);opacity:.9}.community-create-post-page .create-container .upload-step .uploading-indicator{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px}.community-create-post-page .create-container .upload-step .uploading-indicator .spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#e63a3a;border-radius:50%;animation:spin .8s linear infinite}.community-create-post-page .create-container .upload-step .uploading-indicator p{color:#666;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.community-create-post-page .create-container .write-step{flex:1;padding:0 1rem}.community-create-post-page .create-container .write-step .media-viewer{width:100%;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;position:relative}.community-create-post-page .create-container .write-step .media-viewer .video-control-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;animation:fadeOut 1s ease-out forwards}.community-create-post-page .create-container .write-step .media-viewer .video-control-icon svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.community-create-post-page .create-container .write-step .media-viewer .media-viewer__media{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;cursor:pointer}@keyframes fadeOut{0%{opacity:.9}30%{opacity:1}to{opacity:0}}.community-create-post-page .create-container .write-step .booking-section-thumbs{padding-top:12px;display:flex;align-items:center}.community-create-post-page .create-container .write-step .media-thumbs-container{display:flex;align-items:center;gap:8px;width:100%}.community-create-post-page .create-container .write-step .thumbs-scroll-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#000000b3;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.community-create-post-page .create-container .write-step .thumbs-scroll-btn:hover{background:#fff;color:#000000e6;transform:scale(1.05)}.community-create-post-page .create-container .write-step .thumbs-scroll-btn:active{transform:scale(.95)}.community-create-post-page .create-container .write-step .thumbs-scroll-btn svg{stroke-width:2.5}@media (max-width: 768px){.community-create-post-page .create-container .write-step .thumbs-scroll-btn{display:none}}.community-create-post-page .create-container .write-step .media-thumbs{display:flex;gap:10px;overflow-x:auto;align-items:center;flex:1;scroll-behavior:smooth}.community-create-post-page .create-container .write-step .media-thumbs::-webkit-scrollbar{height:6px}.community-create-post-page .create-container .write-step .media-thumbs::-webkit-scrollbar-thumb{background:#0000001f;border-radius:999px}@media (max-width: 768px){.community-create-post-page .create-container .write-step .media-thumbs::-webkit-scrollbar{display:none}}.community-create-post-page .create-container .write-step .media-thumb{position:relative;width:72px;height:72px;border-radius:12px;overflow:hidden;background:#f5f5f5;border:2px solid transparent;padding:0;cursor:pointer;flex:0 0 auto;opacity:.6;transition:border-color .2s ease,opacity .2s ease,transform .15s ease}.community-create-post-page .create-container .write-step .media-thumb.active{border-color:#e63a3a;opacity:1}.community-create-post-page .create-container .write-step .media-thumb .media-thumb__media{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.community-create-post-page .create-container .write-step .media-thumb .media-thumb__badge{position:absolute;left:6px;bottom:6px;width:18px;height:18px;border-radius:6px;background:#000000a6;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.community-create-post-page .create-container .write-step .media-thumb--add{display:flex;align-items:center;justify-content:center;background:#f8f9fa;border:2px dashed #e9ecef}.community-create-post-page .create-container .write-step .media-thumb--add:hover{border-color:#e63a3a;background:#e63a3a0d}.community-create-post-page .create-container .write-step .media-thumb--add .media-thumb__plus{font-size:28px;line-height:1;font-weight:700;color:#adb5bd}.community-create-post-page .create-container .write-step .form-input,.community-create-post-page .create-container .write-step .form-textarea{width:100%;padding:.9rem 1rem;font-size:16px;color:#212529;background:#fff;border:2px solid #e9ecef;border-radius:12px;transition:all .25s ease;outline:none;font-family:inherit}.community-create-post-page .create-container .write-step .form-input:focus,.community-create-post-page .create-container .write-step .form-textarea:focus{border-color:#e63a3a;box-shadow:0 0 0 3px #e63a3a1a,0 2px 8px #e63a3a1a}.community-create-post-page .create-container .write-step .form-input::placeholder,.community-create-post-page .create-container .write-step .form-textarea::placeholder{color:#adb5bd;font-size:14px}.community-create-post-page .create-container .write-step .form-textarea{resize:none;overflow:hidden;min-height:120px;line-height:1.6}.community-create-post-page .create-container .write-step .input-hint{font-size:13px;color:#999;margin-top:8px;line-height:1.5}.community-create-post-page .create-container .write-step .tags-input-wrapper .tags-display{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding:2px 0;min-height:32px}.community-create-post-page .create-container .write-step .tags-input-wrapper .tag-item{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#e63a3a,#ff6b6b);border:none;border-radius:24px;font-size:13px;color:#fff;font-weight:600;letter-spacing:.01em;box-shadow:0 2px 8px #e63a3a33,0 1px 2px #e63a3a26;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;animation:tagAppear .3s ease-out}@keyframes tagAppear{0%{opacity:0;transform:scale(.8) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.community-create-post-page .create-container .write-step .tags-input-wrapper .tag-item:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .6s ease}.community-create-post-page .create-container .write-step .tags-input-wrapper .tag-item:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 16px #e63a3a4d,0 2px 4px #e63a3a33}.community-create-post-page .create-container .write-step .tags-input-wrapper .tag-item:hover:before{transform:translate(100%) translateY(100%) rotate(45deg)}.community-create-post-page .create-container .write-step .tags-input-wrapper .tag-item:active{transform:translateY(0) scale(.98)}.community-create-post-page .create-container .write-step .tags-input-wrapper .tag-item .tag-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;padding:0;border:none;background:#ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;color:#fff;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1;margin:0 0 0 2px;text-align:center;vertical-align:middle}.community-create-post-page .create-container .write-step .tags-input-wrapper .tag-item .tag-remove:after{content:"×";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:1em;height:1em;line-height:1;font-size:16px;font-weight:600}.community-create-post-page .create-container .write-step .tags-input-wrapper .tag-item .tag-remove>*{display:none}.community-create-post-page .create-container .write-step .tags-input-wrapper .tag-item .tag-remove:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:#fff3;opacity:0;transition:opacity .2s ease}.community-create-post-page .create-container .write-step .tags-input-wrapper .tag-item .tag-remove:hover{background:#ffffff80;transform:scale(1.2) rotate(90deg);box-shadow:0 2px 8px #00000040}.community-create-post-page .create-container .write-step .tags-input-wrapper .tag-item .tag-remove:hover:before{opacity:1}.community-create-post-page .create-container .write-step .tags-input-wrapper .tag-item .tag-remove:hover:after{transform:translate(-50%,-50%) rotate(-90deg)}.community-create-post-page .create-container .write-step .tags-input-wrapper .tag-item .tag-remove:active{transform:scale(1.1) rotate(90deg)}.community-create-post-page .create-container .write-step .tags-input-wrapper .tag-item .tag-remove:active:after{transform:translate(-50%,-50%) rotate(-90deg)}.community-create-post-page .create-container .write-step .form-actions{position:sticky;bottom:0;background:#fff;padding:12px 0 0;margin-top:12px;border-top:none;display:flex;gap:12px}.community-create-post-page .create-container .write-step .form-actions .cancel-btn,.community-create-post-page .create-container .write-step .form-actions .submit-btn{flex:1;padding:14px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.community-create-post-page .create-container .write-step .form-actions .cancel-btn{background:#f8f8f8;border:2px solid #e9ecef;color:#666}.community-create-post-page .create-container .write-step .form-actions .submit-btn{background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff;border:none;box-shadow:0 2px 8px #e63a3a4d}.community-create-post-page .create-container .write-step .form-actions .submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #e63a3a66}.community-create-post-page .create-container .write-step .form-actions .submit-btn:disabled{opacity:.6;cursor:not-allowed}.myinfo-page{background:#f8f8f8;min-height:calc(100dvh - var(--tabbar-h) - var(--sab, 0px) - var(--collapsed-header-h));padding:16px;padding-bottom:calc(var(--tabbar-h) + var(--sab, 0px) + 16px);display:flex;flex-direction:column;gap:16px}.myinfo-page .profile-header-section{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:24px 20px;box-shadow:0 2px 8px #0000000f}.myinfo-page .profile-header-section .profile-header-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.myinfo-page .profile-header-section .profile-header-card .profile-left-section{display:flex;align-items:center;gap:16px;flex:1}.myinfo-page .profile-header-section .profile-header-card .profile-left-section .profile-avatar-wrapper{position:relative;flex-shrink:0}.myinfo-page .profile-header-section .profile-header-card .profile-left-section .profile-avatar-wrapper .profile-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #f0f0f0;box-shadow:0 4px 12px #0000001a;background:#f8f8f8;display:flex;align-items:center;justify-content:center}.myinfo-page .profile-header-section .profile-header-card .profile-left-section .profile-avatar-wrapper .profile-avatar.profile-avatar-placeholder{color:#999}.myinfo-page .profile-header-section .profile-header-card .profile-left-section .profile-avatar-wrapper .edit-avatar-btn{position:absolute;bottom:-2px;right:-2px;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #E63A3A;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026}.myinfo-page .profile-header-section .profile-header-card .profile-left-section .profile-avatar-wrapper .edit-avatar-btn svg{color:#e63a3a;width:16px;height:16px}.myinfo-page .profile-header-section .profile-header-card .profile-left-section .profile-avatar-wrapper .edit-avatar-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #e63a3a4d}.myinfo-page .profile-header-section .profile-header-card .profile-left-section .profile-avatar-wrapper .edit-avatar-btn:active{transform:scale(1.05)}.myinfo-page .profile-header-section .profile-header-card .profile-left-section .profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1;min-width:0}.myinfo-page .profile-header-section .profile-header-card .profile-left-section .profile-info .profile-name{font-size:20px;font-weight:700;color:#333;margin:0;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.myinfo-page .profile-header-section .profile-header-card .profile-left-section .profile-info .membership-badge{background:linear-gradient(135deg,#fff0f0,#ffe8e8);color:#e63a3a;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(230,58,58,.2)}.myinfo-page .profile-header-section .profile-header-card .profile-right-section{flex-shrink:0}.myinfo-page .profile-header-section .profile-header-card .profile-right-section .logout-btn,.myinfo-page .profile-header-section .profile-header-card .profile-right-section .login-btn-primary{background:#f8f8f8;border:1px solid rgba(0,0,0,.1);color:#666;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.myinfo-page .profile-header-section .profile-header-card .profile-right-section .logout-btn:hover,.myinfo-page .profile-header-section .profile-header-card .profile-right-section .login-btn-primary:hover{background:#f0f0f0;border-color:#00000026;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.myinfo-page .profile-header-section .profile-header-card .profile-right-section .logout-btn:active,.myinfo-page .profile-header-section .profile-header-card .profile-right-section .login-btn-primary:active{transform:translateY(0)}.myinfo-page .profile-header-section .profile-header-card .profile-right-section .login-btn-primary{background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff;border:none;box-shadow:0 2px 8px #e63a3a40}.myinfo-page .profile-header-section .profile-header-card .profile-right-section .login-btn-primary:hover{background:linear-gradient(135deg,#d32f2f,#ff5252);transform:translateY(-2px);box-shadow:0 4px 12px #e63a3a59}.myinfo-page .stats-section .stats-section-title{font-size:15px;font-weight:700;color:#333;margin:0 0 12px 4px;letter-spacing:-.3px}.myinfo-page .stats-section .stats-container{background:#fff;border-radius:16px;padding:16px 12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04)}.myinfo-page .stats-section .stats-container.community-stats{padding:16px 12px}.myinfo-page .stats-section .stats-container .stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:6px;border-radius:12px;overflow:visible;min-width:0}.myinfo-page .stats-section .stats-container .stat-item.stat-item-review{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:6px}.myinfo-page .stats-section .stats-container .stat-item.stat-item-review:hover{background:#fafafa;transform:translateY(-2px)}.myinfo-page .stats-section .stats-container .stat-item.stat-item-review:hover .stat-icon{background:linear-gradient(135deg,#e63a3a,#ff6b6b);box-shadow:0 4px 12px #e63a3a40}.myinfo-page .stats-section .stats-container .stat-item.stat-item-review:hover .stat-icon svg{color:#fff}.myinfo-page .stats-section .stats-container .stat-item.stat-item-review:active{transform:translateY(0)}.myinfo-page .stats-section .stats-container .stat-item .stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff0f0,#ffe8e8);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.myinfo-page .stats-section .stats-container .stat-item .stat-icon svg{color:#e63a3a}.myinfo-page .stats-section .stats-container .stat-item .stat-value{font-size:22px;font-weight:700;line-height:1;color:#333;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;width:100%}.myinfo-page .stats-section .stats-container .stat-item .stat-label{font-size:12px;color:#666;font-weight:500;white-space:nowrap}.myinfo-page .stats-section .stats-container .stat-item .stat-review-content{display:flex;align-items:center;gap:4px;width:100%;justify-content:center}.myinfo-page .stats-section .stats-container .stat-item .stat-review-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;flex:1}.myinfo-page .stats-section .stats-container .stat-item .stat-review-item .stat-value{font-size:22px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;width:100%}.myinfo-page .stats-section .stats-container .stat-item .stat-review-item .stat-label{font-size:12px}.myinfo-page .stats-section .stats-container .stat-item .stat-review-divider{width:1px;height:28px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.06),transparent)}.myinfo-page .stats-section .stats-container .stat-item:hover{background:#fafafa;transform:translateY(-2px)}.myinfo-page .stats-section .stats-container .stat-item:hover .stat-icon{background:linear-gradient(135deg,#e63a3a,#ff6b6b);box-shadow:0 4px 12px #e63a3a40}.myinfo-page .stats-section .stats-container .stat-item:hover .stat-icon svg{color:#fff}.myinfo-page .stats-section .stats-container .stat-item:active{transform:translateY(0)}.myinfo-page .stats-section .stats-container .stat-divider{width:1px;height:45px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.08),transparent);flex-shrink:0}.myinfo-page .menu-section{margin-bottom:16px}.myinfo-page .menu-section .menu-list{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04)}.myinfo-page .menu-section .menu-list .menu-item{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:none;background:#fff;width:100%;cursor:pointer;transition:all .2s;border-bottom:1px solid rgba(0,0,0,.04)}.myinfo-page .menu-section .menu-list .menu-item:last-child{border-bottom:none}.myinfo-page .menu-section .menu-list .menu-item .menu-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.myinfo-page .menu-section .menu-list .menu-item .menu-icon svg{color:#666}.myinfo-page .menu-section .menu-list .menu-item .menu-text{flex:1;font-size:15px;font-weight:500;color:#333;margin-left:14px;text-align:left}.myinfo-page .menu-section .menu-list .menu-item .menu-arrow{color:#ccc;flex-shrink:0;transition:all .2s}.myinfo-page .menu-section .menu-list .menu-item:hover{background:#fafafa}.myinfo-page .menu-section .menu-list .menu-item:hover .menu-icon{background:linear-gradient(135deg,#fff0f0,#ffe8e8)}.myinfo-page .menu-section .menu-list .menu-item:hover .menu-icon svg{color:#e63a3a}.myinfo-page .menu-section .menu-list .menu-item:hover .menu-text{color:#e63a3a}.myinfo-page .menu-section .menu-list .menu-item:hover .menu-arrow{color:#e63a3a;transform:translate(4px)}.myinfo-page .menu-section .menu-list .menu-item:active{background:#f5f5f5}.myinfo-edit-page{background:#f8f8f8;min-height:calc(100dvh - var(--tabbar-h) - var(--sab, 0px) - var(--collapsed-header-h));padding:16px;padding-bottom:calc(var(--tabbar-h) + var(--sab, 0px) + 16px);display:flex;flex-direction:column;gap:20px}.myinfo-edit-page .loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.myinfo-edit-page .loading-container .loading-spinner{font-size:16px;color:#666}.myinfo-edit-page .profile-image-section{background:#fff;border-radius:20px;padding:32px 20px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;align-items:center;gap:12px}.myinfo-edit-page .profile-image-section .profile-image-wrapper{position:relative;width:120px;height:120px}.myinfo-edit-page .profile-image-section .profile-image-wrapper .profile-image,.myinfo-edit-page .profile-image-section .profile-image-wrapper .profile-image-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #f0f0f0;box-shadow:0 4px 16px #0000001a}.myinfo-edit-page .profile-image-section .profile-image-wrapper .profile-image-placeholder{background:linear-gradient(135deg,#f8f8f8,#f0f0f0);display:flex;align-items:center;justify-content:center;color:#999}.myinfo-edit-page .profile-image-section .profile-image-wrapper .profile-image-edit-btn{position:absolute;bottom:4px;right:4px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e63a3a,#ff6b6b);border:3px solid #ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #e63a3a4d}.myinfo-edit-page .profile-image-section .profile-image-wrapper .profile-image-edit-btn svg{color:#fff}.myinfo-edit-page .profile-image-section .profile-image-wrapper .profile-image-edit-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #e63a3a66}.myinfo-edit-page .profile-image-section .profile-image-wrapper .profile-image-edit-btn:active{transform:scale(1.05)}.myinfo-edit-page .profile-image-section .profile-image-hint{font-size:13px;color:#999;margin:0;text-align:center}.myinfo-edit-page .form-section{background:#fff;border-radius:20px;padding:24px 20px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;gap:20px}.myinfo-edit-page .form-section .form-group{display:flex;flex-direction:column;gap:8px}.myinfo-edit-page .form-section .form-group .form-label{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.myinfo-edit-page .form-section .form-group .form-input{width:100%;padding:14px 16px;border:2px solid #f0f0f0;border-radius:12px;font-size:15px;color:#333;background:#fafafa;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.myinfo-edit-page .form-section .form-group .form-input::placeholder{color:#aaa}.myinfo-edit-page .form-section .form-group .form-input:focus{border-color:#e63a3a;background:#fff;box-shadow:0 0 0 4px #e63a3a1a}.myinfo-edit-page .form-section .form-group .form-input:hover:not(:focus){border-color:#e0e0e0}.myinfo-edit-page .button-section .save-btn{width:100%;padding:16px;background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #e63a3a4d}.myinfo-edit-page .button-section .save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e63a3a66}.myinfo-edit-page .button-section .save-btn:active:not(:disabled){transform:translateY(0)}.myinfo-edit-page .button-section .save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.myinfo-subpage{background:#f8f8f8;min-height:calc(100dvh - var(--tabbar-h) - var(--sab, 0px) - var(--collapsed-header-h));padding:.75rem 1rem 1rem;padding-bottom:calc(var(--tabbar-h) + var(--sab, 0px) + 16px)}.myinfo-subpage .subpage-header{padding-bottom:1rem}.myinfo-subpage .subpage-header .subpage-title{font-size:1.625rem;font-weight:700;color:#222;margin:0;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.myinfo-subpage .subpage-header .subpage-title:before{content:"";width:4px;height:1.625rem;background:linear-gradient(to bottom,#e63a3a,#ff6b6b);border-radius:2px;flex-shrink:0}.myinfo-subpage .filter-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding:4px}.myinfo-subpage .filter-tabs::-webkit-scrollbar{display:none}.myinfo-subpage .filter-tabs .filter-tab{flex-shrink:0;background:#fff;border:1px solid rgba(0,0,0,.1);color:#666;padding:10px 16px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.myinfo-subpage .filter-tabs .filter-tab:hover{background:#f8f8f8;border-color:#e63a3a4d;color:#e63a3a}.myinfo-subpage .filter-tabs .filter-tab.active{background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff;border-color:transparent;box-shadow:0 2px 8px #e63a3a4d}.myinfo-subpage .filter-tabs .filter-tab:active{transform:scale(.98)}.myinfo-subpage .empty-state{background:#fff;border-radius:20px;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000f}.myinfo-subpage .empty-state svg{color:#ddd}.myinfo-subpage .empty-state .empty-state-text{font-size:15px;color:#999;margin:0}.myinfo-subpage .card-list{display:flex;flex-direction:column;gap:12px}.myinfo-subpage .info-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.06);transition:all .2s ease;cursor:pointer}.myinfo-subpage .info-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f;border-color:#00000014}.myinfo-subpage .info-card:active{transform:translateY(0);box-shadow:0 1px 3px #00000014}.myinfo-subpage .info-card.reservation-upcoming{border-left:4px solid #E63A3A}.myinfo-subpage .info-card.reservation-completed{border-left:4px solid #4CAF50;opacity:.85}.myinfo-subpage .info-card.reservation-cancelled{border-left:4px solid #999;opacity:.7}.myinfo-subpage .info-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.myinfo-subpage .info-card .card-header .card-title{font-size:17px;font-weight:700;color:#333;margin:0;flex:1}.myinfo-subpage .info-card .card-header .status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;flex-shrink:0}.myinfo-subpage .info-card .card-header .status-badge.requested,.myinfo-subpage .info-card .card-header .status-badge.confirmed,.myinfo-subpage .info-card .card-header .status-badge.changed{background:linear-gradient(135deg,#fff0f0,#ffe8e8);color:#e63a3a}.myinfo-subpage .info-card .card-header .status-badge.completed,.myinfo-subpage .info-card .card-header .status-badge.checkin{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.myinfo-subpage .info-card .card-header .status-badge.cancelled,.myinfo-subpage .info-card .card-header .status-badge.noshow,.myinfo-subpage .info-card .card-header .status-badge.checkin_cancel{background:linear-gradient(135deg,#f5f5f5,#eee);color:#666}.myinfo-subpage .info-card .card-content{display:flex;flex-direction:column;gap:8px}.myinfo-subpage .info-card .card-content .info-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.myinfo-subpage .info-card .card-content .info-row svg{color:#999;flex-shrink:0}.myinfo-subpage .review-card .treatment-date-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px}.myinfo-subpage .review-card .treatment-badge{display:inline-block;padding:4px 10px;background:#f5f5f5;border-radius:8px;font-size:12px;color:#666}.myinfo-subpage .review-card .review-date{font-size:12px;color:#999}.myinfo-subpage .review-card .rating-stars{display:flex;align-items:center;gap:3px}.myinfo-subpage .review-card .review-post-content{margin-top:12px;padding:12px;background:#f9f9f9;border-radius:8px;border-left:3px solid #E63A3A}.myinfo-subpage .review-card .review-post-content .post-title-small{font-size:14px;font-weight:600;color:#333;margin-bottom:6px}.myinfo-subpage .review-card .review-post-content .post-excerpt{font-size:13px;line-height:1.6;color:#666;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.myinfo-subpage .review-card .review-content{font-size:14px;line-height:1.6;color:#333;margin:12px 0}.myinfo-subpage .review-card .card-header-pending{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.myinfo-subpage .review-card .pending-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;background:linear-gradient(135deg,#fff0f0,#ffe8e8);color:#e63a3a;flex-shrink:0}.myinfo-subpage .review-card .review-cta{margin-top:12px;padding:10px;background:linear-gradient(135deg,#fff8f0,#ffe8e8);border-radius:8px;text-align:center;font-size:13px;font-weight:600;color:#e63a3a;transition:all .2s ease}.myinfo-subpage .review-card.pending{border-left:4px solid #E63A3A;cursor:pointer}.myinfo-subpage .review-card.pending:hover .review-cta{background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff}.myinfo-subpage .favorite-card .favorite-btn{background:none;border:none;padding:4px;cursor:pointer;color:#e63a3a;transition:transform .2s}.myinfo-subpage .favorite-card .favorite-btn:hover{transform:scale(1.1)}.myinfo-subpage .favorite-card .favorite-btn:active{transform:scale(.95)}.myinfo-subpage .favorite-card .hospital-location{display:flex;align-items:center;gap:6px;font-size:13px;color:#666;margin-bottom:8px}.myinfo-subpage .favorite-card .hospital-location svg{color:#999}.myinfo-subpage .favorite-card .rating-row{display:flex;align-items:center;gap:4px;margin-bottom:12px}.myinfo-subpage .favorite-card .rating-row .rating-value{font-size:15px;font-weight:700;color:#333}.myinfo-subpage .favorite-card .specialty-tags{display:flex;gap:6px;flex-wrap:wrap}.myinfo-subpage .favorite-card .specialty-tags .specialty-tag{padding:4px 10px;background:#f5f5f5;border-radius:8px;font-size:12px;color:#666}.myinfo-subpage.community-subpage .my-community-posts-container{padding:0;margin-top:4px}.myinfo-subpage.community-subpage .my-community-posts-container .posts-masonry{display:flex;margin-left:-4px}.myinfo-subpage.community-subpage .my-community-posts-container .posts-masonry .posts-masonry-column{padding-left:4px}.myinfo-subpage.community-subpage .my-community-posts-container .load-more-trigger{height:20px}.myinfo-subpage.community-subpage .my-community-posts-container .loading-indicator{text-align:center;padding:24px 0 8px;color:#999;font-size:14px}.myinfo-subpage.community-subpage .tab-buttons{display:flex;gap:0;margin-bottom:20px;background:#fff;border-radius:12px;padding:4px;box-shadow:0 1px 3px #00000014}.myinfo-subpage.community-subpage .tab-buttons .tab-btn{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;position:relative}.myinfo-subpage.community-subpage .tab-buttons .tab-btn.active{background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff;box-shadow:0 2px 8px #e63a3a40}.myinfo-subpage.community-subpage .tab-buttons .tab-btn:hover:not(.active){background:#f8f8f8;color:#333}.myinfo-subpage.community-subpage .my-comments-feed-list .my-comment-feed-card{padding:0;overflow:hidden;border-radius:16px}.myinfo-subpage.community-subpage .my-comments-feed-list .my-comment-feed-thumb{width:100%;aspect-ratio:1/1;background:#000;position:relative}.myinfo-subpage.community-subpage .my-comments-feed-list .my-comment-feed-thumb .thumb-media{width:100%;height:100%;object-fit:cover;display:block}.myinfo-subpage.community-subpage .my-comments-feed-list .my-comment-feed-thumb .thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f2f2f2,#e6e6e6);display:flex;align-items:center;justify-content:center;color:#bbb}.myinfo-subpage.community-subpage .my-comments-feed-list .my-comment-feed-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}.myinfo-subpage.community-subpage .my-comments-feed-list .my-comment-feed-title{font-size:14px;font-weight:700;color:#222;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.myinfo-subpage.community-subpage .my-comments-feed-list .my-comment-lines{display:flex;flex-direction:column;gap:6px}.myinfo-subpage.community-subpage .my-comments-feed-list .my-comment-line{background:#f7f7f7;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:8px 10px;text-align:left;font-size:13px;color:#333;line-height:1.35;cursor:pointer;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.myinfo-subpage.community-subpage .my-comments-feed-list .my-comment-line:hover{background:#f2f2f2}.myinfo-subpage.community-subpage .my-comments-feed-list .my-comment-more{font-size:12px;color:#999;padding-left:2px}.myinfo-subpage.community-subpage .community-card .post-content{font-size:14px;line-height:1.6;color:#666;margin:8px 0 12px}.myinfo-subpage.community-subpage .community-card .post-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#999}.myinfo-subpage.community-subpage .community-card .post-footer .post-date{color:#999;font-size:13px}.myinfo-subpage.community-subpage .community-card .post-footer .post-stats{display:flex;gap:16px;align-items:center}.myinfo-subpage.community-subpage .community-card .post-footer .post-stats .stat-item{display:flex;align-items:center;gap:4px;font-size:13px;color:#666}.myinfo-subpage.community-subpage .community-card .post-footer .post-stats .stat-item .icon-heart,.myinfo-subpage.community-subpage .community-card .post-footer .post-stats .stat-item .icon-comment{width:16px;height:16px;color:#999;flex-shrink:0}.myinfo-subpage.community-subpage .community-card .post-footer .post-stats .stat-item .icon-heart{color:#e63a3a}.myinfo-subpage.community-subpage .comment-card .comment-original{font-size:12px;color:#999;margin-bottom:8px}.myinfo-subpage.community-subpage .comment-card .comment-content{font-size:14px;line-height:1.6;color:#333;background:#f9f9f9;padding:12px;border-radius:8px;border-left:3px solid #E63A3A;margin:8px 0 12px}.myinfo-subpage.community-subpage .comment-card .comment-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px}.myinfo-subpage.community-subpage .comment-card .comment-footer .comment-date{color:#999;font-size:13px}.myinfo-subpage.community-subpage .comment-card .comment-footer .comment-likes{display:flex;align-items:center;gap:4px;color:#e63a3a;font-size:13px}.myinfo-subpage.community-subpage .comment-card .comment-footer .comment-likes .icon-heart{width:16px;height:16px;flex-shrink:0}.myinfo-subpage.community-subpage .liked-card .post-author{font-size:13px;color:#666;margin:8px 0 12px}.myinfo-subpage.community-subpage .liked-card .post-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#999}.myinfo-subpage.community-subpage .liked-card .post-footer .post-date{color:#999;font-size:13px}.myinfo-subpage.community-subpage .liked-card .post-footer .post-stats{display:flex;gap:16px;align-items:center}.myinfo-subpage.community-subpage .liked-card .post-footer .post-stats .stat-item{display:flex;align-items:center;gap:4px;font-size:13px;color:#666}.myinfo-subpage.community-subpage .liked-card .post-footer .post-stats .stat-item .icon-heart,.myinfo-subpage.community-subpage .liked-card .post-footer .post-stats .stat-item .icon-comment{width:16px;height:16px;flex-shrink:0}.myinfo-subpage.community-subpage .liked-card .post-footer .post-stats .stat-item .icon-comment{color:#999}.myinfo-subpage.community-subpage .liked-card .post-footer .post-stats .liked-count{color:#e63a3a;font-weight:600}.myinfo-subpage.community-subpage .liked-card .post-footer .post-stats .liked-count .icon-heart{color:#e63a3a}.myinfo-subpage.settings-subpage .settings-list{display:flex;flex-direction:column;gap:12px}.myinfo-subpage.settings-subpage .settings-list .setting-item{background:#fff;border-radius:16px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04)}.myinfo-subpage.settings-subpage .settings-list .setting-item .setting-label{font-size:15px;font-weight:600;color:#333}.myinfo-subpage.settings-subpage .settings-list .setting-item .toggle-switch{position:relative;width:52px;height:28px}.myinfo-subpage.settings-subpage .settings-list .setting-item .toggle-switch input{display:none}.myinfo-subpage.settings-subpage .settings-list .setting-item .toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#e63a3a,#ff6b6b)}.myinfo-subpage.settings-subpage .settings-list .setting-item .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.myinfo-subpage.settings-subpage .settings-list .setting-item .toggle-switch .toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ccc;transition:.3s;border-radius:28px}.myinfo-subpage.settings-subpage .settings-list .setting-item .toggle-switch .toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.myinfo-subpage.events-subpage .event-card{position:relative}.myinfo-subpage.events-subpage .event-card .event-badge-wrapper{position:absolute;top:16px;right:16px}.myinfo-subpage.events-subpage .event-card .event-badge-wrapper .event-badge{padding:5px 12px;border-radius:12px;font-size:12px;font-weight:700;color:#fff}.myinfo-subpage.events-subpage .event-card .event-badge-wrapper .event-badge.new{background:linear-gradient(135deg,#e63a3a,#ff6b6b)}.myinfo-subpage.events-subpage .event-card .event-badge-wrapper .event-badge.ongoing{background:linear-gradient(135deg,#4caf50,#66bb6a)}.myinfo-subpage.events-subpage .event-card .card-title{padding-right:80px}.myinfo-subpage.events-subpage .event-card .event-description{font-size:14px;color:#666;line-height:1.6;margin:12px 0}.myinfo-subpage.events-subpage .event-card .event-period{display:flex;align-items:center;gap:6px;font-size:13px;color:#999}.myinfo-subpage.events-subpage .event-card .event-period svg{color:#999}.myinfo-subpage.customer-service-subpage .contact-info-card{background:linear-gradient(135deg,#fff0f0,#ffe8e8);border:1px solid rgba(230,58,58,.2);border-radius:16px;padding:20px;margin-bottom:24px}.myinfo-subpage.customer-service-subpage .contact-info-card .contact-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#333;margin-bottom:16px}.myinfo-subpage.customer-service-subpage .contact-info-card .contact-title svg{color:#e63a3a}.myinfo-subpage.customer-service-subpage .contact-info-card .contact-details{display:flex;flex-direction:column;gap:8px}.myinfo-subpage.customer-service-subpage .contact-info-card .contact-details .contact-item{display:flex;gap:8px;font-size:14px}.myinfo-subpage.customer-service-subpage .contact-info-card .contact-details .contact-item .contact-label{color:#666;font-weight:600;min-width:70px}.myinfo-subpage.customer-service-subpage .contact-info-card .contact-details .contact-item .contact-value{color:#333}.myinfo-subpage.customer-service-subpage .faq-section-title{font-size:18px;font-weight:700;color:#333;margin:0 0 16px}.myinfo-subpage.customer-service-subpage .faq-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.myinfo-subpage.customer-service-subpage .faq-list .faq-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04)}.myinfo-subpage.customer-service-subpage .faq-list .faq-card .faq-question{font-size:15px;font-weight:700;color:#333;margin-bottom:12px}.myinfo-subpage.customer-service-subpage .faq-list .faq-card .faq-answer{font-size:14px;line-height:1.6;color:#666;background:#f9f9f9;padding:12px;border-radius:8px}.myinfo-subpage.customer-service-subpage .inquiry-btn{width:100%;padding:16px;background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #e63a3a4d}.myinfo-subpage.customer-service-subpage .inquiry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e63a3a66}.myinfo-subpage.customer-service-subpage .inquiry-btn:active{transform:translateY(0)}.myinfo-subpage.settings-page-subpage .settings-menu-list{display:flex;flex-direction:column;gap:12px}.myinfo-subpage.settings-page-subpage .settings-menu-list .settings-menu-item{background:#fff;border-radius:16px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.myinfo-subpage.settings-page-subpage .settings-menu-list .settings-menu-item:hover{background:#fafafa;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.myinfo-subpage.settings-page-subpage .settings-menu-list .settings-menu-item:active{transform:translateY(0)}.myinfo-subpage.settings-page-subpage .settings-menu-list .settings-menu-item.danger .settings-item-name{color:#e74c3c}.myinfo-subpage.settings-page-subpage .settings-menu-list .settings-menu-item .settings-item-left{display:flex;align-items:center;gap:12px}.myinfo-subpage.settings-page-subpage .settings-menu-list .settings-menu-item .settings-item-left .settings-item-icon{font-size:22px}.myinfo-subpage.settings-page-subpage .settings-menu-list .settings-menu-item .settings-item-left .settings-item-name{font-size:15px;font-weight:600;color:#333}.myinfo-subpage.settings-page-subpage .settings-menu-list .settings-menu-item .settings-item-right{display:flex;align-items:center}.myinfo-subpage.settings-page-subpage .settings-menu-list .settings-menu-item .settings-item-right .settings-item-extra{font-size:13px;color:#999}.myinfo-subpage.settings-page-subpage .settings-menu-list .settings-menu-item .settings-item-right svg{color:#ccc}.create-review-page{padding-bottom:24px}.create-review-page .review-form-container{display:flex;flex-direction:column;gap:20px}.create-review-page .review-form-container .review-info-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04)}.create-review-page .review-form-container .review-info-card .info-header{margin-bottom:12px}.create-review-page .review-form-container .review-info-card .info-header .info-title{font-size:18px;font-weight:700;color:#333;margin:0}.create-review-page .review-form-container .review-info-card .info-treatment{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#fff0f0,#ffe8e8);color:#e63a3a;border-radius:12px;font-size:13px;font-weight:600}.create-review-page .review-form-container .rating-section{background:#fff;border-radius:16px;padding:28px 20px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;align-items:center;gap:20px}.create-review-page .review-form-container .rating-section .section-title{font-size:16px;font-weight:700;color:#333;margin:0;text-align:center}.create-review-page .review-form-container .rating-section .star-rating-container{display:flex;gap:8px;justify-content:center}.create-review-page .review-form-container .rating-section .star-rating-container .star-button{background:none;border:none;cursor:pointer;padding:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.create-review-page .review-form-container .rating-section .star-rating-container .star-button:hover{transform:scale(1.15)}.create-review-page .review-form-container .rating-section .star-rating-container .star-button:active{transform:scale(1.05)}.create-review-page .review-form-container .rating-section .star-rating-container .star-button.active{animation:star-bounce .3s ease}.create-review-page .review-form-container .rating-section .rating-label{font-size:16px;font-weight:600;color:#e63a3a;text-align:center;min-height:24px}.create-review-page .review-form-container .content-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;gap:12px}.create-review-page .review-form-container .content-section .section-title{font-size:16px;font-weight:700;color:#333;margin:0}.create-review-page .review-form-container .content-section .content-textarea{width:100%;padding:16px;border:2px solid #f0f0f0;border-radius:12px;font-size:15px;color:#333;background:#fafafa;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;resize:none;font-family:inherit;line-height:1.6;min-height:160px}.create-review-page .review-form-container .content-section .content-textarea::placeholder{color:#aaa}.create-review-page .review-form-container .content-section .content-textarea:focus{border-color:#e63a3a;background:#fff;box-shadow:0 0 0 4px #e63a3a1a}.create-review-page .review-form-container .content-section .content-textarea:hover:not(:focus){border-color:#e0e0e0}.create-review-page .review-form-container .content-section .character-count{text-align:right;font-size:13px;color:#999;margin-top:-4px}.create-review-page .review-form-container .button-section{display:flex;gap:12px;margin-top:8px}.create-review-page .review-form-container .button-section .cancel-btn,.create-review-page .review-form-container .button-section .submit-btn{flex:1;padding:16px;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-review-page .review-form-container .button-section .cancel-btn{background:#f8f8f8;color:#666;border:1px solid rgba(0,0,0,.1)}.create-review-page .review-form-container .button-section .cancel-btn:hover:not(:disabled){background:#f0f0f0;border-color:#00000026}.create-review-page .review-form-container .button-section .cancel-btn:active:not(:disabled){transform:scale(.98)}.create-review-page .review-form-container .button-section .cancel-btn:disabled{opacity:.5;cursor:not-allowed}.create-review-page .review-form-container .button-section .submit-btn{background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff;box-shadow:0 4px 16px #e63a3a4d}.create-review-page .review-form-container .button-section .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e63a3a66}.create-review-page .review-form-container .button-section .submit-btn:active:not(:disabled){transform:translateY(0)}.create-review-page .review-form-container .button-section .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes star-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#f8f8f8;border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content.edit-review-modal .modal-header{background:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.08);border-radius:20px 20px 0 0}.modal-content.edit-review-modal .modal-header .modal-title{font-size:20px;font-weight:700;color:#333;margin:0}.modal-content.edit-review-modal .modal-header .modal-close-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.modal-content.edit-review-modal .modal-header .modal-close-btn:hover{color:#e63a3a;transform:scale(1.1)}.modal-content.edit-review-modal .modal-header .modal-close-btn:active{transform:scale(.95)}.modal-content.edit-review-modal .modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.modal-content.edit-review-modal .modal-body .loading-message{text-align:center;padding:40px;color:#999;font-size:15px}.modal-content.edit-review-modal .modal-body .review-info-card,.modal-content.edit-review-modal .modal-body .rating-section,.modal-content.edit-review-modal .modal-body .content-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.04)}.modal-content.edit-review-modal .modal-body .review-info-card .info-header{margin-bottom:12px}.modal-content.edit-review-modal .modal-body .review-info-card .info-header .info-title{font-size:18px;font-weight:700;color:#333;margin:0}.modal-content.edit-review-modal .modal-body .review-info-card .info-treatment{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#fff0f0,#ffe8e8);color:#e63a3a;border-radius:12px;font-size:13px;font-weight:600}.modal-content.edit-review-modal .modal-body .rating-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 20px}.modal-content.edit-review-modal .modal-body .rating-section .section-title{font-size:16px;font-weight:700;color:#333;margin:0}.modal-content.edit-review-modal .modal-body .rating-section .star-rating-container{display:flex;gap:6px;justify-content:center}.modal-content.edit-review-modal .modal-body .rating-section .star-rating-container .star-button{background:none;border:none;cursor:pointer;padding:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-content.edit-review-modal .modal-body .rating-section .star-rating-container .star-button:hover{transform:scale(1.15)}.modal-content.edit-review-modal .modal-body .rating-section .star-rating-container .star-button:active{transform:scale(1.05)}.modal-content.edit-review-modal .modal-body .rating-section .star-rating-container .star-button.active{animation:star-bounce .3s ease}.modal-content.edit-review-modal .modal-body .rating-section .rating-label{font-size:15px;font-weight:600;color:#e63a3a;text-align:center;min-height:22px}.modal-content.edit-review-modal .modal-body .content-section{display:flex;flex-direction:column;gap:12px}.modal-content.edit-review-modal .modal-body .content-section .section-title{font-size:16px;font-weight:700;color:#333;margin:0}.modal-content.edit-review-modal .modal-body .content-section .content-textarea{width:100%;padding:14px;border:2px solid #f0f0f0;border-radius:12px;font-size:14px;color:#333;background:#fafafa;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;resize:none;font-family:inherit;line-height:1.6;min-height:140px;box-sizing:border-box}.modal-content.edit-review-modal .modal-body .content-section .content-textarea::placeholder{color:#aaa}.modal-content.edit-review-modal .modal-body .content-section .content-textarea:focus{border-color:#e63a3a;background:#fff;box-shadow:0 0 0 4px #e63a3a1a}.modal-content.edit-review-modal .modal-body .content-section .content-textarea:hover:not(:focus){border-color:#e0e0e0}.modal-content.edit-review-modal .modal-body .content-section .character-count{text-align:right;font-size:12px;color:#999;margin-top:-4px}.modal-content.edit-review-modal .modal-footer{background:#fff;padding:16px 20px;display:flex;gap:12px;border-top:1px solid rgba(0,0,0,.08);border-radius:0 0 20px 20px}.modal-content.edit-review-modal .modal-footer .cancel-btn,.modal-content.edit-review-modal .modal-footer .submit-btn{flex:1;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-content.edit-review-modal .modal-footer .cancel-btn{background:#f8f8f8;color:#666;border:1px solid rgba(0,0,0,.1)}.modal-content.edit-review-modal .modal-footer .cancel-btn:hover:not(:disabled){background:#f0f0f0;border-color:#00000026}.modal-content.edit-review-modal .modal-footer .cancel-btn:active:not(:disabled){transform:scale(.98)}.modal-content.edit-review-modal .modal-footer .cancel-btn:disabled{opacity:.5;cursor:not-allowed}.modal-content.edit-review-modal .modal-footer .submit-btn{background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff;box-shadow:0 2px 8px #e63a3a4d}.modal-content.edit-review-modal .modal-footer .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #e63a3a66}.modal-content.edit-review-modal .modal-footer .submit-btn:active:not(:disabled){transform:translateY(0)}.modal-content.edit-review-modal .modal-footer .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.review-card.editable{position:relative;cursor:pointer}.review-card.editable .edit-hint{margin-top:12px;padding:8px 12px;background:linear-gradient(135deg,#fff0f0,#ffe8e8);border-radius:8px;text-align:center;font-size:13px;font-weight:600;color:#e63a3a;transition:all .2s ease}.review-card.editable:hover .edit-hint{background:linear-gradient(135deg,#e63a3a,#ff6b6b);color:#fff}@media (max-width: 360px){.myinfo-page .stats-section .stats-container .stat-item .stat-value{font-size:20px}.myinfo-page .stats-section .stats-container .stat-item .stat-label{font-size:11px}.create-review-page .rating-section .star-rating-container{gap:4px}.create-review-page .rating-section .star-rating-container .star-button svg{width:40px;height:40px}}@media (min-width: 400px){.myinfo-subpage .card-list{gap:16px}}.login-container{position:relative;max-width:var(--mobile-max-width);display:flex;justify-content:center;align-items:center;background-color:#fff;min-height:calc(100dvh - var(--tabbar-h) - var(--sab, 0px) - var(--collapsed-header-h))}.login-container .login-area{position:relative;height:100%;width:100%;overflow:hidden}.login-container .login-area .login-section{padding:1rem 1.5rem 2rem;display:grid;grid-template-rows:1fr 3fr;gap:1rem}.login-container .login-area .login-section .login-title{text-align:center;margin-bottom:1rem}.login-container .login-area .login-section .login-title h2{font-size:32px;font-weight:700;margin-bottom:12px;color:#111827}@media (max-width: 768px){.login-container .login-area .login-section .login-title h2{font-size:28px}}.login-container .login-area .login-section .login-title p{font-size:15px;color:#6b7280;line-height:1.5;margin:0}.login-container .login-area .login-section .login-buttons{display:grid;grid-template-columns:2fr 2fr;gap:.5rem;height:100%}.login-container .login-area .login-section .login-buttons div{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:none;background:none}.login-container .login-area .login-section .login-buttons div .icon{width:100px;height:100px;border-radius:18px;background-color:transparent;display:flex;align-items:center;justify-content:center}.login-container .login-area .login-section .login-buttons div .icon img{width:72px;height:72px;object-fit:contain;display:block}.login-container .login-area .login-section .login-buttons div button{border:none;background:none;cursor:pointer;padding:12px;border-radius:18px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:all .2s}.login-container .login-area .login-section .login-buttons div button:hover{background-color:#f0f0f0}.login-container .login-area .login-section .login-buttons div .label{font-size:14px;font-weight:600;color:#333}