@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500;700&family=Noto+Sans+TC:wght@400;500;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}input,textarea,button{background-color:#fff}.read-the-docs{color:#888}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:#aee1f9;color:#4a4a4a;position:relative;z-index:10}.header .logo{font-size:1.5rem;font-weight:700}.header .logo a{color:inherit;text-decoration:none}.header .nav{display:flex;align-items:center}.header .desktopMenu ul{display:flex;list-style:none;margin:0;padding:0}.header .desktopMenu ul li{margin-left:1rem}.header .desktopMenu ul li a{color:#4a4a4a;text-decoration:none;padding:.5rem;transition:background-color .3s}.header .desktopMenu ul li a:hover{background-color:#f9dcc499;border-radius:12px}.header .desktopMenu ul li a.active{text-decoration:underline}.header .mobileMenuIcon{display:none;font-size:1.5rem;cursor:pointer}.mobileMenuOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease}.mobileMenuOverlay.open{opacity:1;transform:translateY(0)}.mobileMenuOverlay .mobileMenuContent{background-color:#fffbf5;border-radius:12px;padding:2rem;width:90%;max-width:400px;box-shadow:0 4px 12px #0000000d;position:relative;max-height:80vh;overflow-y:auto}.mobileMenuOverlay .mobileMenuContent .closeButton{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#4a4a4a;padding:.5rem;z-index:1}.mobileMenuOverlay .mobileMenuContent .navList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.mobileMenuOverlay .mobileMenuContent .navList li{width:100%;text-align:center}.mobileMenuOverlay .mobileMenuContent .navList li .navLinkItem{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#4a4a4a;text-decoration:none;font-size:1.2rem;border-radius:12px;transition:background-color .3s ease}.mobileMenuOverlay .mobileMenuContent .navList li .navLinkItem:hover{background-color:#0000000d}.mobileMenuOverlay .mobileMenuContent .navList li .navLinkItem .navIcon{font-size:1.5rem}.mobileMenuOverlay .mobileMenuContent .navList li .navLinkItem .navLabel{white-space:nowrap}@media (max-width: 768px){.header{padding:1rem;top:0;left:0;right:0;z-index:1000;background-color:#aee1f9}.header .desktopMenu{display:none}.header .mobileMenuIcon{display:block;font-size:1.5rem;color:#4a4a4a;background:none;border:none;padding:.5rem;cursor:pointer}}.desktopMenu .navList{list-style:none;padding:0;margin:0;display:flex}.desktopMenu .navList li{margin-left:25px}.desktopMenu .navLinkItem{display:flex;align-items:center;text-decoration:none;color:#555;font-size:1rem;padding:8px 12px;border-radius:6px;transition:background-color .2s ease,color .2s ease}.desktopMenu .navLinkItem .navIcon{margin-right:8px;font-size:1.2em}.desktopMenu .navLinkItem .navLabel{white-space:nowrap}.desktopMenu .navLinkItem:hover,.desktopMenu .navLinkItem.active{background-color:#007bff1a;color:#0056b3}.desktopMenu{display:flex}@media (max-width: 768px){.desktopMenu{display:none}}.mobileMenuIcon{display:none;cursor:pointer;font-size:1.8rem;color:#333}@media (max-width: 768px){.mobileMenuIcon{display:block}}.logo a{font-size:1.8rem;font-weight:700;color:#333;text-decoration:none}._constructionContainer_jnhfj_2{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f0f2f5;text-align:center;padding:2rem}._icon_jnhfj_13{font-size:4rem;color:#1890ff;margin-bottom:1rem}._title_jnhfj_19{font-size:2rem;margin-bottom:.5rem;color:#333}._description_jnhfj_25{font-size:1.2rem;color:#666}@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.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}: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"}.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;-moz-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}.meet-angel{text-align:center;padding:20px;background-color:#fffbf5;min-height:calc(100vh - 200px);max-width:100vw;overflow-x:hidden;margin-left:auto;margin-right:auto}.meet-angel .title{font-size:28px;font-weight:700;margin-bottom:16px;color:#5fa8d3}.meet-angel .carousel-container{position:relative;width:100%;height:60vh;max-height:600px;min-height:300px;overflow:hidden;margin-bottom:2rem}.meet-angel .carousel-track{display:flex;width:100%;height:100%;transition:transform .8s ease}.meet-angel .carousel-slide{flex:0 0 100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative}.meet-angel .carousel-slide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d}.meet-angel .carousel-slide .angel-info{position:relative;background:#0009;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#fff;text-align:center;max-width:80%;margin:0 auto}.meet-angel .carousel-slide .angel-info h2{font-size:24px;margin:0 0 8px;font-weight:600}.meet-angel .carousel-slide .angel-info p{font-size:16px;margin:0;line-height:1.5}.meet-angel .carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.meet-angel .carousel-indicators .indicator{width:30px;height:4px;background-color:#ffffff80;cursor:pointer;transition:all .3s ease}.meet-angel .carousel-indicators .indicator.active{background-color:#fff;transform:scaleX(1.2)}.meet-angel .angels-section{padding:40px 20px;background-color:#fffbf5}.meet-angel .angels-section .section-title{font-size:24px;color:#5fa8d3;margin-bottom:24px;text-align:center;font-weight:700}.meet-angel .angels-section .angel-item{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:32px}.meet-angel .angels-section .angel-item:nth-child(odd){flex-direction:row}.meet-angel .angels-section .angel-item:nth-child(2n){flex-direction:row-reverse}.meet-angel .angels-section .angel-item .angel-image{flex-shrink:0;width:160px;height:160px;background-size:cover;background-position:center;border-radius:12px;box-shadow:0 4px 12px #0000000d}.meet-angel .angels-section .angel-item .angel-details{flex:1;text-align:left}.meet-angel .angels-section .angel-item .angel-details .angel-name{font-size:20px;color:#4a4a4a;font-weight:700;margin-bottom:8px}.meet-angel .angels-section .angel-item .angel-details .angel-description{font-size:14px;color:#8a8a8a;line-height:1.6}@media (max-width: 768px){.meet-angel .angels-section .angel-item{flex-direction:column!important;text-align:center}.meet-angel .angels-section .angel-item .angel-image{width:100%;height:200px}.meet-angel .angels-section .angel-item .angel-details{text-align:center}}.meet-angel .main-content{max-width:1000px;margin:0 auto;padding:2rem 1rem}.meet-angel .section-title{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;color:#333}.meet-angel .angels-section,.meet-angel .storybook-section{margin-bottom:4rem}.meet-angel .angels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.meet-angel .angel-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.meet-angel .angel-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #00000026}.meet-angel .angel-card .angel-image{width:100%;height:200px;object-fit:cover;display:block}.meet-angel .angel-card .angel-text-content{padding:1.5rem}.meet-angel .angel-card .angel-name{font-size:1.5rem;font-weight:700;margin-top:0;margin-bottom:.75rem;color:#222}.meet-angel .angel-card .angel-description{font-size:.95rem;color:#666;line-height:1.6}.meet-angel .card-stack-section{padding-bottom:3rem}.meet-angel .storybook-swiper{width:320px;height:450px;margin:0 auto;position:relative}.meet-angel .storybook-swiper .swiper-slide{border-radius:18px;box-shadow:0 4px 12px #00000026;overflow:hidden}.meet-angel .storybook-swiper .page-card{width:100%;height:100%;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;color:#fff}.meet-angel .storybook-swiper .page-card:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:75%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);z-index:1;pointer-events:none}.meet-angel .storybook-swiper .page-card-overlay{position:relative;z-index:2;padding:1.5rem;width:100%}.meet-angel .storybook-swiper .page-card-title{font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.meet-angel .storybook-swiper .page-card-text{font-size:.95rem;line-height:1.6;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.meet-angel .storybook-swiper .swiper-button-prev,.meet-angel .storybook-swiper .swiper-button-next{color:#5fa8d3;top:95%;transform:translateY(-50%);width:30px;height:30px;background-color:#fffc;border-radius:50%;z-index:10}.meet-angel .storybook-swiper .swiper-button-prev:after,.meet-angel .storybook-swiper .swiper-button-next:after{font-size:14px;font-weight:700}.meet-angel .storybook-swiper .swiper-button-prev{left:10px}.meet-angel .storybook-swiper .swiper-button-next{right:10px}.meet-angel .storybook-swiper .swiper-pagination{z-index:10}.meet-angel .storybook-swiper .swiper-pagination .swiper-pagination-bullet{background-color:#5fa8d3;opacity:.5;width:10px;height:10px}.meet-angel .storybook-swiper .swiper-pagination .swiper-pagination-bullet-active{opacity:1;background-color:#5fa8d3}.meet-angel .scroll-top-button{position:fixed;bottom:30px;right:30px;background-color:#007bffcc;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:0 2px 10px #0003;transition:background-color .3s ease,transform .3s ease}.meet-angel .scroll-top-button:hover{background-color:#0056b3e6;transform:scale(1.1)}@media (max-width: 768px){.meet-angel .main-content{padding:1.5rem 1rem}.meet-angel .section-title{font-size:1.6rem;margin-bottom:1.5rem}.meet-angel .carousel-container{height:300px}.meet-angel .carousel-slide .angel-info{padding:15px}.meet-angel .carousel-slide .angel-info h2{font-size:1.2rem}.meet-angel .carousel-slide .angel-info p{font-size:.9rem}.meet-angel .angels-section,.meet-angel .storybook-section{margin-bottom:3rem}.meet-angel .angels-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.meet-angel .angel-card .angel-image{height:180px}.meet-angel .angel-card .angel-text-content{padding:1rem}.meet-angel .angel-card .angel-name{font-size:1.3rem}.meet-angel .angel-card .angel-description{font-size:.9rem}.meet-angel .storybook-swiper{width:280px;height:394px}.meet-angel .page-card-overlay{padding:1.2rem}.meet-angel .page-card-text{font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.meet-angel .scroll-top-button{width:45px;height:45px;font-size:1.3rem;bottom:20px;right:20px}}@media (max-width: 480px){.meet-angel .main-content{padding:1rem .5rem}.meet-angel .section-title{font-size:1.4rem}.meet-angel .carousel-container{height:250px}.meet-angel .carousel-slide .angel-info{padding:10px}.meet-angel .carousel-slide .angel-info h2{font-size:1.1rem}.meet-angel .carousel-slide .angel-info p{font-size:.8rem}.meet-angel .angels-grid{grid-template-columns:1fr;gap:1rem}.meet-angel .angel-card .angel-name{font-size:1.2rem}.meet-angel .angel-card .angel-description{font-size:.85rem}.meet-angel .storybook-swiper{width:260px;height:366px}.meet-angel .page-card-overlay{padding:1rem}.meet-angel .page-card-text{font-size:.85rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.meet-angel .scroll-top-button{width:40px;height:40px;font-size:1.2rem;bottom:15px;right:15px}}.meet-angel .popular-recommendations-section{margin:0 auto 2.5rem;padding:2rem 0 1.5rem;background:#fff;border-radius:18px;box-shadow:0 2px 12px #0000000f;max-width:1000px}.meet-angel .popular-recommendations-section .section-title{font-size:1.7rem;color:#4a90e2;margin-bottom:1.5rem;font-weight:700;letter-spacing:2px}.meet-angel .popular-recommendations-section .popular-recommendations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;justify-items:center}@media (max-width: 900px){.meet-angel .popular-recommendations-section .popular-recommendations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.meet-angel .popular-recommendations-section .popular-recommendations-grid{grid-template-columns:1fr;gap:1.2rem}}.meet-angel .popular-recommendations-section .popular-recommendation-card{background:#f8f9fa;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:1.2rem 1rem 1.5rem;width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;transition:box-shadow .3s,transform .3s;cursor:pointer;position:relative;overflow:hidden}.meet-angel .popular-recommendations-section .popular-recommendation-card:hover{box-shadow:0 6px 24px #4a90e22e;transform:translateY(-4px) scale(1.03)}.meet-angel .popular-recommendations-section .popular-recommendation-card img{width:100%;max-width:180px;height:120px;object-fit:cover;border-radius:12px;margin-bottom:1rem;box-shadow:0 1px 4px #00000012;background:#e9ecef}.meet-angel .popular-recommendations-section .popular-recommendation-card h3{font-size:1.15rem;color:#333;font-weight:600;margin:0 0 .5rem;letter-spacing:1px}.meet-angel .popular-recommendations-section .popular-recommendation-card p{font-size:.98rem;color:#666;margin:0;line-height:1.5;text-align:center}.meet-angel .friend-sites-section{margin:0 auto 2.5rem;padding:2rem 0 1.5rem;background:#fff;border-radius:18px;box-shadow:0 2px 12px #0000000f;max-width:1000px}.meet-angel .friend-sites-section .section-title{font-size:1.7rem;color:#4a90e2;margin-bottom:1.5rem;font-weight:700;letter-spacing:2px}.meet-angel .friend-sites-section .friend-sites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0 1rem}@media (max-width: 900px){.meet-angel .friend-sites-section .friend-sites-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media (max-width: 600px){.meet-angel .friend-sites-section .friend-sites-grid{grid-template-columns:1fr;gap:1.2rem}}.meet-angel .friend-sites-section .friend-site-card{background:#f8f9fa;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:box-shadow .3s,transform .3s;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column}.meet-angel .friend-sites-section .friend-site-card:hover{box-shadow:0 6px 24px #4a90e22e;transform:translateY(-4px) scale(1.02)}.meet-angel .friend-sites-section .friend-site-card .friend-site-image{position:relative;margin-bottom:1rem}.meet-angel .friend-sites-section .friend-site-card .friend-site-image img{width:100%;height:160px;object-fit:cover;border-radius:12px;box-shadow:0 1px 4px #00000012;background:#e9ecef}.meet-angel .friend-sites-section .friend-site-card .friend-site-image .friend-site-icon{position:absolute;top:10px;right:10px;background:#ffffffe6;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 2px 8px #0000001a}.meet-angel .friend-sites-section .friend-site-card .friend-site-content{flex:1;display:flex;flex-direction:column}.meet-angel .friend-sites-section .friend-site-card .friend-site-content .friend-site-title{font-size:1.2rem;color:#333;font-weight:600;margin:0 0 .8rem;letter-spacing:.5px;line-height:1.3}.meet-angel .friend-sites-section .friend-site-card .friend-site-content .friend-site-description{font-size:.9rem;color:#666;margin:0 0 1rem;line-height:1.6;flex:1}.meet-angel .friend-sites-section .friend-site-card .friend-site-content .friend-site-type{font-size:.8rem;color:#4a90e2;font-weight:500;background:#4a90e21a;padding:.3rem .8rem;border-radius:20px;align-self:flex-start;letter-spacing:.5px}.meet-angel .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.meet-angel .modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.meet-angel .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.meet-angel .modal-header .modal-title{font-size:1.4rem;font-weight:600;color:#333;margin:0}.meet-angel .modal-header .modal-close-btn{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s}.meet-angel .modal-header .modal-close-btn:hover{background-color:#f8f9fa;color:#333}.meet-angel .modal-body{padding:1.5rem}.meet-angel .modal-body .modal-image{margin-bottom:1.5rem}.meet-angel .modal-body .modal-image img{width:100%;height:200px;object-fit:cover;border-radius:12px;box-shadow:0 2px 8px #0000001a}.meet-angel .modal-body .modal-description p{font-size:1rem;line-height:1.7;color:#555;margin:0;text-align:justify}.meet-angel .modal-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid #e9ecef;text-align:center}.meet-angel .modal-footer .modal-link-btn{display:inline-block;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;text-decoration:none;padding:.8rem 2rem;border-radius:25px;font-weight:500;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #4a90e24d}.meet-angel .modal-footer .modal-link-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a90e266;background:linear-gradient(135deg,#357abd,#2c5aa0)}@media (max-width: 768px){.meet-angel .modal-content{max-width:95%;margin:1rem}.meet-angel .modal-header{padding:1rem 1rem .5rem}.meet-angel .modal-header .modal-title{font-size:1.2rem}.meet-angel .modal-body{padding:1rem}.meet-angel .modal-body .modal-image img{height:150px}.meet-angel .modal-body .modal-description p{font-size:.95rem}.meet-angel .modal-footer{padding:.5rem 1rem 1rem}.meet-angel .modal-footer .modal-link-btn{padding:.7rem 1.5rem;font-size:.95rem}}.vision-section{margin:3rem auto 4rem;padding:0;max-width:1000px}.vision-section .vision-container{background:linear-gradient(135deg,#f8f9ff,#e8f4f8);border-radius:20px;padding:2.5rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(74,144,226,.1);display:flex;align-items:flex-start;gap:2rem}.vision-section .vision-container .vision-icon{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4a90e24d}.vision-section .vision-container .vision-icon span{font-size:1.8rem;filter:drop-shadow(0 1px 2px rgba(255,255,255,.8))}.vision-section .vision-container .vision-content{flex:1;text-align:left}.vision-section .vision-container .vision-content .vision-title{font-size:1.8rem;font-weight:700;color:#2c3e50;margin:0 0 1rem;letter-spacing:1px}.vision-section .vision-container .vision-content .vision-summary{margin-bottom:1.5rem}.vision-section .vision-container .vision-content .vision-summary p{font-size:1.1rem;line-height:1.7;color:#34495e;margin:0;font-weight:400}.vision-section .vision-container .vision-content .vision-details{margin-top:2rem;animation:fadeIn .5s ease-in-out}.vision-section .vision-container .vision-content .vision-details .vision-categories{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1200px){.vision-section .vision-container .vision-content .vision-details .vision-categories{grid-template-columns:1fr 1fr}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category:first-child{grid-column:1/-1}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category:first-child .category-services{grid-template-columns:repeat(3,1fr)}}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category{background:#fffc;border-radius:16px;padding:2rem;border-left:5px solid #4a90e2;box-shadow:0 2px 12px #0000000d}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category h4{font-size:1.4rem;color:#2c3e50;margin:0 0 1.5rem;font-weight:700;text-align:center;padding-bottom:1rem;border-bottom:2px solid rgba(74,144,226,.2)}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category .category-services{display:grid;grid-template-columns:1fr;gap:1.5rem}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category .category-services .service-item{background:linear-gradient(135deg,#f8f9ff,#fff);padding:1.5rem;border-radius:12px;border:1px solid rgba(74,144,226,.1);transition:all .3s ease}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category .category-services .service-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #4a90e226}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category .category-services .service-item h5{font-size:1.1rem;color:#357abd;margin:0 0 .8rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category .category-services .service-item p{font-size:.95rem;line-height:1.6;color:#555;margin:0}.vision-section .vision-container .vision-content .vision-details .vision-bible-verse{margin-top:2.5rem;padding:2rem;background:linear-gradient(135deg,#fff9e6,#f0f8ff);border-radius:12px;border:1px solid rgba(74,144,226,.2);text-align:center}.vision-section .vision-container .vision-content .vision-details .vision-bible-verse p{font-size:1.05rem;line-height:1.7;color:#2c3e50;font-style:italic;margin:0 0 1rem;font-weight:400}.vision-section .vision-container .vision-content .vision-details .vision-bible-verse cite{font-size:.9rem;color:#666;font-style:normal;font-weight:500}.vision-section .vision-container .vision-content .vision-toggle-btn{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;padding:.8rem 2rem;border-radius:25px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #4a90e24d;margin-top:1.5rem}.vision-section .vision-container .vision-content .vision-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e266}.vision-section .vision-container .vision-content .vision-toggle-btn:active{transform:translateY(0)}@media (max-width: 768px){.vision-section{margin:2rem auto 3rem}.vision-section .vision-container{flex-direction:column;padding:2rem;text-align:center;gap:1.5rem}.vision-section .vision-container .vision-icon{align-self:center}.vision-section .vision-container .vision-content{text-align:center}.vision-section .vision-container .vision-content .vision-title{font-size:1.6rem}.vision-section .vision-container .vision-content .vision-summary p{font-size:1rem}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category{padding:1.5rem}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category h4{font-size:1.2rem}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category .category-services .service-item{padding:1.2rem}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category .category-services .service-item h5{font-size:1rem}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category .category-services .service-item p{font-size:.9rem}.vision-section .vision-container .vision-content .vision-details .vision-bible-verse{padding:1.5rem}.vision-section .vision-container .vision-content .vision-details .vision-bible-verse p{font-size:1rem}}@media (max-width: 480px){.vision-section{margin:1.5rem auto 2.5rem}.vision-section .vision-container{padding:1.5rem}.vision-section .vision-container .vision-icon{width:50px;height:50px}.vision-section .vision-container .vision-icon span{font-size:1.5rem}.vision-section .vision-container .vision-content .vision-title{font-size:1.4rem}.vision-section .vision-container .vision-content .vision-summary p{font-size:.95rem}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category{padding:1.2rem}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category h4{font-size:1.1rem}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category .category-services{gap:1rem}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category .category-services .service-item{padding:1rem}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category .category-services .service-item h5{font-size:.95rem}.vision-section .vision-container .vision-content .vision-details .vision-categories .vision-category .category-services .service-item p{font-size:.85rem}.vision-section .vision-container .vision-content .vision-details .vision-bible-verse{padding:1.2rem}.vision-section .vision-container .vision-content .vision-details .vision-bible-verse p{font-size:.95rem}.vision-section .vision-container .vision-content .vision-details .vision-bible-verse cite{font-size:.85rem}.vision-section .vision-container .vision-content .vision-toggle-btn{padding:.7rem 1.5rem;font-size:.9rem}}.treasure-page{text-align:center;padding:40px 20px;background-color:#fffbf5}.treasure-page .title{font-size:32px;font-weight:700;color:#5fa8d3;margin-bottom:16px}.treasure-page .intro{font-size:16px;color:#4a4a4a;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.treasure-page .treasure-list{display:flex;flex-direction:column;gap:24px;align-items:center}.treasure-page .treasure-list .treasure-item{display:flex;width:100%;max-width:800px;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease;text-decoration:none}.treasure-page .treasure-list .treasure-item:hover{transform:translateY(-4px)}.treasure-page .treasure-list .treasure-item .treasure-image{width:200px;height:200px;background-size:cover;background-position:center;flex-shrink:0}.treasure-page .treasure-list .treasure-item .treasure-info{flex:1;padding:20px;text-align:left;display:flex;flex-direction:column;justify-content:center}.treasure-page .treasure-list .treasure-item .treasure-info .treasure-title{font-size:22px;color:#aee1f9;margin:0 0 12px}.treasure-page .treasure-list .treasure-item .treasure-info .treasure-description{font-size:14px;color:#8a8a8a;line-height:1.6;margin:0}@media (max-width: 768px){.treasure-page .treasure-list .treasure-item{flex-direction:column}.treasure-page .treasure-list .treasure-item .treasure-image{width:100%;height:180px}.treasure-page .treasure-list .treasure-item .treasure-info{text-align:center}}.games-index{text-align:center;padding:40px 20px;background-color:#fffbf5}.games-index .title{font-size:32px;font-weight:700;color:#5fa8d3;margin-bottom:16px}.games-index .intro{font-size:16px;color:#4a4a4a;max-width:600px;margin:0 auto;line-height:1.6}.games-index .games-list{display:flex;flex-direction:column;gap:24px;align-items:center}.games-index .games-list .game-item{display:flex;width:100%;max-width:800px;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease;text-decoration:none}.games-index .games-list .game-item:hover{transform:translateY(-4px)}.games-index .games-list .game-item .game-image{width:200px;height:200px;background-size:cover;background-position:center;flex-shrink:0}.games-index .games-list .game-item .game-info{flex:1;padding:20px;text-align:left;display:flex;flex-direction:column;justify-content:center}.games-index .games-list .game-item .game-info .game-title{font-size:22px;color:#aee1f9;margin:0 0 12px}.games-index .games-list .game-item .game-info .game-description{font-size:14px;color:#8a8a8a;line-height:1.6;margin:0}@media (max-width: 768px){.games-index .games-list .game-item{flex-direction:column}.games-index .games-list .game-item .game-image{width:100%;height:180px}.games-index .games-list .game-item .game-info{text-align:center}}.angel-codes-page{font-family:Noto Sans TC,Segoe UI,Arial,sans-serif;text-align:center;padding:32px 0;max-width:1200px;margin:0 auto;min-height:calc(100vh - 200px)}.angel-codes-page .title{font-size:clamp(28px,5vw,40px);color:#5fa8d3;margin-bottom:32px;font-weight:800;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.06)}.angel-codes-page .cover-image{width:min(200px,80vw);margin:20px auto;display:block}.angel-codes-page .settings-section{margin:20px auto;max-width:600px;text-align:left;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #0000001a}.angel-codes-page .settings-section label{color:#4a4a4a;display:block;margin:15px 0;font-weight:500}.angel-codes-page .settings-section label input,.angel-codes-page .settings-section label textarea{width:100%;padding:10px;margin-top:8px;border:1px solid #d6eaf8;border-radius:8px;color:#4a4a4a;background-color:#fff;font-size:16px;transition:border-color .3s ease}.angel-codes-page .settings-section label input:focus,.angel-codes-page .settings-section label textarea:focus{border-color:#5fa8d3;outline:none;box-shadow:0 0 0 2px #5fa8d333}.angel-codes-page button{padding:12px 24px;background-color:#5fa8d3;color:#fff;border:none;cursor:pointer;border-radius:12px;margin:10px 5px;font-size:16px;font-weight:500;transition:all .3s ease}.angel-codes-page button:hover{background-color:#479bcc;transform:translateY(-2px)}.angel-codes-page button:active{transform:translateY(0)}.angel-codes-page .game-board-flex{display:flex;flex-direction:column;gap:32px;align-items:stretch;justify-content:flex-start;width:100%;box-sizing:border-box;background:#fffffff2;border-radius:24px;box-shadow:0 8px 32px #0000001a;padding:32px 0}@media (min-width: 1024px){.angel-codes-page .game-board-flex{flex-direction:row;align-items:flex-start;gap:56px;max-width:1000px;margin:0 auto;padding:48px 56px}}.angel-codes-page .game-board-flex .info-panel{background:linear-gradient(135deg,#f7fafd 60%,#e3f0ff);border-radius:18px;box-shadow:0 2px 12px #0000000f;padding:28px 18px;min-width:0;display:flex;flex-direction:column;align-items:center}@media (min-width: 1024px){.angel-codes-page .game-board-flex .info-panel{flex:0 0 210px;min-width:180px;max-width:240px;margin-bottom:0;padding:32px 20px}}.angel-codes-page .game-board-flex .info-panel h2{font-size:22px;font-weight:700;margin-bottom:18px;color:#5fa8d3;letter-spacing:1px}.angel-codes-page .game-board-flex .info-panel .teamshow{margin-bottom:18px}.angel-codes-page .game-board-flex .info-panel .teamshow p{margin:0 0 8px;font-size:16px;color:#4a4a4a;font-weight:500}.angel-codes-page .game-board-flex .info-panel .game-controls{display:flex;flex-direction:column;gap:16px;width:100%}.angel-codes-page .game-board-flex .info-panel .game-controls .switch-container{display:flex;align-items:center;gap:8px;font-size:15px;justify-content:center}.angel-codes-page .game-board-flex .info-panel .game-controls .switch-container button{width:auto}.angel-codes-page .game-board-flex .info-panel .game-controls button{width:100%;margin:0;padding:12px 0;font-size:16px;font-weight:700;border-radius:12px;background:linear-gradient(90deg,#5fa8d3 60%,#6ec6ff);box-shadow:0 2px 8px #00000014;border:none;color:#fff;letter-spacing:1px;transition:all .2s}.angel-codes-page .game-board-flex .info-panel .game-controls button:hover{background:linear-gradient(90deg,#479bcc 60%,#4fc3f7);transform:translateY(-2px) scale(1.03);box-shadow:0 4px 16px #0000001f}.angel-codes-page .game-board-flex .word-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;grid-template-rows:repeat(5,1fr)!important;gap:18px;max-width:520px;margin:0 auto;padding:0;flex:1 1 0;align-self:center;box-sizing:border-box;background:transparent}.angel-codes-page .word-card{border:1.5px solid #d6eaf8;border-radius:14px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .18s cubic-bezier(.4,1.3,.6,1);color:#4a4a4a;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,2.8vw,22px);font-weight:700;letter-spacing:1px;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.angel-codes-page .word-card:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 8px 24px #00000021;z-index:2}.angel-codes-page .word-card.revealed{transform:none;pointer-events:none;filter:grayscale(.15);opacity:.92}.angel-codes-page .word-card.revealed.forbidden{color:#fff!important}.angel-codes-page .modal-grid{display:grid;grid-template-columns:repeat(5,1fr)!important;grid-template-rows:repeat(5,1fr)!important;gap:8px;margin:10px 0}.angel-codes-page .team-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:8px;vertical-align:middle}.angel-codes-page .team-dot.teamA{background:#fcc;border:1.5px solid #eebbbb}.angel-codes-page .team-dot.teamB{background:#aee1f9;border:1.5px solid #7ec3e8}.game-board{margin:20px auto;text-align:center;position:relative;max-width:800px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.game-board h2{margin-bottom:20px;color:#5fa8d3;font-size:clamp(20px,4vw,28px);font-weight:600}.game-board .word-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:500px;margin:0 auto;padding:10px}@media (max-width: 600px){.game-board .word-grid{grid-template-columns:repeat(4,1fr);gap:8px}}@media (max-width: 480px){.game-board .word-grid{grid-template-columns:repeat(3,1fr);gap:6px}}.game-board .word-card{background-color:#fff;border:1px solid #d6eaf8;border-radius:12px;padding:12px 8px;box-shadow:0 4px 12px #0000000d;cursor:pointer;transition:all .3s ease;color:#4a4a4a;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,3vw,18px);font-weight:500}.game-board .word-card:hover{background-color:#f9dcc499;transform:translateY(-2px)}.game-board .word-card.revealed{transform:none;pointer-events:none}.game-board .word-card.revealed.teamA{background-color:#2c3e50;color:#fff}.game-board .word-card.revealed.teamB{background-color:#f9dcc4;color:#4a4a4a}.game-board .word-card.revealed.forbidden{background-color:#000;color:#fff}.game-board .word-card.revealed.neutral{background-color:#fffbf5;color:#4a4a4a}.game-board .game-controls{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.game-board .game-controls button{padding:10px 20px;border:none;cursor:pointer;border-radius:12px;background-color:#5fa8d3;color:#fff;font-weight:500;transition:all .3s ease}.game-board .game-controls button:hover{background-color:#479bcc;transform:translateY(-2px)}.game-board .game-controls button:active{transform:translateY(0)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:100;padding:20px}.modal .modal-content{background-color:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 12px #0000000d;width:90%;max-width:500px;text-align:center;max-height:90vh;overflow-y:auto}.modal .modal-content h3{margin-bottom:16px;font-size:clamp(18px,4vw,24px);color:#4a4a4a;font-weight:600}.modal .modal-content .modal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0}@media (max-width: 600px){.modal .modal-content .modal-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.modal .modal-content .modal-grid{grid-template-columns:repeat(3,1fr)}}.modal .modal-content .modal-word{border-radius:12px;color:#4a4a4a;background-color:#fffbf5;border:1px solid #d6eaf8;font-size:clamp(12px,2.5vw,16px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.modal .modal-content .modal-word.teamA{background-color:#2c3e50;color:#fff}.modal .modal-content .modal-word.teamB{background-color:#f9dcc4;color:#4a4a4a}.modal .modal-content .modal-word.forbidden{background-color:#000;color:#fff}.modal .modal-content .modal-word.neutral{background-color:#fffbf5;color:#4a4a4a}.modal .modal-content button{padding:10px 20px;background-color:#5fa8d3;color:#fff;border:none;cursor:pointer;border-radius:12px;margin-top:20px;font-weight:500;transition:all .3s ease}.modal .modal-content button:hover{background-color:#479bcc;transform:translateY(-2px)}.modal .modal-content button:active{transform:translateY(0)}@media (max-width: 768px){.angel-codes-page{padding:15px}.angel-codes-page .settings-section{padding:15px;margin:15px auto}.angel-codes-page .settings-section label{margin:12px 0}.game-board{padding:15px;margin:15px auto}}@media (max-width: 480px){.angel-codes-page{padding:10px}.angel-codes-page .settings-section{padding:12px;margin:12px auto}.angel-codes-page .settings-section label{margin:10px 0}.game-board{padding:12px;margin:12px auto}.game-board .word-card{padding:8px 6px}}.quiz-index{text-align:center;padding:40px 20px;background-color:#fffbf5}.quiz-index .title{font-size:32px;font-weight:700;color:#5fa8d3;margin-bottom:16px}.quiz-index .intro{font-size:16px;color:#4a4a4a;max-width:600px;margin:0 auto;line-height:1.6}.quiz-index .quiz-list{display:flex;flex-direction:column;gap:24px;align-items:center}.quiz-index .quiz-list .quiz-item{display:flex;width:100%;max-width:800px;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease;text-decoration:none}.quiz-index .quiz-list .quiz-item:hover{transform:translateY(-4px)}.quiz-index .quiz-list .quiz-item .quiz-image{width:200px;height:200px;background-size:cover;background-position:center;flex-shrink:0}.quiz-index .quiz-list .quiz-item .quiz-info{flex:1;padding:20px;text-align:left;display:flex;flex-direction:column;justify-content:center}.quiz-index .quiz-list .quiz-item .quiz-info .quiz-title{font-size:22px;color:#aee1f9;margin:0 0 12px}.quiz-index .quiz-list .quiz-item .quiz-info .quiz-description{font-size:14px;color:#8a8a8a;line-height:1.6;margin:0}@media (max-width: 768px){.quiz-index .quiz-list .quiz-item{flex-direction:column}.quiz-index .quiz-list .quiz-item .quiz-image{width:100%;height:180px}.quiz-index .quiz-list .quiz-item .quiz-info{text-align:center}}.mcq-container button{background-color:#0ff}.mcq-container .game-config{display:flex;flex-direction:column;gap:10px}.mcq-container .game-config .question-count input{background-color:#fff;color:#000}.mcq-container .game-config input[type=checkbox]{accent-color:rgb(50,60,238);width:20px;height:20px;cursor:pointer}.mcq-container .game-config input[type=checkbox]:not(:checked){outline:2px solid #999}.mcq-container .title{font-size:32px;font-weight:700;color:#5fa8d3;margin-bottom:24px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.mcq-container .quiz-section,.mcq-container .result-section{display:flex;flex-direction:column;gap:10px;max-width:600px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000001a;animation:fadeIn .4s ease-in-out}.mcq-container .quiz-section .question,.mcq-container .result-section .question{font-size:22px;font-weight:700;color:#aee1f9;line-height:1.5}.mcq-container .quiz-section .options,.mcq-container .result-section .options{display:flex;flex-direction:column;gap:12px}.mcq-container .quiz-section .options .option-btn,.mcq-container .result-section .options .option-btn{padding:14px;border:none;border-radius:12px;background:#f2b37f;color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease-in-out;font-weight:700;letter-spacing:.5px;position:relative;overflow:hidden}.mcq-container .quiz-section .options .option-btn:hover,.mcq-container .result-section .options .option-btn:hover{background:#ed9750;transform:translateY(-2px);box-shadow:0 3px 6px #00000026}.mcq-container .quiz-section .options .option-btn.selected,.mcq-container .result-section .options .option-btn.selected{background:#37b5f0;transform:scale(1.05);box-shadow:0 3px 6px #0003}.mcq-container .quiz-section .submit-btn,.mcq-container .result-section .submit-btn{margin-top:24px;padding:14px;font-size:18px;border:none;border-radius:12px;background:#5fa8d3;color:#fff;cursor:pointer;transition:all .3s ease-in-out;width:100%;font-weight:700;letter-spacing:1px;text-transform:uppercase}.mcq-container .quiz-section .submit-btn:hover,.mcq-container .result-section .submit-btn:hover{background:#3792c8;transform:translateY(-2px);box-shadow:0 3px 6px #0003}.mcq-container .quiz-section .submit-btn:disabled,.mcq-container .result-section .submit-btn:disabled{background:#afd4e9;cursor:not-allowed;transform:none;box-shadow:none}.mcq-container .result-section h2{color:#aee1f9;font-size:26px;margin-bottom:16px}.mcq-container .result-section p{font-size:20px;margin:12px 0}.mcq-container .result-section .restart-btn{padding:14px;font-size:18px;border:none;border-radius:12px;background:#aee1f9;color:#fff;cursor:pointer;transition:all .3s ease-in-out;width:100%;font-weight:700}.mcq-container .result-section .restart-btn:hover{background:#7fcff5;transform:translateY(-2px);box-shadow:0 3px 6px #0003}@media (max-width: 768px){.mcq-container .title{font-size:28px}.mcq-container .quiz-section,.mcq-container .result-section{max-width:100%;padding:20px}.mcq-container .options .option-btn,.mcq-container .submit-btn,.mcq-container .restart-btn{font-size:16px;padding:12px}}.mcq-container{text-align:center;padding:40px 20px;background-color:#fffbf5;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.mcq-container .title{font-size:36px;font-weight:700;color:#5fa8d3;margin-bottom:24px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.mcq-container .difficulty-selection{font-size:20px;font-weight:700;margin-bottom:20px}.mcq-container .difficulty-options{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.mcq-container .difficulty-options label{display:flex;align-items:center;font-size:22px;gap:8px}.mcq-container .difficulty-options label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.mcq-container .difficulty-options label .star-icon{color:gold;font-size:22px}.mcq-container .start-btn{padding:14px 24px;font-size:20px;font-weight:700;border:none;border-radius:12px;background:#aee1f9;color:#fff;cursor:pointer;transition:all .3s ease-in-out;text-transform:uppercase}.mcq-container .start-btn:hover{background:#7fcff5;transform:translateY(-2px);box-shadow:0 3px 6px #0003}.multiple-choice-container{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.multiple-choice-container .title{text-align:center;color:#333;margin-bottom:30px}.multiple-choice-container .game-config{background-color:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px}.multiple-choice-container .game-config .difficulty-selection{margin-bottom:20px}.multiple-choice-container .game-config .difficulty-selection h2{margin-bottom:10px;color:#333}.multiple-choice-container .game-config .difficulty-selection .difficulty-options{display:flex;flex-wrap:wrap;gap:10px}.multiple-choice-container .game-config .difficulty-selection .difficulty-options .difficulty-label{display:flex;align-items:center;gap:5px;padding:8px 15px;background-color:#fff;border:2px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease}.multiple-choice-container .game-config .difficulty-selection .difficulty-options .difficulty-label:hover{background-color:#f0f0f0}.multiple-choice-container .game-config .difficulty-selection .difficulty-options .difficulty-label input[type=checkbox]{margin-right:5px}.multiple-choice-container .game-config .question-count{margin-bottom:20px}.multiple-choice-container .game-config .question-count label{display:flex;align-items:center;gap:10px}.multiple-choice-container .game-config .question-count label input[type=number]{width:60px;padding:5px;border:2px solid #ddd;border-radius:4px}.multiple-choice-container .game-config .start-btn{display:block;width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.multiple-choice-container .game-config .start-btn:hover{background-color:#45a049}.multiple-choice-container .quiz-section{background-color:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px}.multiple-choice-container .quiz-section .question{margin-bottom:20px;color:#333}.multiple-choice-container .quiz-section .options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:20px}.multiple-choice-container .quiz-section .options .option-btn{padding:12px;background-color:#fff;border:2px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease;text-align:left}.multiple-choice-container .quiz-section .options .option-btn:hover{background-color:#f0f0f0}.multiple-choice-container .quiz-section .options .option-btn.selected{background-color:#4caf50;color:#fff;border-color:#4caf50}.multiple-choice-container .quiz-section .submit-btn{display:block;width:100%;padding:12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.multiple-choice-container .quiz-section .submit-btn:hover:not(:disabled){background-color:#1976d2}.multiple-choice-container .quiz-section .submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.multiple-choice-container .result-section{text-align:center;background-color:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px}.multiple-choice-container .result-section h2{color:#333;margin-bottom:20px}.multiple-choice-container .result-section p{font-size:18px;margin-bottom:20px}.multiple-choice-container .result-section .detailed-btn,.multiple-choice-container .result-section .restart-btn{padding:10px 20px;margin:0 10px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.multiple-choice-container .result-section .detailed-btn{background-color:#2196f3;color:#fff}.multiple-choice-container .result-section .detailed-btn:hover{background-color:#1976d2}.multiple-choice-container .result-section .restart-btn{background-color:#ff9800;color:#fff}.multiple-choice-container .result-section .restart-btn:hover{background-color:#f57c00}.multiple-choice-container .detailed-result-section{background-color:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px}.multiple-choice-container .detailed-result-section h2{color:#333;margin-bottom:20px}.multiple-choice-container .detailed-result-section ul{list-style:none;padding:0}.multiple-choice-container .detailed-result-section ul li{background-color:#fff;padding:15px;border-radius:4px;margin-bottom:15px}.multiple-choice-container .detailed-result-section ul li p{margin:5px 0}.multiple-choice-container .detailed-result-section .restart-btn{display:block;width:100%;padding:12px;background-color:#ff9800;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease;margin-top:20px}.multiple-choice-container .detailed-result-section .restart-btn:hover{background-color:#f57c00}.quoridor{text-align:center;font-family:Arial,sans-serif;max-width:800px;margin:0 auto;padding:20px}.quoridor .title-container{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.quoridor .title-container h1{margin:0}.quoridor .title-container .rules-button{width:24px;height:24px;border-radius:50%;border:2px solid #4a90e2;background-color:#fff;color:#4a90e2;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.quoridor .title-container .rules-button:hover{background-color:#4a90e2;color:#fff;transform:scale(1.1)}.quoridor .board{display:grid;grid-template-columns:repeat(9,40px);grid-template-rows:repeat(9,40px);position:relative;width:360px;height:360px;margin:0 auto}.quoridor .cell{width:40px;height:40px;background-color:#f0f0f0;border:5px solid #ccc;box-sizing:border-box;position:relative}.quoridor .wall{position:absolute;background-color:#333;pointer-events:none}.quoridor .wall.random{background-color:#000c;box-shadow:0 0 5px #00000080}.quoridor .wall.player1{background-color:#f44336cc;box-shadow:0 0 5px #f4433680}.quoridor .wall.player2{background-color:#2196f3cc;box-shadow:0 0 5px #2196f380}.quoridor .tentative{opacity:.5}.quoridor .tentative.player1{background-color:#f4433680}.quoridor .tentative.player2{background-color:#2196f380}.quoridor .wall.horizontal.wall-row-0.wall-col-0{top:35px;left:5px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-0.wall-col-0{top:5px;left:35px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-0.wall-col-1{top:35px;left:45px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-0.wall-col-1{top:5px;left:75px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-0.wall-col-2{top:35px;left:85px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-0.wall-col-2{top:5px;left:115px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-0.wall-col-3{top:35px;left:125px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-0.wall-col-3{top:5px;left:155px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-0.wall-col-4{top:35px;left:165px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-0.wall-col-4{top:5px;left:195px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-0.wall-col-5{top:35px;left:205px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-0.wall-col-5{top:5px;left:235px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-0.wall-col-6{top:35px;left:245px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-0.wall-col-6{top:5px;left:275px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-0.wall-col-7{top:35px;left:285px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-0.wall-col-7{top:5px;left:315px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-0.wall-col-8{top:35px;left:325px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-0.wall-col-8{top:5px;left:355px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-1.wall-col-0{top:75px;left:5px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-1.wall-col-0{top:45px;left:35px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-1.wall-col-1{top:75px;left:45px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-1.wall-col-1{top:45px;left:75px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-1.wall-col-2{top:75px;left:85px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-1.wall-col-2{top:45px;left:115px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-1.wall-col-3{top:75px;left:125px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-1.wall-col-3{top:45px;left:155px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-1.wall-col-4{top:75px;left:165px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-1.wall-col-4{top:45px;left:195px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-1.wall-col-5{top:75px;left:205px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-1.wall-col-5{top:45px;left:235px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-1.wall-col-6{top:75px;left:245px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-1.wall-col-6{top:45px;left:275px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-1.wall-col-7{top:75px;left:285px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-1.wall-col-7{top:45px;left:315px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-1.wall-col-8{top:75px;left:325px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-1.wall-col-8{top:45px;left:355px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-2.wall-col-0{top:115px;left:5px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-2.wall-col-0{top:85px;left:35px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-2.wall-col-1{top:115px;left:45px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-2.wall-col-1{top:85px;left:75px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-2.wall-col-2{top:115px;left:85px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-2.wall-col-2{top:85px;left:115px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-2.wall-col-3{top:115px;left:125px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-2.wall-col-3{top:85px;left:155px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-2.wall-col-4{top:115px;left:165px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-2.wall-col-4{top:85px;left:195px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-2.wall-col-5{top:115px;left:205px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-2.wall-col-5{top:85px;left:235px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-2.wall-col-6{top:115px;left:245px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-2.wall-col-6{top:85px;left:275px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-2.wall-col-7{top:115px;left:285px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-2.wall-col-7{top:85px;left:315px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-2.wall-col-8{top:115px;left:325px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-2.wall-col-8{top:85px;left:355px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-3.wall-col-0{top:155px;left:5px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-3.wall-col-0{top:125px;left:35px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-3.wall-col-1{top:155px;left:45px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-3.wall-col-1{top:125px;left:75px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-3.wall-col-2{top:155px;left:85px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-3.wall-col-2{top:125px;left:115px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-3.wall-col-3{top:155px;left:125px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-3.wall-col-3{top:125px;left:155px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-3.wall-col-4{top:155px;left:165px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-3.wall-col-4{top:125px;left:195px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-3.wall-col-5{top:155px;left:205px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-3.wall-col-5{top:125px;left:235px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-3.wall-col-6{top:155px;left:245px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-3.wall-col-6{top:125px;left:275px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-3.wall-col-7{top:155px;left:285px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-3.wall-col-7{top:125px;left:315px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-3.wall-col-8{top:155px;left:325px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-3.wall-col-8{top:125px;left:355px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-4.wall-col-0{top:195px;left:5px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-4.wall-col-0{top:165px;left:35px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-4.wall-col-1{top:195px;left:45px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-4.wall-col-1{top:165px;left:75px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-4.wall-col-2{top:195px;left:85px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-4.wall-col-2{top:165px;left:115px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-4.wall-col-3{top:195px;left:125px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-4.wall-col-3{top:165px;left:155px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-4.wall-col-4{top:195px;left:165px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-4.wall-col-4{top:165px;left:195px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-4.wall-col-5{top:195px;left:205px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-4.wall-col-5{top:165px;left:235px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-4.wall-col-6{top:195px;left:245px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-4.wall-col-6{top:165px;left:275px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-4.wall-col-7{top:195px;left:285px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-4.wall-col-7{top:165px;left:315px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-4.wall-col-8{top:195px;left:325px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-4.wall-col-8{top:165px;left:355px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-5.wall-col-0{top:235px;left:5px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-5.wall-col-0{top:205px;left:35px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-5.wall-col-1{top:235px;left:45px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-5.wall-col-1{top:205px;left:75px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-5.wall-col-2{top:235px;left:85px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-5.wall-col-2{top:205px;left:115px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-5.wall-col-3{top:235px;left:125px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-5.wall-col-3{top:205px;left:155px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-5.wall-col-4{top:235px;left:165px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-5.wall-col-4{top:205px;left:195px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-5.wall-col-5{top:235px;left:205px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-5.wall-col-5{top:205px;left:235px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-5.wall-col-6{top:235px;left:245px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-5.wall-col-6{top:205px;left:275px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-5.wall-col-7{top:235px;left:285px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-5.wall-col-7{top:205px;left:315px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-5.wall-col-8{top:235px;left:325px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-5.wall-col-8{top:205px;left:355px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-6.wall-col-0{top:275px;left:5px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-6.wall-col-0{top:245px;left:35px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-6.wall-col-1{top:275px;left:45px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-6.wall-col-1{top:245px;left:75px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-6.wall-col-2{top:275px;left:85px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-6.wall-col-2{top:245px;left:115px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-6.wall-col-3{top:275px;left:125px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-6.wall-col-3{top:245px;left:155px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-6.wall-col-4{top:275px;left:165px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-6.wall-col-4{top:245px;left:195px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-6.wall-col-5{top:275px;left:205px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-6.wall-col-5{top:245px;left:235px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-6.wall-col-6{top:275px;left:245px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-6.wall-col-6{top:245px;left:275px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-6.wall-col-7{top:275px;left:285px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-6.wall-col-7{top:245px;left:315px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-6.wall-col-8{top:275px;left:325px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-6.wall-col-8{top:245px;left:355px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-7.wall-col-0{top:315px;left:5px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-7.wall-col-0{top:285px;left:35px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-7.wall-col-1{top:315px;left:45px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-7.wall-col-1{top:285px;left:75px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-7.wall-col-2{top:315px;left:85px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-7.wall-col-2{top:285px;left:115px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-7.wall-col-3{top:315px;left:125px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-7.wall-col-3{top:285px;left:155px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-7.wall-col-4{top:315px;left:165px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-7.wall-col-4{top:285px;left:195px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-7.wall-col-5{top:315px;left:205px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-7.wall-col-5{top:285px;left:235px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-7.wall-col-6{top:315px;left:245px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-7.wall-col-6{top:285px;left:275px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-7.wall-col-7{top:315px;left:285px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-7.wall-col-7{top:285px;left:315px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-7.wall-col-8{top:315px;left:325px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-7.wall-col-8{top:285px;left:355px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-8.wall-col-0{top:355px;left:5px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-8.wall-col-0{top:325px;left:35px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-8.wall-col-1{top:355px;left:45px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-8.wall-col-1{top:325px;left:75px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-8.wall-col-2{top:355px;left:85px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-8.wall-col-2{top:325px;left:115px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-8.wall-col-3{top:355px;left:125px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-8.wall-col-3{top:325px;left:155px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-8.wall-col-4{top:355px;left:165px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-8.wall-col-4{top:325px;left:195px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-8.wall-col-5{top:355px;left:205px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-8.wall-col-5{top:325px;left:235px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-8.wall-col-6{top:355px;left:245px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-8.wall-col-6{top:325px;left:275px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-8.wall-col-7{top:355px;left:285px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-8.wall-col-7{top:325px;left:315px;width:10px;height:70px}.quoridor .wall.horizontal.wall-row-8.wall-col-8{top:355px;left:325px;width:70px;height:10px}.quoridor .wall.vertical.wall-row-8.wall-col-8{top:325px;left:355px;width:10px;height:70px}.quoridor .board-container{position:relative;max-width:100%;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:20px}.quoridor .board-container button{background-color:#f0f0f0}.quoridor .game-info{width:100%;max-width:500px;display:flex;justify-content:space-around;margin-bottom:10px;padding:10px;background-color:#f5f5f5;border-radius:8px}.quoridor .game-info .player-info{padding:10px 20px;border-radius:4px;background-color:#fff;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.quoridor .game-info .player-info.active{background-color:#e3f2fd;border-left:4px solid #2196f3;font-weight:700}.quoridor .game-info .player-info:first-child{color:#f44336}.quoridor .game-info .player-info:last-child{color:#2196f3}.quoridor .game-controls{width:100%;max-width:600px;background:#fff;padding:15px;box-shadow:0 2px 8px #0000001a;border-radius:12px;margin-top:0}.quoridor .game-controls .primary-controls{display:flex;justify-content:center;gap:40px;margin-bottom:15px}.quoridor .keyboard-controls-info{width:100%;max-width:500px;display:flex;justify-content:space-around;margin:15px 0;padding:15px;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a}.quoridor .keyboard-controls-info .player1-controls,.quoridor .keyboard-controls-info .player2-controls{padding:10px;background-color:#fff;border-radius:6px;min-width:150px}.quoridor .keyboard-controls-info .player1-controls h4,.quoridor .keyboard-controls-info .player2-controls h4{margin:0 0 10px;font-size:16px}.quoridor .keyboard-controls-info .player1-controls p,.quoridor .keyboard-controls-info .player2-controls p{margin:5px 0;font-size:14px;display:flex;align-items:center;justify-content:center}.quoridor .keyboard-controls-info .player1-controls p:before,.quoridor .keyboard-controls-info .player2-controls p:before{content:"⌨️";margin-right:5px}.quoridor .keyboard-controls-info .player1-controls{border-left:4px solid #f44336}.quoridor .keyboard-controls-info .player2-controls{border-left:4px solid #2196f3}.quoridor .pawn-controls{margin:10px 0;display:flex;flex-direction:column;align-items:center}.quoridor .pawn-controls .direction-controls{display:grid;grid-template-areas:". up ." "left . right" ". down .";gap:5px;margin-bottom:10px}.quoridor .pawn-controls button{margin:2px;padding:12px 24px;font-size:24px;border:1px solid #ccc;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:60px;min-height:60px}.quoridor .pawn-controls button.up{grid-area:up}.quoridor .pawn-controls button.down{grid-area:down}.quoridor .pawn-controls button.left{grid-area:left}.quoridor .pawn-controls button.right{grid-area:right}.quoridor .pawn-controls button:hover:not(:disabled){transform:scale(1.1)}.quoridor .pawn-controls button:disabled{opacity:.5;cursor:not-allowed;background-color:#e0e0e0!important;color:#999!important;border-color:#ccc;transform:none}.quoridor .pawn-controls button.pass-button{width:100%;max-width:200px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-width:2px;margin-top:10px;padding:15px 30px}.quoridor .pawn-controls button.pass-button:hover{opacity:.9;box-shadow:0 2px 4px #0003}.quoridor .secondary-controls{margin-top:10px;padding-top:10px;border-top:1px solid #eee}.quoridor .utility-buttons{display:flex;justify-content:center;gap:10px;margin:10px 0}.quoridor .utility-buttons button{padding:10px 20px;border-radius:6px;font-weight:700}.quoridor .confirmation-panel{margin-top:10px;text-align:center}.quoridor .confirmation-panel button{margin:0 5px;padding:5px 10px;font-size:16px}.quoridor .pawn{position:absolute;width:30px;height:30px;border-radius:50%;transform:translate(5px,5px);transition:all .3s ease;z-index:3}.quoridor .pawn.player1{background-color:#f44336;border:2px solid #d32f2f}.quoridor .pawn.player2{background-color:#2196f3;border:2px solid #1976d2}.quoridor .pawn.current{box-shadow:0 0 10px #0000004d;transform:translate(5px,5px) scale(1.1)}.quoridor .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.quoridor .modal-content{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:90%;width:400px}.quoridor .modal-content h2{margin:0 0 1.5rem;color:#333;font-size:1.5rem}.quoridor .modal-content .settings-group{margin-bottom:1.5rem}.quoridor .modal-content .settings-group h3{color:#666;font-size:1.2rem;margin-bottom:1rem}.quoridor .modal-content .settings-group .setting-item{display:flex;align-items:center;margin-bottom:1rem}.quoridor .modal-content .settings-group .setting-item label{flex:1;margin-right:1rem}.quoridor .modal-content .settings-group .setting-item input{width:80px;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.quoridor .modal-content .settings-group .setting-item input:focus{outline:none;border-color:#4a90e2}.quoridor .modal-content .settings-group .setting-item.checkbox-item{flex-direction:column;align-items:flex-start}.quoridor .modal-content .settings-group .setting-item.checkbox-item label{display:flex;align-items:center;cursor:pointer;margin-bottom:.5rem}.quoridor .modal-content .settings-group .setting-item.checkbox-item label input[type=checkbox]{width:auto;margin-right:.5rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #4a90e2;border-radius:3px;background-color:#fff;position:relative}.quoridor .modal-content .settings-group .setting-item.checkbox-item label input[type=checkbox]:checked{background-color:#4a90e2}.quoridor .modal-content .settings-group .setting-item.checkbox-item label input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.quoridor .modal-content .settings-group .setting-item.checkbox-item label input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px #4a90e24d}.quoridor .modal-content .settings-group .setting-item.checkbox-item .setting-description{margin-left:1.5rem}.quoridor .modal-content .settings-group .setting-item .setting-description{margin:5px 0 0;font-size:.9rem;color:#666;font-style:italic}.quoridor .modal-content .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.quoridor .modal-content .modal-actions button{padding:.5rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.quoridor .modal-content .modal-actions button.cancel{background-color:#f5f5f5;color:#666}.quoridor .modal-content .modal-actions button.cancel:hover{background-color:#e8e8e8}.quoridor .modal-content .modal-actions button.confirm{background-color:#4a90e2;color:#fff}.quoridor .modal-content .modal-actions button.confirm:hover{background-color:#357abd}.quoridor .victory-modal .modal-content{text-align:center;max-width:400px;background:linear-gradient(135deg,#fff,#f5f5f5);border:2px solid #4a90e2;animation:modalPop .3s ease-out}.quoridor .victory-modal .victory-content{position:relative;padding:20px}.quoridor .victory-modal .victory-content h2{font-size:2rem;margin-bottom:1.5rem;color:#333;animation:bounce 1s ease infinite}.quoridor .victory-modal .victory-content .winner-announcement{margin:20px 0;position:relative}.quoridor .victory-modal .victory-content .winner-announcement .winner-crown{font-size:3rem;margin-bottom:10px;animation:float 2s ease-in-out infinite}.quoridor .victory-modal .victory-content .winner-announcement .winner-crown.red{color:#d32f2f}.quoridor .victory-modal .victory-content .winner-announcement .winner-crown.blue{color:#1976d2}.quoridor .victory-modal .victory-content .winner-announcement h3{font-size:1.5rem;margin:10px 0;animation:fadeIn .5s ease-out}.quoridor .confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.quoridor .confetti{position:absolute;width:10px;height:10px;top:-10px;animation:confettiFall 3s linear infinite;transform-origin:center}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(10deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}50%{opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@media (max-width: 768px){.quoridor .keyboard-controls-info{display:none}.quoridor .board-container{padding:10px;margin-bottom:20px}.quoridor .board-container .board{transform:scale(.85);transform-origin:top center;margin:0 auto 40px}.quoridor .board-container .game-info{margin-bottom:10px}.quoridor .board-container .game-info .player-info{padding:8px 15px;font-size:14px}.quoridor .game-controls{position:static;margin-top:10px;padding:10px;border-radius:12px;box-shadow:0 0 10px #0000001a}.quoridor .game-controls .primary-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.quoridor .pawn-controls{width:100%;margin:0;padding:5px;background:#f8f8f8;border-radius:8px}.quoridor .pawn-controls h3{font-size:14px;margin:5px 0}.quoridor .pawn-controls .direction-controls{display:grid;grid-template-areas:". up ." "left . right" ". down .";gap:5px;width:140px;margin:0 auto}.quoridor .pawn-controls .direction-controls button{min-width:40px;min-height:40px;padding:5px;font-size:18px;margin:0}.quoridor .pawn-controls .pass-button{padding:8px;font-size:14px;margin-top:5px;width:140px}.quoridor .secondary-controls{margin-top:10px;padding-top:10px;border-top:1px solid #eee}.quoridor .secondary-controls h2{font-size:14px;margin:5px 0}.quoridor .utility-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.quoridor .utility-buttons button{padding:8px;font-size:12px;width:100%}.quoridor .history-panel{display:none}.quoridor .modal-content{padding:1.5rem;width:85%}.quoridor .modal-content h2{font-size:1.3rem}.quoridor .modal-content .settings-group h3{font-size:1.1rem}.quoridor .modal-content .settings-group .setting-item{flex-direction:column;align-items:flex-start}.quoridor .modal-content .settings-group .setting-item label{margin-bottom:.5rem}.quoridor .modal-content .settings-group .setting-item input{width:100%}.quoridor .modal-content .modal-actions button{flex:1;padding:.75rem}}@media (max-width: 360px){.quoridor .board-container .board{transform:scale(.75)}.quoridor .pawn-controls .direction-controls{width:120px}.quoridor .pawn-controls .direction-controls button{min-width:35px;min-height:35px;font-size:16px}.quoridor .pawn-controls .pass-button{width:120px;font-size:12px}}.rules-modal .rules-content{max-height:60vh;overflow-y:auto;padding-right:10px}.rules-modal .rules-content::-webkit-scrollbar{width:8px}.rules-modal .rules-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.rules-modal .rules-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.rules-modal .rules-content section{margin-bottom:20px}.rules-modal .rules-content section h3{color:#4a90e2;margin-bottom:10px;font-size:1.1rem}.rules-modal .rules-content section ul{list-style-type:none;padding-left:0;margin:0}.rules-modal .rules-content section ul li{position:relative;padding-left:20px;margin-bottom:8px;text-align:left;line-height:1.4}.rules-modal .rules-content section ul li:before{content:"•";color:#4a90e2;position:absolute;left:5px}.hidden,#game-container.hidden{display:none}body{text-align:center;font-family:Arial,sans-serif;background-color:#f8f8f8;margin:0;padding:0}#start-screen{margin-top:200px}#preset-library{display:flex;justify-content:center;gap:10px;margin:20px 0}.preset-btn{flex:1;max-width:200px;padding:8px;border:1px solid #ccc;border-radius:5px;cursor:pointer;background:#f9f9f9;display:flex;flex-direction:column;align-items:center}.preset-btn:hover{background:#eef}.preset-label{font-weight:700;margin-bottom:4px}.preset-text{font-size:12px;text-align:center}#game-container{display:grid;grid-template-columns:140px 140px 650px 140px;gap:20px;align-items:start;width:1130px;height:750px;margin:40px auto}#left-sidebar{display:flex;flex-direction:column;align-items:center;gap:20px}#deck{width:100px;height:140px;background-image:url(/images/treasure/Fishing/Paul.jpg);background-size:cover;border-radius:8px}#restart-btn,#peek-btn,#switch-team-btn{width:100px;padding:8px;font-size:14px;border:none;border-radius:5px;cursor:pointer}#restart-btn{background-color:#007bff;color:#fff}#peek-btn{background-color:#28a745;color:#fff}#switch-team-btn{background-color:#ff9800;color:#fff}#restart-btn:hover{background-color:#0056b3}#peek-btn:hover{background-color:#218838}#switch-team-btn:hover{background-color:#e68a00}#freeze-btn{width:100px;padding:8px;font-size:14px;background-color:#17a2b8;color:#fff;border:none;border-radius:5px;cursor:pointer}#freeze-btn:hover{background-color:#117a8b}@keyframes freezeShake{0%{transform:rotate(0)}25%{transform:rotate(.7deg)}50%{transform:rotate(-.7deg)}75%{transform:rotate(.4deg)}to{transform:rotate(-.4deg)}}.card.frozen{position:relative}.card.frozen .card-inner{filter:brightness(.7) saturate(.5) hue-rotate(180deg);animation:freezeShake .6s infinite alternate;z-index:1}.card.frozen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/treasure/Fishing/Freeze.png) no-repeat center/cover;opacity:.6;pointer-events:none;z-index:2}@keyframes freezeShake{0%{transform:translate(0) rotate(0)}50%{transform:translate(1px,-1px) rotate(-1deg)}to{transform:translate(-1px,1px) rotate(1deg)}}#teamA{display:flex;flex-direction:column;align-items:center}#teamA .avatar{width:80px;height:80px;border-radius:50%}#grid{width:650px;height:750px;position:relative;border:2px dashed #ccc}#teamB{display:flex;flex-direction:column;align-items:center}#teamB .avatar{width:80px;height:80px;border-radius:50%}#grid .card{position:absolute;width:calc((100% - 50px) / 6);height:calc((100% - 40px)/5);transition:left .5s ease,top .5s ease;padding:0;display:flex}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s}.card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;padding:0;display:flex}.card-back{background-image:url(/images/treasure/Fishing/Paul.jpg);background-size:cover;filter:brightness(.6);transition:filter .2s,transform .2s}.card:not(.flipped):hover .card-back{filter:brightness(1);transform:scale(1.05);z-index:5}.card-front{background:#fff;border:2px solid #000;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;font-size:24px}.team .avatar{filter:brightness(.5);transition:filter .3s ease}.team.active .avatar{filter:brightness(1)}#start-screen #start-btn{display:block;margin:16px auto 0}.collected-pile{display:flex;flex-direction:column}.collected-group{position:relative;width:60px;height:80px}.collected-group:not(:first-child){margin-top:-60px}.collected-card{position:absolute;width:60px;height:80px;border:1px solid #ccc;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center}.card-front{padding:0;display:flex}.card-front img{width:100%;height:100%;object-fit:cover}.collected-group .collected-card:first-child{z-index:1}.collected-group .collected-card:last-child{z-index:2;top:0;left:0}.trixo-container{display:flex;flex-direction:column;align-items:center;padding:20px;min-height:100vh;background-color:#f5f5f5}.game-content{display:flex;gap:20px;align-items:flex-start;margin-top:20px}.game-main{display:flex;flex-direction:column;gap:20px}.team-info-panel{width:200px;display:flex;flex-direction:column;gap:10px;padding:15px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;height:fit-content}.team-info-panel .team-info{display:flex;flex-direction:column;align-items:center;padding:10px;background-color:#f8f9fa;border-radius:5px;transition:all .3s}.team-info-panel .team-info:hover{background-color:#e9ecef}.team-info-panel .team-info.clickable{cursor:pointer;border:2px solid #9c27b0;animation:pulse 1.5s infinite}.team-info-panel .team-info.clickable:hover{background-color:#f3e5f5;transform:scale(1.05)}.team-info-panel .team-info.can-open-inventory{cursor:pointer;transition:all .3s ease}.team-info-panel .team-info.can-open-inventory:hover{background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.team-info-panel .team-info.can-draw-cards{cursor:pointer;background:#2196f31a;border:2px solid #2196f3}.team-info-panel .team-info.can-draw-cards:hover{background:#2196f333}.team-info-panel .team-info .team-name{font-size:16px;font-weight:700;margin-bottom:5px;color:#333}.team-info-panel .team-info .team-score{font-size:24px;color:#2196f3;font-weight:700}.team-info-panel .team-info .cards-count{font-size:12px;color:#666;margin-top:5px}@keyframes pulse{0%{box-shadow:0 0 #9c27b066}70%{box-shadow:0 0 0 10px #9c27b000}to{box-shadow:0 0 #9c27b000}}.game-area{display:flex;gap:20px;margin-bottom:20px}.game-board{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:10px;width:500px;height:500px;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;perspective:1000px}.game-board .push-arrows{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.game-board .push-arrows .arrow{position:absolute;width:30px;height:30px;background-color:#fffc;border:2px solid #333;border-radius:50%;cursor:pointer;pointer-events:auto;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.game-board .push-arrows .arrow:hover{background-color:#fff;transform:scale(1.1)}.game-board .push-arrows .arrow:before{content:"⬇";font-size:20px;color:#333;border:none;display:flex;align-items:center;justify-content:center}.game-board .push-arrows .arrow.top{top:-15px;transform:translate(-50%)}.game-board .push-arrows .arrow.top:before{content:"⬇";margin:0}.game-board .push-arrows .arrow.bottom{bottom:-15px;transform:translate(-50%)}.game-board .push-arrows .arrow.bottom:before{content:"⬆";margin:0}.game-board .push-arrows .arrow.left{left:-15px;transform:translateY(-50%)}.game-board .push-arrows .arrow.left:before{content:"➡";margin:0}.game-board .push-arrows .arrow.right{right:-15px;transform:translateY(-50%)}.game-board .push-arrows .arrow.right:before{content:"⬅";margin:0}.cell{position:relative;display:flex;justify-content:center;align-items:center;background-color:#e0e0e0;border-radius:5px;cursor:pointer;transition:background-color .3s;overflow:visible}.cell:hover{background-color:#d0d0d0}.symbol-container{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;transition:transform .3s}.symbol-block{position:absolute;width:80%;height:80%;display:flex;justify-content:center;align-items:center;background-color:#fff;border:2px solid #333;border-radius:5px;box-shadow:0 4px 8px #0003;transform:translateZ(0);transition:all .3s}.symbol-block:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fffc,#fff3);border-radius:3px}.symbol-block .symbol{font-size:24px;font-weight:700;color:#333;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.symbol-block .stack-count{position:absolute;bottom:0;right:0;width:20px;height:20px;background-color:#000000b3;color:#fff;font-size:12px;display:flex;justify-content:center;align-items:center;border-radius:50%;transform:translate(30%,30%)}.symbols-panel{display:flex;gap:10px;padding:10px;background:#ffffff1a;border-radius:8px;margin-top:20px}.symbols-panel .symbol{width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer;border:2px solid transparent;border-radius:5px;transition:all .3s;background-color:#fff;box-shadow:0 2px 4px #0000001a}.symbols-panel .symbol:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.symbols-panel .symbol.selected{border-color:#2196f3;background-color:#e3f2fd;box-shadow:0 4px 8px #2196f34d}.symbols-panel .symbol.trash{color:#f44336;border-color:#f44336}.symbols-panel .symbol.trash.selected{background-color:#ffebee;box-shadow:0 4px 8px #f443364d}.symbols-panel .symbol.magnifier{color:#4caf50;border-color:#4caf50}.symbols-panel .symbol.magnifier.selected{background-color:#e8f5e9;box-shadow:0 4px 8px #4caf504d}.symbols-panel .symbol.refresh{color:#ff9800;border-color:#ff9800}.symbols-panel .symbol.refresh.selected{background-color:#fff3e0;box-shadow:0 4px 8px #ff98004d}.symbols-panel .symbol.push{background-color:#e3f2fd;color:#1976d2;border-color:#1976d2}.symbols-panel .symbol.push:hover{background-color:#bbdefb}.symbols-panel .symbol.push.selected{background-color:#1976d2;color:#fff}.symbols-panel .symbol.settle{color:#9c27b0;border-color:#9c27b0}.symbols-panel .symbol.settle:hover{background-color:#f3e5f5}.symbols-panel .symbol.settle.selected{background-color:#9c27b0;color:#fff;box-shadow:0 4px 8px #9c27b04d}.room-selection{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;width:300px}.input-group{display:flex;flex-direction:column;gap:10px}input{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}button{padding:10px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s}button:hover{background-color:#1976d2}.stack-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;padding:15px;border-radius:8px;box-shadow:0 0 15px #0000004d;z-index:2000;min-width:120px;text-align:center;cursor:pointer}.stack-preview h4{margin-bottom:10px;color:#333;font-size:14px}.stack-preview .stack-item{margin:5px 0;font-size:20px;padding:5px;background:#f5f5f5;border-radius:4px;transition:all .2s}.stack-preview .stack-item:hover{background:#e0e0e0}.inventory-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.inventory-overlay .inventory-container{background:#fff;padding:2rem;border-radius:1rem;min-width:400px;max-width:80%;max-height:80vh;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;overflow:auto}.inventory-overlay .inventory-container h3{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;color:#333}.inventory-overlay .inventory-container .inventory-sections{display:flex;flex-direction:column;gap:20px}.inventory-overlay .inventory-container .inventory-sections .inventory-section h4{margin-bottom:15px;color:#333;font-size:1.2rem;padding-left:10px;border-left:4px solid #2196f3}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;padding:10px}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container.special-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container .card-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;background:#f8f9fa;border-radius:8px;transition:transform .2s}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container .card-wrapper:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container .card-wrapper .card{width:80px;height:80px;border:2px solid #333;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:2rem;background:#fff;transition:transform .2s}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container .card-wrapper .card.special-card{width:100%;height:100px;background:linear-gradient(135deg,#f6d365,#fda085);border:none;display:flex;flex-direction:column;gap:5px;padding:10px}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container .card-wrapper .card.special-card .special-card-symbol{font-size:2.5rem}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container .card-wrapper .card.special-card .special-card-name{font-size:.9rem;font-weight:700;color:#333}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container .card-wrapper .special-card-description{font-size:.8rem;color:#666;text-align:center;padding:0 5px}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container .card-wrapper .button-group{display:flex;gap:8px;width:100%;justify-content:center}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container .card-wrapper .button-group button{flex:1;padding:6px 12px;border-radius:4px;border:none;cursor:pointer;font-size:14px;transition:all .2s;white-space:nowrap}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container .card-wrapper .button-group button.use-card-btn{background-color:#4caf50;color:#fff}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container .card-wrapper .button-group button.use-card-btn:hover{background-color:#45a049}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container .card-wrapper .button-group button.delete-card-btn{background-color:#f44336;color:#fff}.inventory-overlay .inventory-container .inventory-sections .inventory-section .cards-container .card-wrapper .button-group button.delete-card-btn:hover{background-color:#da190b}.new-card-animation{position:fixed;z-index:1100;width:80px;height:80px;background:#fff;border:2px solid #333;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:2rem;animation:cardAppear 3s ease-in-out forwards;box-shadow:0 4px 8px #0003}@keyframes cardAppear{0%{opacity:0;transform:scale(.5) translateY(-50px)}20%{opacity:1;transform:scale(1.2) translateY(0)}40%{transform:scale(1) translateY(0)}80%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.8) translateY(20px)}}.control-panels{display:flex;gap:1rem;margin-top:1rem}.utility-panel{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a}.utility-panel .utility-button{width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s ease}.utility-panel .utility-button:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0003}.utility-panel .utility-button.selected{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.special-functions-panel{display:flex;flex-direction:column;gap:10px;margin:10px 0;padding:10px;background:#ffffff1a;border-radius:8px}.special-functions-panel .special-function{display:flex;align-items:center;padding:10px;background:#fff3;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:16px}.special-functions-panel .special-function:hover{background:#ffffff4d}.special-functions-panel .special-function.selected{background:#fff6;box-shadow:0 0 10px #fff3}.game-area{display:flex;gap:20px;align-items:flex-start}.side-panel{display:flex;flex-direction:column;gap:10px;padding:10px;background:#ffffff1a;border-radius:8px;margin-left:20px}.side-panel .special-function{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:24px}.side-panel .special-function:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0003}.side-panel .special-function.selected{background:#e3f2fd;border-color:#2196f3;color:#1976d2;box-shadow:0 0 10px #2196f34d}.inventory-sections{display:flex;flex-direction:column;gap:20px}.inventory-section h4{margin-bottom:15px;color:#333;font-size:1.2rem}.special-cards .card-wrapper.special{width:200px}.special-cards .card-wrapper.special .special-card{position:relative;height:100px;background:linear-gradient(135deg,#f6d365,#fda085);border:none;box-shadow:0 4px 15px #0000001a}.special-cards .card-wrapper.special .special-card .special-card-symbol{font-size:2.5rem;margin-bottom:5px}.special-cards .card-wrapper.special .special-card .special-card-name{font-size:.9rem;font-weight:700;color:#333}.special-cards .card-wrapper.special .special-card-description{font-size:.8rem;color:#666;margin:8px 0;text-align:center;padding:0 5px}.special-cards-count{color:#ff9800;font-weight:700}.RoadmapPage{max-width:1200px;margin:0 auto;padding:2rem}.RoadmapPage .roadmap-title-section{text-align:center;margin-bottom:3rem}.RoadmapPage .roadmap-title-section h1{font-size:2.5rem;color:#333;margin-bottom:1rem}.RoadmapPage .roadmap-title-section p{font-size:1.2rem;color:#666}.RoadmapPage .content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.RoadmapPage .content .timeline-section{margin-bottom:3rem}.RoadmapPage .content .timeline-section h2{font-size:1.8rem;color:#333;margin-bottom:2rem}.RoadmapPage .content .timeline-section .timeline-item{padding:.5rem 0}.RoadmapPage .content .timeline-section .timeline-item .timeline-header{display:flex;align-items:center;margin-bottom:.5rem}.RoadmapPage .content .timeline-section .timeline-item .timeline-header .date{font-size:.9rem;color:#666;margin-right:1rem;padding:.2rem .5rem;background:#f5f5f5;border-radius:4px}.RoadmapPage .content .timeline-section .timeline-item .timeline-header h3{font-size:1.3rem;color:#333;margin:0}.RoadmapPage .content .timeline-section .timeline-item p{color:#666;margin-bottom:1rem}.RoadmapPage .content .timeline-section .timeline-item .feature-list{list-style:none;padding-left:1.5rem;margin:0}.RoadmapPage .content .timeline-section .timeline-item .feature-list li{position:relative;padding:.3rem 0;color:#444}.RoadmapPage .content .timeline-section .timeline-item .feature-list li:before{content:"✓";position:absolute;left:-1.5rem;color:#52c41a}.RoadmapPage .content .timeline-section .timeline-item .feature-list.planned li:before{content:"•";color:#1890ff}@media (max-width: 768px){.RoadmapPage{padding:1rem}.RoadmapPage .roadmap-title-section h1{font-size:2rem}.RoadmapPage .roadmap-title-section p{font-size:1rem}.RoadmapPage .content{padding:1rem}.RoadmapPage .content .timeline-section h2{font-size:1.5rem}.RoadmapPage .content .timeline-section .timeline-item .timeline-header{flex-direction:column;align-items:flex-start}.RoadmapPage .content .timeline-section .timeline-item .timeline-header .date{margin-bottom:.5rem}.RoadmapPage .content .timeline-section .timeline-item .timeline-header h3{font-size:1.2rem}}.LinePage{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.LinePage .line-title-section{text-align:center;margin-bottom:3rem;padding:2rem 0;background:linear-gradient(135deg,#aee1f9,#f9dcc4);border-radius:12px;color:#fff;box-shadow:0 4px 15px #0000001a}.LinePage .line-title-section h1{font-size:2.8rem;margin-bottom:1rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.LinePage .line-title-section p{font-size:1.3rem;opacity:.9;max-width:600px;margin:0 auto}.LinePage .content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:2.5rem;margin-bottom:2rem}.LinePage .content h2{font-size:2rem;color:#aee1f9;margin-bottom:2rem;text-align:center;position:relative;padding-bottom:1rem}.LinePage .content h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:#aee1f9;border-radius:3px}.LinePage .content .main-section{margin-bottom:4rem}.LinePage .content .qrcode-section .qrcode-container{display:flex;flex-direction:column;align-items:center;padding:2.5rem;background:linear-gradient(145deg,#f9f9f9,#fff);border-radius:12px;text-align:center;box-shadow:0 4px 15px #0000000d;transition:transform .3s ease}.LinePage .content .qrcode-section .qrcode-container:hover{transform:translateY(-5px)}.LinePage .content .qrcode-section .qrcode-container .qrcode-image{width:220px;height:220px;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.LinePage .content .qrcode-section .qrcode-container .qrcode-image img{width:100%;height:100%;object-fit:contain}.LinePage .content .qrcode-section .qrcode-container .scan-text{font-size:1.2rem;color:#555;margin-bottom:1.5rem;font-weight:500}.LinePage .content .qrcode-section .qrcode-container .add-friend-btn{background-color:#06c755;border-color:#06c755;height:48px;font-size:1.1rem;padding:0 2rem;margin-bottom:1rem;transition:all .3s ease}.LinePage .content .qrcode-section .qrcode-container .add-friend-btn:hover{background-color:#05a747;border-color:#05a747;transform:translateY(-2px)}.LinePage .content .qrcode-section .qrcode-container .add-friend-btn .anticon{font-size:1.2rem;margin-right:8px}.LinePage .content .intro-section{display:flex;flex-direction:column;justify-content:center;padding:2rem}.LinePage .content .intro-section h2{text-align:left;margin-bottom:1.5rem;font-size:1.8rem}.LinePage .content .intro-section p{font-size:1.1rem;color:#555;line-height:1.8;margin-bottom:1.5rem}.LinePage .content .features-section{margin-bottom:4rem}.LinePage .content .features-section .feature-card{height:100%;transition:all .3s ease;border-radius:12px;overflow:hidden;border:none;box-shadow:0 4px 15px #0000000d;padding:2rem}.LinePage .content .features-section .feature-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #0000001a}.LinePage .content .features-section .feature-card .card-icon{font-size:3.5rem;margin-bottom:1.5rem;text-align:center;color:#aee1f9}.LinePage .content .features-section .feature-card h3{font-size:1.4rem;color:#333;margin-bottom:1rem;text-align:center;font-weight:600}.LinePage .content .features-section .feature-card p{color:#666;text-align:center;line-height:1.6;font-size:1rem}.LinePage .content .usage-guide .steps{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.LinePage .content .usage-guide .steps .step{flex:1;min-width:280px;display:flex;align-items:flex-start;padding:2rem;background:linear-gradient(145deg,#f9f9f9,#fff);border-radius:12px;box-shadow:0 4px 15px #0000000d;transition:transform .3s ease}.LinePage .content .usage-guide .steps .step:hover{transform:translateY(-5px)}.LinePage .content .usage-guide .steps .step .step-number{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:linear-gradient(135deg,#aee1f9,#f9dcc4);color:#fff;border-radius:50%;font-size:1.4rem;font-weight:700;margin-right:1.5rem;flex-shrink:0;box-shadow:0 4px 10px #0000001a}.LinePage .content .usage-guide .steps .step .step-content h3{font-size:1.3rem;color:#333;margin-bottom:.8rem;font-weight:600}.LinePage .content .usage-guide .steps .step .step-content p{color:#666;line-height:1.6;font-size:1rem}@media (max-width: 992px){.LinePage{padding:1.5rem}.LinePage .line-title-section{padding:1.5rem 0;margin-bottom:2rem}.LinePage .line-title-section h1{font-size:2.2rem}.LinePage .line-title-section p{font-size:1.1rem}.LinePage .content{padding:2rem}.LinePage .content h2{font-size:1.8rem}.LinePage .content .qrcode-section .qrcode-container{padding:2rem}.LinePage .content .intro-section{padding:1.5rem}}@media (max-width: 768px){.LinePage{padding:1rem}.LinePage .line-title-section{padding:1.5rem 1rem;margin-bottom:1.5rem}.LinePage .line-title-section h1{font-size:2rem}.LinePage .line-title-section p{font-size:1rem}.LinePage .content{padding:1.5rem}.LinePage .content h2{font-size:1.6rem}.LinePage .content .qrcode-section .qrcode-container{padding:1.5rem}.LinePage .content .qrcode-section .qrcode-container .qrcode-image{width:180px;height:180px}.LinePage .content .intro-section{padding:1rem}.LinePage .content .features-section .feature-card{padding:1.5rem}.LinePage .content .usage-guide .steps{flex-direction:column;gap:1.5rem}.LinePage .content .usage-guide .steps .step{width:100%;padding:1.5rem}}@media (max-width: 480px){.LinePage .line-title-section h1{font-size:1.8rem}.LinePage .content .qrcode-section .qrcode-container .qrcode-image{width:160px;height:160px}}.bible-quiz{padding:20px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column}.bible-quiz__title{font-size:24px;color:#333;text-align:center;margin-bottom:30px}.bible-quiz__content{display:flex;gap:20px}.bible-quiz__main{flex:1}.bible-quiz__question{background-color:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.bible-quiz__question-text{font-size:18px;color:#333;margin-bottom:15px}.bible-quiz__question-answer{font-size:16px;color:#666;margin-bottom:10px}.bible-quiz__question-analysis{font-size:14px;color:#888;font-style:italic}.bible-quiz__bible-list{width:300px;background:#f9f9f9;padding:15px;border-radius:8px;height:500px;overflow-y:auto}.bible-quiz__bible-list-title{font-size:16px;color:#333;margin-bottom:10px;text-align:center}.bible-quiz__bible-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bible-quiz__bible-list button{padding:8px;font-size:12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:all .3s}.bible-quiz__bible-list button:hover{background:#f0f0f0}.bible-quiz__bible-list button.disabled{opacity:.5;cursor:not-allowed}.bible-quiz__bible-list button.selected{background:#4caf50;color:#fff;border-color:#4caf50}.bible-quiz__answer-area{margin-top:20px;padding:15px;background:#f5f5f5;border-radius:8px}.bible-quiz__answer-area-title{font-size:16px;color:#333;margin-bottom:10px}.bible-quiz__answer-area-content{min-height:40px;padding:10px;background:#fff;border-radius:4px;margin-bottom:10px}.bible-quiz__controls{display:flex;justify-content:space-between;margin-top:20px;gap:10px}.bible-quiz__controls button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.bible-quiz__controls button:hover{opacity:.9}.bible-quiz__controls-prev{background-color:#e0e0e0;color:#333}.bible-quiz__controls-next,.bible-quiz__controls-submit{background-color:#4caf50;color:#fff}.bible-quiz__controls-reveal{background-color:#2196f3;color:#fff}.bible-quiz__controls-reset{background-color:#f44336;color:#fff}.bible-quiz .result-correct{color:#4caf50;font-weight:700}.bible-quiz .result-incorrect{color:#f44336;font-weight:700}@media (max-width: 768px){.bible-quiz{padding:10px}.bible-quiz__title{font-size:20px;margin-bottom:18px}.bible-quiz__content{flex-direction:column;gap:10px}.bible-quiz__main{width:100%}.bible-quiz__question{padding:12px;font-size:16px}.bible-quiz__answer-area{margin-top:12px;padding:10px;font-size:14px}.bible-quiz__controls{flex-wrap:wrap;gap:8px}.bible-quiz__controls button{flex:1 1 45%;min-width:120px;font-size:14px;padding:8px 0;margin-bottom:4px}.bible-quiz__bible-list{width:100%;height:auto;margin-top:10px;padding:10px}.bible-quiz__bible-list-grid{grid-template-columns:repeat(4,1fr);gap:6px}.bible-quiz__bible-list button{font-size:11px;padding:6px 0}}.picture-quiz-container{max-width:800px;margin:0 auto;padding:20px;font-family:Noto Sans TC,sans-serif}.picture-quiz-container .quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.picture-quiz-container .quiz-header h1{font-size:24px;color:#333}.picture-quiz-container .quiz-header .header-controls{display:flex;align-items:center;gap:20px}.picture-quiz-container .quiz-header .header-controls .quiz-type-button{padding:8px 16px;border:2px solid #4caf50;border-radius:4px;background-color:#fff;color:#4caf50;cursor:pointer;transition:all .3s;font-size:14px}.picture-quiz-container .quiz-header .header-controls .quiz-type-button:hover{background-color:#4caf50;color:#fff}.picture-quiz-container .quiz-header .header-controls .score{font-size:18px;color:#666}.picture-quiz-container .quiz-content{display:flex;flex-direction:column;gap:20px}.picture-quiz-container .quiz-content .image-container{width:100%;display:flex;align-items:center;justify-content:center;background:#f7f7fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;padding:12px 0;min-height:350px;position:relative}.picture-quiz-container .quiz-content .image-container .image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;background:#f7f7fa;z-index:1}.picture-quiz-container .quiz-content .image-container .image-loading .loading-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top:4px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.picture-quiz-container .quiz-content .image-container .image-loading p{color:#666;font-size:14px;margin:0}.picture-quiz-container .quiz-content .image-container img{max-width:100%;max-height:350px;width:auto;height:auto;object-fit:contain;display:block;background:#f7f7fa}.picture-quiz-container .quiz-content .question-container h2{font-size:20px;margin-bottom:20px;color:#333}.picture-quiz-container .quiz-content .question-container .options-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.picture-quiz-container .quiz-content .question-container .options-container .option-button{padding:12px;border:2px solid #ddd;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .3s;font-size:16px}.picture-quiz-container .quiz-content .question-container .options-container .option-button:hover{border-color:#4caf50}.picture-quiz-container .quiz-content .question-container .options-container .option-button.selected{background-color:#4caf50;color:#fff;border-color:#4caf50}.picture-quiz-container .quiz-content .question-container .options-container .option-button:disabled{cursor:not-allowed;opacity:.7}.picture-quiz-container .quiz-content .question-container .fill-answer-container .bible-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:10px;border:1px solid #ddd;border-radius:8px}.picture-quiz-container .quiz-content .question-container .fill-answer-container .bible-grid .bible-button{padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .3s;font-size:14px}.picture-quiz-container .quiz-content .question-container .fill-answer-container .bible-grid .bible-button:hover{border-color:#4caf50}.picture-quiz-container .quiz-content .question-container .fill-answer-container .bible-grid .bible-button.selected{background-color:#4caf50;color:#fff;border-color:#4caf50}.picture-quiz-container .quiz-content .question-container .fill-answer-container .bible-grid .bible-button:disabled{cursor:not-allowed;opacity:.7}.picture-quiz-container .quiz-content .question-container .action-buttons{display:flex;gap:10px;margin-bottom:20px}.picture-quiz-container .quiz-content .question-container .action-buttons button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:16px}.picture-quiz-container .quiz-content .question-container .action-buttons button.submit-button{background-color:#4caf50;color:#fff}.picture-quiz-container .quiz-content .question-container .action-buttons button.submit-button:hover{background-color:#45a049}.picture-quiz-container .quiz-content .question-container .action-buttons button.next-button{background-color:#2196f3;color:#fff}.picture-quiz-container .quiz-content .question-container .action-buttons button.next-button:hover{background-color:#0b7dda}.picture-quiz-container .quiz-content .question-container .action-buttons button.retry-button{background-color:#ff9800;color:#fff}.picture-quiz-container .quiz-content .question-container .action-buttons button.retry-button:hover{background-color:#f57c00}.picture-quiz-container .quiz-content .question-container .action-buttons button.skip-button{background-color:#9e9e9e;color:#fff}.picture-quiz-container .quiz-content .question-container .action-buttons button.skip-button:hover{background-color:#757575}.picture-quiz-container .quiz-content .question-container .action-buttons button.show-answer-button{background-color:#607d8b;color:#fff}.picture-quiz-container .quiz-content .question-container .action-buttons button.show-answer-button:hover{background-color:#455a64}.picture-quiz-container .quiz-content .question-container .result,.picture-quiz-container .quiz-content .question-container .answer-panel{padding:15px;border-radius:8px;margin-top:20px;background-color:#f8f9fa}.picture-quiz-container .quiz-content .question-container .result .answer,.picture-quiz-container .quiz-content .question-container .answer-panel .answer{font-size:18px;font-weight:700;margin-bottom:10px}.picture-quiz-container .quiz-content .question-container .result .answer.correct,.picture-quiz-container .quiz-content .question-container .answer-panel .answer.correct{color:#4caf50}.picture-quiz-container .quiz-content .question-container .result .answer.incorrect,.picture-quiz-container .quiz-content .question-container .answer-panel .answer.incorrect{color:#f44336}.picture-quiz-container .quiz-content .question-container .result .correct-answer,.picture-quiz-container .quiz-content .question-container .answer-panel .correct-answer{font-size:16px;color:#666;margin-bottom:10px}.picture-quiz-container .quiz-content .question-container .result .analysis,.picture-quiz-container .quiz-content .question-container .answer-panel .analysis{font-size:16px;color:#333;line-height:1.5}@media (max-width: 768px){.picture-quiz-container{padding:10px}.picture-quiz-container .quiz-header{flex-direction:column;gap:15px}.picture-quiz-container .quiz-header .header-controls{flex-direction:column;gap:10px}.picture-quiz-container .quiz-content .image-container img{max-height:200px}.picture-quiz-container .quiz-content .question-container .options-container{grid-template-columns:1fr}.picture-quiz-container .quiz-content .question-container .bible-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.picture-quiz-container .quiz-content .question-container .action-buttons{flex-wrap:wrap}.picture-quiz-container .quiz-content .question-container .action-buttons button{flex:1;min-width:120px}}.music-treasure-page{max-width:1000px;margin:0 auto;padding:32px 16px 48px;text-align:center;font-family:Noto Sans TC,Segoe UI,Arial,sans-serif}.music-treasure-page .music-title{font-size:2.5rem;font-weight:800;color:#3b5998;margin-bottom:18px;letter-spacing:2px}.music-treasure-page .music-intro{font-size:1.15rem;color:#444;margin-bottom:32px;line-height:1.7}.music-treasure-page .music-list{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.music-treasure-page .music-card{background:#fff;border-radius:18px;box-shadow:0 4px 18px #0000001a;width:240px;display:flex;flex-direction:column;align-items:center;transition:transform .18s,box-shadow .18s;cursor:pointer}.music-treasure-page .music-card:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 8px 32px #3c78c821}.music-treasure-page .music-card .music-image{width:100%;height:180px;background-size:cover;background-position:center;border-radius:18px 18px 0 0;margin-bottom:0}.music-treasure-page .music-card .music-info{padding:18px 10px 16px}.music-treasure-page .music-card .music-info .music-name{font-size:1.18rem;font-weight:700;color:#3b5998;margin:0}@media (max-width: 600px){.music-treasure-page .music-list{gap:18px}.music-treasure-page .music-card{width:95vw;max-width:320px}.music-treasure-page .music-image{height:140px}}.upload-btn{background:linear-gradient(90deg,#3b5998 60%,#6ec6ff);color:#fff;font-weight:700;font-size:1.1rem;border:none;border-radius:12px;padding:12px 32px;margin-bottom:24px;cursor:pointer;box-shadow:0 2px 8px #3c78c81a;transition:all .18s}.upload-btn:hover{background:linear-gradient(90deg,#2d4373 60%,#4fc3f7);transform:translateY(-2px) scale(1.04);box-shadow:0 4px 16px #3c78c82e}.modal-bg{position:fixed;z-index:1000;left:0;top:0;right:0;bottom:0;background:#00000059;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;border-radius:18px;box-shadow:0 8px 32px #3c78c82e;padding:32px 24px 24px;min-width:320px;max-width:95vw;width:400px;text-align:left;position:relative;animation:modalIn .2s}@keyframes modalIn{0%{transform:scale(.92) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.upload-form label{display:block;margin-bottom:16px;font-weight:500;color:#3b5998}.upload-form input[type=text],.upload-form input[type=email],.upload-form input[type=file],.upload-form textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #b0bec5;margin-top:6px;font-size:1rem;box-sizing:border-box}.upload-form textarea{min-height:60px;resize:vertical}.upload-form input[type=checkbox]{width:auto;margin-left:8px}.preview-img{display:block;margin:10px 0 0;max-width:100%;max-height:120px;border-radius:8px;box-shadow:0 2px 8px #3c78c81a}.related-links{margin-bottom:16px}.related-link-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.related-link-row input{flex:1}.related-link-row button{background:#e57373;color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:.95rem;cursor:pointer;transition:background .15s}.related-link-row button:hover{background:#c62828}.related-links>button{background:#3b5998;color:#fff;border:none;border-radius:6px;padding:4px 14px;font-size:.98rem;margin-top:4px;cursor:pointer;transition:background .15s}.related-links>button:hover{background:#2d4373}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.modal-actions button{background:#3b5998;color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.modal-actions button:hover{background:#2d4373}.marriage-treasure-page{padding:2rem;max-width:1200px;margin:0 auto}.marriage-treasure-page .marriage-title{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:#333}.marriage-treasure-page .upload-btn{display:block;margin:1rem auto;padding:.8rem 1.5rem;background-color:#4a90e2;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s}.marriage-treasure-page .upload-btn:hover{background-color:#357abd}.marriage-treasure-page .marriage-disclaimer{background-color:#fff3cd;border:1px solid #ffeeba;padding:1rem;border-radius:5px;margin:1rem 0;text-align:center}.marriage-treasure-page .marriage-disclaimer p{margin:0;color:#856404}.marriage-treasure-page .marriage-intro{text-align:center;margin:2rem 0;line-height:1.6;color:#666}.marriage-treasure-page .marriage-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem}.marriage-treasure-page .marriage-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s}.marriage-treasure-page .marriage-card:hover{transform:translateY(-5px)}.marriage-treasure-page .marriage-image{height:200px;background-size:cover;background-position:center}.marriage-treasure-page .marriage-info{padding:1rem}.marriage-treasure-page .marriage-name{margin:0;font-size:1.2rem;color:#333}.marriage-treasure-page .modal-bg{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.marriage-treasure-page .modal-content{background:#fff;padding:2rem;border-radius:10px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.marriage-treasure-page .modal-content h2{margin-top:0;color:#333}.marriage-treasure-page .upload-form{display:flex;flex-direction:column;gap:1rem}.marriage-treasure-page .upload-form label{display:flex;flex-direction:column;gap:.5rem}.marriage-treasure-page .upload-form input[type=text],.marriage-treasure-page .upload-form input[type=file],.marriage-treasure-page .upload-form textarea,.marriage-treasure-page .upload-form select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.marriage-treasure-page .upload-form textarea{min-height:100px;resize:vertical}.marriage-treasure-page .preview-img{max-width:200px;margin-top:.5rem;border-radius:4px}.marriage-treasure-page .related-links{display:flex;flex-direction:column;gap:.5rem}.marriage-treasure-page .related-links .related-link-row{display:flex;gap:.5rem;align-items:center}.marriage-treasure-page .related-links .related-link-row input{flex:1}.marriage-treasure-page .related-links .related-link-row button{padding:.5rem;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.marriage-treasure-page .related-links .related-link-row button:disabled{background-color:#ccc;cursor:not-allowed}.marriage-treasure-page .related-links>button{align-self:flex-start;padding:.5rem 1rem;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.marriage-treasure-page .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.marriage-treasure-page .modal-actions button{padding:.5rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.marriage-treasure-page .modal-actions button[type=submit]{background-color:#4a90e2;color:#fff}.marriage-treasure-page .modal-actions button[type=button]{background-color:#6c757d;color:#fff}.marriage-treasure-page .marriage-footer{margin-top:3rem;padding:1rem;background-color:#f8f9fa;border-radius:5px;text-align:center}.marriage-treasure-page .marriage-footer p{margin:0;color:#666;font-size:.9rem}.love-languages-page{max-width:800px;margin:0 auto;padding:2rem}.love-languages-page .page-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.love-languages-page .page-header h1{margin:0}.love-languages-page .page-header .info-btn{width:24px;height:24px;border-radius:50%;border:2px solid #4a90e2;background:#fff;color:#4a90e2;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.love-languages-page .page-header .info-btn:hover{background:#4a90e2;color:#fff}.love-languages-page h1{text-align:center;color:#333;margin-bottom:1rem}.love-languages-page .intro{text-align:center;color:#666;margin-bottom:2rem;line-height:1.6}.love-languages-page .quiz-container{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 2px 8px #0000001a}.love-languages-page .progress-bar{background:#f0f0f0;height:8px;border-radius:4px;margin-bottom:2rem;position:relative}.love-languages-page .progress-bar .progress{background:#4a90e2;height:100%;border-radius:4px;transition:width .3s ease}.love-languages-page .progress-bar .progress-text{position:absolute;right:0;top:-20px;font-size:.9rem;color:#666}.love-languages-page .question-container{margin-bottom:2rem}.love-languages-page .question-container h2{color:#333;margin-bottom:1.5rem;font-size:1.2rem}.love-languages-page .question-container .options{display:flex;flex-direction:column;gap:1rem}.love-languages-page .question-container .options .option{padding:1rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;text-align:left;cursor:pointer;transition:all .3s ease;font-size:1rem;line-height:1.5}.love-languages-page .question-container .options .option:hover{border-color:#4a90e2;background:#f8f9fa}.love-languages-page .question-container .options .option.selected{border-color:#4a90e2;background:#e8f0fe}.love-languages-page .navigation-buttons{display:flex;justify-content:space-between;margin-bottom:1rem}.love-languages-page .navigation-buttons .nav-btn{padding:.8rem 1.5rem;border:none;border-radius:5px;background:#4a90e2;color:#fff;cursor:pointer;transition:background-color .3s}.love-languages-page .navigation-buttons .nav-btn:hover{background:#357abd}.love-languages-page .navigation-buttons .nav-btn:disabled{background:#ccc;cursor:not-allowed}.love-languages-page .submit-btn{display:block;width:100%;padding:1rem;background:#28a745;color:#fff;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s}.love-languages-page .submit-btn:hover{background:#218838}.love-languages-page .results-container{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 2px 8px #0000001a}.love-languages-page .results-container h2{text-align:center;color:#333;margin-bottom:2rem}.love-languages-page .results-container .chart-container{margin-bottom:2rem}.love-languages-page .results-container .result-description{margin:2rem 0}.love-languages-page .results-container .result-description h3{color:#333;margin-bottom:1rem}.love-languages-page .results-container .result-description ul{list-style:none;padding:0}.love-languages-page .results-container .result-description ul li{margin-bottom:1.5rem}.love-languages-page .results-container .result-description ul li strong{display:block;color:#4a90e2;margin-bottom:.5rem}.love-languages-page .results-container .result-description ul li p{color:#666;margin:0;line-height:1.6}.love-languages-page .results-container .retake-btn{display:block;width:100%;padding:1rem;background:#dc3545;color:#fff;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s}.love-languages-page .results-container .retake-btn:hover{background:#c82333}.love-languages-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.love-languages-page .modal-content{background:#fff;border-radius:10px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.love-languages-page .modal-content h2{color:#333;margin-bottom:1.5rem;text-align:center}.love-languages-page .modal-content .modal-body{margin-bottom:2rem}.love-languages-page .modal-content .modal-body h3{color:#4a90e2;margin:1.5rem 0 1rem}.love-languages-page .modal-content .modal-body p{color:#666;line-height:1.6;margin-bottom:1rem}.love-languages-page .modal-content .modal-body ul{list-style:none;padding:0}.love-languages-page .modal-content .modal-body ul li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.love-languages-page .modal-content .modal-body ul li:before{content:"•";color:#4a90e2;position:absolute;left:0}.love-languages-page .modal-content .modal-body ul li strong{color:#333}.love-languages-page .modal-content .share-preview{margin-bottom:1.5rem;border:1px solid #ddd;border-radius:8px;overflow:hidden}.love-languages-page .modal-content .share-preview img{width:100%;height:auto;display:block}.love-languages-page .modal-content .share-options{display:flex;flex-direction:column;gap:1rem}.love-languages-page .modal-content .share-options .share-btn{padding:1.2rem;border:none;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.8rem;box-shadow:0 2px 4px #0000001a}.love-languages-page .modal-content .share-options .share-btn.line{background:#06c755;color:#fff;position:relative;padding-left:3rem}.love-languages-page .modal-content .share-options .share-btn.line:before{content:"";position:absolute;left:1rem;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.346 0 .627.285.627.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.love-languages-page .modal-content .share-options .share-btn.line:hover{background:#05a548;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.love-languages-page .modal-content .share-options .share-btn.download{background:#4a90e2;color:#fff;position:relative;padding-left:3rem}.love-languages-page .modal-content .share-options .share-btn.download:before{content:"";position:absolute;left:1rem;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.love-languages-page .modal-content .share-options .share-btn.download:hover{background:#357abd;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.love-languages-page .modal-content .share-options .share-link{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.love-languages-page .modal-content .share-options .share-link input{flex:1;padding:1rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem;background:#f8f9fa}.love-languages-page .modal-content .share-options .share-link button{padding:1rem 1.5rem;background:#4a90e2;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-weight:700}.love-languages-page .modal-content .share-options .share-link button:hover{background:#357abd;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.love-languages-page .modal-content .close-btn{display:block;width:100%;padding:.8rem;background:#4a90e2;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.love-languages-page .modal-content .close-btn:hover{background:#357abd}.love-languages-page .result-actions{display:flex;gap:1rem;margin-top:2rem}.love-languages-page .result-actions .share-btn{flex:1;padding:1rem;background:#4a90e2;color:#fff;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s}.love-languages-page .result-actions .share-btn:hover{background:#357abd}.love-languages-page .result-actions .retake-btn{flex:1;padding:1rem;background:#dc3545;color:#fff;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s}.love-languages-page .result-actions .retake-btn:hover{background:#c82333}:root{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #f093fb;--highlight-color: #4facfe;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--background-light: #f8f9fa;--background-white: #ffffff;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--border-radius: 16px;--transition: all .3s ease;--l1-bg: url(/images/treasure/marriage/ec/L1.png);--l2-bg: url(/images/treasure/marriage/ec/L2.png);--l3-bg: url(/images/treasure/marriage/ec/L3.png);--l4-bg: url(/images/treasure/marriage/ec/L4.png)}.echoes-covenant{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Microsoft JhengHei,PingFang TC,Helvetica Neue,sans-serif;color:var(--text-primary);position:relative;overflow-x:hidden}.echoes-covenant .top-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 20px var(--shadow-light)}.echoes-covenant .top-nav .home-btn{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:25px;font-weight:600;cursor:pointer;transition:var(--transition)}.echoes-covenant .top-nav .home-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.echoes-covenant .top-nav h1{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.echoes-covenant .top-nav .nav-actions{display:flex;gap:1rem}.echoes-covenant .top-nav .nav-actions .nav-btn{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:.5rem 1rem;border-radius:25px;font-weight:600;cursor:pointer;transition:var(--transition)}.echoes-covenant .top-nav .nav-actions .nav-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.echoes-covenant .game-container{padding-top:100px;min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.echoes-covenant .stage-selection{text-align:center;max-width:900px;padding:2rem}.echoes-covenant .stage-selection h2{font-size:2.5rem;color:#fff;margin-bottom:3rem;text-shadow:0 2px 10px var(--shadow-medium)}.echoes-covenant .stage-selection .stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.echoes-covenant .stage-selection .stage-grid .stage-card{background:var(--background-white);border-radius:var(--border-radius);padding:0;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;box-shadow:0 8px 32px var(--shadow-light);min-height:320px;display:flex;flex-direction:column}.echoes-covenant .stage-selection .stage-grid .stage-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:var(--transition);z-index:1;opacity:1}.echoes-covenant .stage-selection .stage-grid .stage-card[data-tier=L1]:before{background-image:var(--l1-bg)}.echoes-covenant .stage-selection .stage-grid .stage-card[data-tier=L2]:before{background-image:var(--l2-bg)}.echoes-covenant .stage-selection .stage-grid .stage-card[data-tier=L3]:before{background-image:var(--l3-bg)}.echoes-covenant .stage-selection .stage-grid .stage-card[data-tier=L4]:before{background-image:var(--l4-bg)}.echoes-covenant .stage-selection .stage-grid .stage-card .card-content{position:relative;z-index:2;background:linear-gradient(to bottom,#ffffffb3,#fff9,#fffc);padding:2rem;flex:1;display:flex;flex-direction:column;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--border-radius)}.echoes-covenant .stage-selection .stage-grid .stage-card .tier-badge{position:absolute;top:1rem;right:1rem;background:#ffffffe6;color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.echoes-covenant .stage-selection .stage-grid .stage-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px var(--shadow-medium)}.echoes-covenant .stage-selection .stage-grid .stage-card:hover:before{transform:scale(1.05)}.echoes-covenant .stage-selection .stage-grid .stage-card h3{font-size:1.8rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:700;text-shadow:0 1px 3px rgba(255,255,255,.8)}.echoes-covenant .stage-selection .stage-grid .stage-card p{color:var(--text-secondary);font-size:1.1rem;margin:0;line-height:1.4;text-shadow:0 1px 2px rgba(255,255,255,.6)}.echoes-covenant .tag-selection{text-align:center;max-width:800px;padding:2rem;position:relative}.echoes-covenant .tag-selection:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.4;z-index:0;filter:brightness(.8) contrast(.9)}.echoes-covenant .tag-selection[data-tier=L1]:before{background-image:var(--l1-bg)}.echoes-covenant .tag-selection[data-tier=L2]:before{background-image:var(--l2-bg)}.echoes-covenant .tag-selection[data-tier=L3]:before{background-image:var(--l3-bg)}.echoes-covenant .tag-selection[data-tier=L4]:before{background-image:var(--l4-bg)}.echoes-covenant .tag-selection .stage-header{margin-bottom:3rem;position:relative;z-index:2}.echoes-covenant .tag-selection .stage-header h2{font-size:2.5rem;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 10px var(--shadow-medium)}.echoes-covenant .tag-selection .stage-header p{font-size:1.2rem;color:#ffffffe6;margin:0;text-shadow:0 1px 5px var(--shadow-medium)}.echoes-covenant .tag-selection .floating-tags{position:relative;min-height:400px;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;z-index:2}.echoes-covenant .tag-selection .floating-tags .floating-tag{background:#fffffff2;color:var(--text-primary);padding:1rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 20px var(--shadow-light);animation:gentleFloat 8s ease-in-out infinite;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:120px;height:60px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden}.echoes-covenant .tag-selection .floating-tags .floating-tag:hover{transform:scale(1.05);background:#fff;box-shadow:0 8px 30px var(--shadow-medium)}.echoes-covenant .tag-selection .floating-tags .floating-tag:active{transform:scale(.98)}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(1){animation-delay:.3s;animation-duration:8.2s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(2){animation-delay:.6s;animation-duration:8.4s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(3){animation-delay:.9s;animation-duration:8.6s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(4){animation-delay:1.2s;animation-duration:8.8s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(5){animation-delay:1.5s;animation-duration:9s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(6){animation-delay:1.8s;animation-duration:9.2s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(7){animation-delay:2.1s;animation-duration:9.4s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(8){animation-delay:2.4s;animation-duration:9.6s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(9){animation-delay:2.7s;animation-duration:9.8s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(10){animation-delay:3s;animation-duration:10s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(11){animation-delay:3.3s;animation-duration:10.2s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(12){animation-delay:3.6s;animation-duration:10.4s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(13){animation-delay:3.9s;animation-duration:10.6s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(14){animation-delay:4.2s;animation-duration:10.8s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(15){animation-delay:4.5s;animation-duration:11s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(16){animation-delay:4.8s;animation-duration:11.2s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(17){animation-delay:5.1s;animation-duration:11.4s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(18){animation-delay:5.4s;animation-duration:11.6s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(19){animation-delay:5.7s;animation-duration:11.8s}.echoes-covenant .tag-selection .floating-tags .floating-tag:nth-child(20){animation-delay:6s;animation-duration:12s}.echoes-covenant .question-selection{max-width:800px;padding:2rem;position:relative}.echoes-covenant .question-selection:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.3;z-index:0;filter:brightness(.7) contrast(.8)}.echoes-covenant .question-selection[data-tier=L1]:before{background-image:var(--l1-bg)}.echoes-covenant .question-selection[data-tier=L2]:before{background-image:var(--l2-bg)}.echoes-covenant .question-selection[data-tier=L3]:before{background-image:var(--l3-bg)}.echoes-covenant .question-selection[data-tier=L4]:before{background-image:var(--l4-bg)}.echoes-covenant .question-selection .selection-header{position:relative;z-index:2;margin-bottom:2rem}.echoes-covenant .question-selection .selection-header .back-btn{background:#ffffffe6;color:var(--text-primary);border:none;padding:.5rem 1rem;border-radius:20px;font-weight:600;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.echoes-covenant .question-selection .selection-header .back-btn:hover{background:#fff;transform:translate(-5px)}.echoes-covenant .question-selection .selection-header h3{font-size:2rem;color:#fff;text-align:center;margin:1rem 0;text-shadow:0 2px 10px var(--shadow-medium)}.echoes-covenant .question-selection .question-options{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2}.echoes-covenant .question-selection .question-options .question-option{background:#fffffff2;border-radius:var(--border-radius);padding:1.5rem;cursor:pointer;transition:var(--transition);box-shadow:0 4px 20px var(--shadow-light);border-left:4px solid var(--primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.echoes-covenant .question-selection .question-options .question-option:hover{transform:translate(8px);box-shadow:0 8px 30px var(--shadow-medium);background:#fff}.echoes-covenant .question-selection .question-options .question-option h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem;line-height:1.5}.echoes-covenant .question-selection .question-options .question-option .option-meta{display:flex;justify-content:space-between;align-items:center}.echoes-covenant .question-selection .question-options .question-option .option-meta .time{background:var(--primary-color);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.9rem;font-weight:600}.echoes-covenant .question-selection .question-options .question-option .option-meta .tags{display:flex;gap:.5rem}.echoes-covenant .question-selection .question-options .question-option .option-meta .tags .tag{background:var(--background-light);color:var(--text-secondary);padding:.2rem .6rem;border-radius:10px;font-size:.8rem}.echoes-covenant .question-selection .question-options .no-questions{text-align:center;color:#fff;position:relative;z-index:2}.echoes-covenant .question-selection .question-options .no-questions p{font-size:1.2rem;margin-bottom:1rem;text-shadow:0 1px 5px var(--shadow-medium)}.echoes-covenant .question-selection .question-options .no-questions button{background:#ffffffe6;color:var(--text-primary);border:none;padding:.8rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.echoes-covenant .question-selection .question-options .no-questions button:hover{background:#fff;transform:translateY(-2px)}.echoes-covenant .question-display{background:var(--background-white);border-radius:var(--border-radius);padding:2rem;max-width:800px;box-shadow:0 8px 32px var(--shadow-light);margin:0 2rem;position:relative;z-index:10}.echoes-covenant .question-display .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.echoes-covenant .question-display .question-header .tier-label{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.echoes-covenant .question-display .question-header .timer{background:var(--accent-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:1.1rem;min-width:80px;text-align:center}.echoes-covenant .question-display .question-content{margin-bottom:2rem}.echoes-covenant .question-display .question-content h3{font-size:1.6rem;color:var(--text-primary);line-height:1.6;margin-bottom:1.5rem;text-align:center}.echoes-covenant .question-display .question-content .question-meta .tags{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.echoes-covenant .question-display .question-content .question-meta .tags .tag{background:var(--background-light);color:var(--text-secondary);padding:.3rem .8rem;border-radius:15px;font-size:.9rem}.echoes-covenant .question-display .question-content .question-meta .notes{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;color:#856404;text-align:center;font-size:.9rem}.echoes-covenant .question-display .echo-process{background:var(--background-light);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.echoes-covenant .question-display .echo-process h4{text-align:center;color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.echoes-covenant .question-display .echo-process .echo-steps{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.echoes-covenant .question-display .echo-process .echo-steps .echo-step{display:flex;flex-direction:column;align-items:center;transition:var(--transition)}.echoes-covenant .question-display .echo-process .echo-steps .echo-step.active .step-number{background:var(--primary-color);color:#fff;transform:scale(1.2)}.echoes-covenant .question-display .echo-process .echo-steps .echo-step.active .step-text{color:var(--primary-color);font-weight:600}.echoes-covenant .question-display .echo-process .echo-steps .echo-step .step-number{width:40px;height:40px;border-radius:50%;background:var(--background-white);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.5rem;transition:var(--transition)}.echoes-covenant .question-display .echo-process .echo-steps .echo-step .step-text{color:var(--text-secondary);font-size:.9rem;transition:var(--transition)}.echoes-covenant .question-display .echo-process .echo-btn{background:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:var(--transition);display:block;margin:0 auto}.echoes-covenant .question-display .echo-process .echo-btn:hover{background:var(--secondary-color);transform:translateY(-2px)}.echoes-covenant .question-display .toolbar{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.echoes-covenant .question-display .toolbar .tool-btn{padding:.8rem 1.2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);min-width:100px}.echoes-covenant .question-display .toolbar .tool-btn.next-btn{background:var(--primary-color);color:#fff}.echoes-covenant .question-display .toolbar .tool-btn.next-btn:hover{background:var(--secondary-color);transform:translateY(-2px)}.echoes-covenant .question-display .toolbar .tool-btn.skip-btn{background:var(--background-light);color:var(--text-secondary)}.echoes-covenant .question-display .toolbar .tool-btn.skip-btn:hover{background:#e9ecef;color:var(--text-primary)}.echoes-covenant .question-display .toolbar .tool-btn.pause-btn{background:var(--accent-color);color:#fff}.echoes-covenant .question-display .toolbar .tool-btn.pause-btn:hover{background:#e91e63;transform:translateY(-2px)}.echoes-covenant .question-display .toolbar .tool-btn.favorite-btn{background:var(--background-light);color:var(--text-secondary);font-size:1.2rem}.echoes-covenant .question-display .toolbar .tool-btn.favorite-btn.active{background:#ff6b6b;color:#fff}.echoes-covenant .question-display .toolbar .tool-btn.favorite-btn:hover{transform:scale(1.1)}.echoes-covenant .stats{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-radius:25px;box-shadow:0 4px 20px var(--shadow-light);text-align:center}.echoes-covenant .stats p{margin:.2rem 0;color:var(--text-secondary);font-size:.9rem}.echoes-covenant .pause-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000}.echoes-covenant .pause-overlay .pause-content{background:var(--background-white);border-radius:var(--border-radius);padding:3rem;text-align:center;box-shadow:0 8px 32px var(--shadow-medium)}.echoes-covenant .pause-overlay .pause-content h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.8rem}.echoes-covenant .pause-overlay .pause-content p{color:var(--text-secondary);font-size:1.1rem}.echoes-covenant .echoes-covenant-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1500}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal{background:var(--background-white);border-radius:var(--border-radius);padding:2rem;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px var(--shadow-medium);position:relative}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal h3{color:var(--text-primary);margin-bottom:1.5rem;text-align:center;font-size:1.5rem}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal .echoes-covenant-modal-content{margin-bottom:2rem}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal .echoes-covenant-modal-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal .echoes-covenant-modal-content .summary-section{margin-bottom:1.5rem}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal .echoes-covenant-modal-content .summary-section h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal .echoes-covenant-modal-content .summary-section ul{list-style:none;padding:0}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal .echoes-covenant-modal-content .summary-section ul li{background:var(--background-light);padding:.8rem;border-radius:8px;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal .echoes-covenant-modal-content .summary-section textarea{width:100%;min-height:80px;border:2px solid var(--background-light);border-radius:8px;padding:.8rem;font-family:inherit;resize:vertical;transition:var(--transition)}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal .echoes-covenant-modal-content .summary-section textarea:focus{outline:none;border-color:var(--primary-color)}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal .echoes-covenant-modal-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal .echoes-covenant-modal-actions button{background:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition)}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal .echoes-covenant-modal-actions button:hover{background:var(--secondary-color);transform:translateY(-2px)}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal .echoes-covenant-modal-actions button:last-child{background:var(--background-light);color:var(--text-secondary)}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal .echoes-covenant-modal-actions button:last-child:hover{background:#e9ecef;color:var(--text-primary)}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal{max-width:700px;padding:0}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-header,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:1.5rem 2rem;border-radius:var(--border-radius) var(--border-radius) 0 0;display:flex;justify-content:space-between;align-items:center}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-header h3,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-header h3{color:#fff;margin:0;font-size:1.4rem;font-weight:600}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-header .echoes-covenant-close-btn,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-header .echoes-covenant-close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:var(--transition);display:flex;align-items:center;justify-content:center}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-header .echoes-covenant-close-btn:hover,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-header .echoes-covenant-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content{padding:2rem;margin:0}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-rule-section,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-rule-section{display:flex;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:var(--background-light);border-radius:12px;border-left:4px solid var(--primary-color);transition:var(--transition)}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-rule-section:hover,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-rule-section:hover{transform:translate(5px);box-shadow:0 4px 15px var(--shadow-light)}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-icon,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-icon{font-size:2rem;margin-right:1rem;flex-shrink:0}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content{flex:1}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content h4,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content p,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content p{color:var(--text-secondary);margin:0;line-height:1.6}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content .echoes-covenant-flow-steps,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content .echoes-covenant-flow-steps{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content .echoes-covenant-flow-steps .echoes-covenant-step,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content .echoes-covenant-flow-steps .echoes-covenant-step{background:var(--primary-color);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content .echoes-covenant-flow-steps .echoes-covenant-arrow,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content .echoes-covenant-flow-steps .echoes-covenant-arrow{color:var(--text-secondary);font-weight:700;font-size:1.2rem}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content .echoes-covenant-echo-detail,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content .echoes-covenant-echo-detail{color:var(--text-secondary);font-style:italic;margin-top:.5rem;font-size:.9rem}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content ul,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content ul{list-style:none;padding:0;margin:.5rem 0 0}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content ul li,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content ul li{background:#fff;padding:.6rem 1rem;border-radius:8px;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem;border-left:3px solid var(--accent-color);position:relative}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content ul li:before,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-rule-section .echoes-covenant-rule-content ul li:before{content:"✓";color:var(--accent-color);font-weight:700;margin-right:.5rem}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-about-hero,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-about-hero{text-align:center;margin-bottom:2.5rem;padding:2rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;border:2px solid rgba(102,126,234,.2)}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-about-hero .echoes-covenant-hero-icon,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-about-hero .echoes-covenant-hero-icon{font-size:3rem;margin-bottom:1rem;display:block}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-about-hero h4,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-about-hero h4{color:var(--text-primary);margin:0 0 1rem;font-size:1.3rem;font-weight:600}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-about-hero .echoes-covenant-hero-text,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-about-hero .echoes-covenant-hero-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:0;font-weight:500}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-about-section,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-about-section{display:flex;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid var(--background-light);transition:var(--transition)}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-about-section:hover,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-about-section:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-light)}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-icon,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-icon{font-size:2rem;margin-right:1rem;flex-shrink:0}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-content,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-content{flex:1}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-content h4,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-content h4{color:var(--text-primary);margin:0 0 .8rem;font-size:1.2rem;font-weight:600}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-content p,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-content p{color:var(--text-secondary);margin:0;line-height:1.6}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-content .echoes-covenant-stage-list,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-content .echoes-covenant-stage-list{display:grid;grid-template-columns:1fr;gap:.8rem;margin-top:1rem}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-content .echoes-covenant-stage-list .echoes-covenant-stage-item,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-content .echoes-covenant-stage-list .echoes-covenant-stage-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:var(--background-light);border-radius:8px;border-left:3px solid var(--highlight-color)}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-content .echoes-covenant-stage-list .echoes-covenant-stage-item .echoes-covenant-stage-name,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-content .echoes-covenant-stage-list .echoes-covenant-stage-item .echoes-covenant-stage-name{color:var(--text-primary);font-weight:600;font-size:.95rem}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-content .echoes-covenant-stage-list .echoes-covenant-stage-item .echoes-covenant-stage-desc,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-content .echoes-covenant-about-section .echoes-covenant-section-content .echoes-covenant-stage-list .echoes-covenant-stage-item .echoes-covenant-stage-desc{color:var(--text-secondary);font-size:.85rem;font-style:italic}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-footer,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-footer{background:var(--background-light);padding:1.5rem 2rem;border-radius:0 0 var(--border-radius) var(--border-radius);text-align:center}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-footer .echoes-covenant-primary-btn,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-footer .echoes-covenant-primary-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:.8rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:var(--transition);font-size:1rem}.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-rules-modal .echoes-covenant-modal-footer .echoes-covenant-primary-btn:hover,.echoes-covenant .echoes-covenant-modal-overlay .echoes-covenant-modal.echoes-covenant-about-modal .echoes-covenant-modal-footer .echoes-covenant-primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(.5deg)}50%{transform:translateY(-4px) rotate(-.3deg)}75%{transform:translateY(-12px) rotate(.8deg)}}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes waterRipple{0%{transform:scale(0);opacity:.6}to{transform:scale(2);opacity:0}}@keyframes lightBeam{0%{transform:rotate(-15deg);opacity:.4}50%{transform:rotate(15deg);opacity:.7}to{transform:rotate(-15deg);opacity:.4}}@media (max-width: 768px){.echoes-covenant .top-nav{padding:1rem;flex-direction:column;gap:1rem}.echoes-covenant .top-nav h1{font-size:1.5rem}.echoes-covenant .top-nav .nav-actions{gap:.5rem}.echoes-covenant .top-nav .nav-actions .nav-btn{padding:.4rem .8rem;font-size:.9rem}.echoes-covenant .game-container{padding-top:120px}.echoes-covenant .stage-selection{padding:1rem}.echoes-covenant .stage-selection h2{font-size:2rem}.echoes-covenant .stage-selection .stage-grid{grid-template-columns:1fr;gap:1rem}.echoes-covenant .tag-selection{padding:1rem}.echoes-covenant .tag-selection .stage-header h2{font-size:2rem}.echoes-covenant .tag-selection .floating-tags{min-height:300px;gap:.8rem}.echoes-covenant .tag-selection .floating-tags .floating-tag{padding:.8rem 1.2rem;font-size:.9rem}.echoes-covenant .question-display{margin:0 1rem;padding:1.5rem}.echoes-covenant .question-display .question-content h3{font-size:1.3rem}.echoes-covenant .question-display .toolbar{flex-direction:column;align-items:center}.echoes-covenant .question-display .toolbar .tool-btn{width:100%;max-width:200px}.echoes-covenant .stats{bottom:1rem;padding:.8rem 1.5rem}.echoes-covenant .stats p{font-size:.8rem}.echoes-covenant .modal-overlay .modal{margin:1rem;padding:1.5rem}}.echoes-covenant .stage-card:focus,.echoes-covenant .floating-tag:focus,.echoes-covenant .question-option:focus,.echoes-covenant .tool-btn:focus,.echoes-covenant .nav-btn:focus{outline:3px solid var(--primary-color);outline-offset:2px}.schedule-page-container{max-width:600px;margin:40px auto;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #5078c81a;font-family:Noto Sans TC,Microsoft JhengHei,Arial,sans-serif}@media (max-width: 700px){.schedule-page-container{padding:12px;border-radius:8px}}.schedule-title{text-align:center;color:#357ae8;font-size:2rem;font-weight:700;margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:8px}.schedule-query-row{display:flex;gap:10px;margin-bottom:18px}@media (max-width: 500px){.schedule-query-row{flex-direction:column;gap:6px}}.schedule-query-row input[type=text]{flex:1;padding:10px;border-radius:8px;border:1px solid #bcd0ee;font-size:1rem;background:#f7faff;transition:border .2s}.schedule-query-row input[type=text]:focus{border:1.5px solid #357ae8;outline:none}.schedule-query-row button{padding:10px 22px;border-radius:8px;background:linear-gradient(90deg,#4a90e2 60%,#357ae8);color:#fff;border:none;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s}.schedule-query-row button:disabled{background:#bcd0ee;color:#fff;cursor:not-allowed}.schedule-month-row{display:flex;gap:12px;align-items:center;margin-bottom:10px}@media (max-width: 500px){.schedule-month-row{flex-direction:column;gap:6px;align-items:flex-start}}.schedule-month-row label{font-size:1rem;color:#357ae8;font-weight:500}.schedule-month-row select{margin-left:8px;padding:4px 10px;border-radius:6px;border:1px solid #bcd0ee;background:#f7faff;font-size:1rem}.schedule-sort-row{display:flex;align-items:center;margin-bottom:8px}.schedule-sort-row button{font-size:.95rem;border-radius:6px;border:1px solid #bcd0ee;background:#f7faff;color:#357ae8;padding:4px 14px;cursor:pointer;transition:background .2s}.schedule-sort-row button:hover{background:#eaf2fb}.schedule-table-container{max-height:500px;overflow-y:auto;border-radius:10px;border:1px solid #bcd0ee;box-shadow:0 2px 8px #5078c80f;position:relative}.schedule-table-container::-webkit-scrollbar{width:8px}.schedule-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.schedule-table-container::-webkit-scrollbar-thumb{background:#bcd0ee;border-radius:4px}.schedule-table-container::-webkit-scrollbar-thumb:hover{background:#357ae8}.schedule-table{width:100%;background:#f8f9fa;border-collapse:separate;border-spacing:0;position:relative}.schedule-table thead{position:sticky;top:0;z-index:10;background:#f8f9fa}.schedule-table th,.schedule-table td{padding:10px 6px;text-align:center;font-size:1rem}.schedule-table th{background:#eaf2fb;color:#357ae8;font-weight:700;border-bottom:2px solid #bcd0ee;box-shadow:0 2px 4px #0000001a}.schedule-table th:first-child,.schedule-table td:first-child{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.schedule-table tbody tr:nth-child(2n) td{background:#f3f6fa}.schedule-table tbody tr:hover td{background:#e3edfa}.schedule-table .weight-row th{background:#f3f3f3!important;color:#aaa!important;font-size:13px;font-weight:400;border:none;box-shadow:none}.ant-modal-content{border-radius:12px!important}.ant-modal-title{color:#357ae8!important;font-weight:700}@media (max-width: 700px){.schedule-table-container{max-height:400px}.schedule-table th,.schedule-table td{font-size:.95rem;padding:7px 2px}.schedule-title{font-size:1.3rem}}.bible-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem;background-color:#f5f5f5}.bible-card{width:100%;max-width:800px;padding:2rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a}.bible-title{font-size:2rem;font-weight:600;color:#333;margin-bottom:2rem;text-align:center}.searching-indicator{display:flex;justify-content:center;align-items:center;height:150px}.searching-indicator .searching-spinner{font-size:1.1rem;color:#4a90e2;display:flex;align-items:center;gap:.5rem}.searching-indicator .searching-spinner:before{content:"";width:20px;height:20px;border:2px solid #e3f2fd;border-top:2px solid #4a90e2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-section{margin-bottom:2rem}.search-section .search-tabs{display:flex;margin-bottom:1.5rem;border-bottom:2px solid #e9ecef}.search-section .search-tabs .tab-button{flex:1;padding:1rem;background:none;border:none;font-size:1rem;font-weight:500;color:#666;cursor:pointer;transition:all .3s;border-bottom:3px solid transparent}.search-section .search-tabs .tab-button:hover{color:#4a90e2}.search-section .search-tabs .tab-button.active{color:#4a90e2;border-bottom-color:#4a90e2}.search-section .keyword-search .search-input-group{display:flex;gap:1rem}.search-section .keyword-search .search-input-group .search-input{flex:1;padding:1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s}.search-section .keyword-search .search-input-group .search-input:focus{outline:none;border-color:#4a90e2}.search-section .keyword-search .search-input-group .search-input::placeholder{color:#999}.search-section .keyword-search .search-input-group .search-button{padding:1rem 2rem;background-color:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.search-section .keyword-search .search-input-group .search-button:hover:not(:disabled){background-color:#3a80d2}.search-section .keyword-search .search-input-group .search-button:active:not(:disabled){background-color:#2a70c2}.search-section .keyword-search .search-input-group .search-button:disabled{background-color:#ccc;cursor:not-allowed}.search-section .chapter-search .chapter-selectors{display:flex;gap:1rem;align-items:center}.search-section .chapter-search .chapter-selectors .book-select,.search-section .chapter-search .chapter-selectors .chapter-select{flex:1;padding:1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;background-color:#fff;transition:border-color .3s}.search-section .chapter-search .chapter-selectors .book-select:focus,.search-section .chapter-search .chapter-selectors .chapter-select:focus{outline:none;border-color:#4a90e2}.search-section .chapter-search .chapter-selectors .book-select:disabled,.search-section .chapter-search .chapter-selectors .chapter-select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.search-section .chapter-search .chapter-selectors .search-button{padding:1rem 2rem;background-color:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.search-section .chapter-search .chapter-selectors .search-button:hover:not(:disabled){background-color:#3a80d2}.search-section .chapter-search .chapter-selectors .search-button:active:not(:disabled){background-color:#2a70c2}.search-section .chapter-search .chapter-selectors .search-button:disabled{background-color:#ccc;cursor:not-allowed}.book-quick-bar{display:flex;overflow-x:auto;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.book-quick-bar .book-quick-btn{padding:.5rem 1rem;border:none;background:#f5f5f5;color:#1976d2;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.book-quick-bar .book-quick-btn.active,.book-quick-bar .book-quick-btn:hover{background:#1976d2;color:#fff}.results-section .results-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.results-section .results-header .results-title{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:.5rem}.results-section .results-header .results-subtitle{font-size:.9rem;color:#666;margin:0}.results-section .books-list{display:flex;flex-direction:column;gap:1rem}.results-section .books-list .book-group{border:1px solid #e9ecef;border-radius:8px;overflow:hidden;background-color:#fff}.results-section .books-list .book-group .book-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;cursor:pointer;transition:background-color .3s}.results-section .books-list .book-group .book-header:hover{background-color:#e3f2fd}.results-section .books-list .book-group .book-header .book-title{display:flex;align-items:center;gap:.5rem}.results-section .books-list .book-group .book-header .book-title .book-name{font-size:1.1rem;font-weight:600;color:#333}.results-section .books-list .book-group .book-header .book-title .verse-count{font-size:.9rem;color:#666;background-color:#4a90e21a;padding:.2rem .6rem;border-radius:12px}.results-section .books-list .book-group .book-header .collapse-icon{font-size:1.2rem;color:#4a90e2;transition:transform .3s}.results-section .books-list .book-group .book-header .collapse-icon.collapsed{transform:rotate(-90deg)}.results-section .books-list .book-group .verses-list{display:flex;flex-direction:column;gap:0}.results-section .books-list .book-group .verses-list .verse-item{padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;transition:background-color .3s}.results-section .books-list .book-group .verses-list .verse-item:last-child{border-bottom:none}.results-section .books-list .book-group .verses-list .verse-item:hover{background-color:#f8f9fa}.results-section .books-list .book-group .verses-list .verse-item .verse-header{margin-bottom:.5rem}.results-section .books-list .book-group .verses-list .verse-item .verse-header .verse-reference{font-size:.9rem;font-weight:600;color:#4a90e2;background-color:#4a90e21a;padding:.2rem .6rem;border-radius:12px}.results-section .books-list .book-group .verses-list .verse-item .verse-text{font-size:1rem;line-height:1.6;color:#333;text-align:justify}.results-section .verses-list{display:flex;flex-direction:column;gap:1.5rem}.results-section .verses-list .verse-item{padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #4a90e2;transition:all .3s}.results-section .verses-list .verse-item:hover{background-color:#e3f2fd;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.results-section .verses-list .verse-item .verse-header{margin-bottom:1rem}.results-section .verses-list .verse-item .verse-header .verse-reference{font-size:1.1rem;font-weight:600;color:#4a90e2;background-color:#4a90e21a;padding:.3rem .8rem;border-radius:15px}.results-section .verses-list .verse-item .verse-text{font-size:1rem;line-height:1.6;color:#333;text-align:justify}.no-results{text-align:center;padding:3rem 1rem;color:#666}.no-results p{font-size:1.1rem;margin:0}@media (max-width: 768px){.bible-container{padding:1rem .5rem}.bible-card{padding:1.5rem}.bible-title{font-size:1.5rem}.search-section .search-tabs .tab-button{padding:.8rem;font-size:.9rem}.search-section .keyword-search .search-input-group{flex-direction:column;gap:.8rem}.search-section .keyword-search .search-input-group .search-button{width:100%}.search-section .chapter-search .chapter-selectors{flex-direction:column;gap:.8rem}.search-section .chapter-search .chapter-selectors .search-button{width:100%}.results-section .books-list .book-group .book-header{padding:.8rem 1rem}.results-section .books-list .book-group .book-header .book-title .book-name{font-size:1rem}.results-section .books-list .book-group .book-header .book-title .verse-count{font-size:.8rem;padding:.1rem .4rem}.results-section .books-list .book-group .book-header .collapse-icon{font-size:1rem}.results-section .books-list .book-group .verses-list .verse-item{padding:.8rem 1rem}.results-section .books-list .book-group .verses-list .verse-item .verse-text{font-size:.95rem}.results-section .verses-list .verse-item{padding:1rem}.results-section .verses-list .verse-item .verse-text{font-size:.95rem}}.home-layout{min-height:100vh;min-width:100vw;background:linear-gradient(180deg,#aee1f9,#f9dcc4)}.home-router-container{padding:0;border-radius:8px;min-height:calc(100vh - 200px)}.footer{text-align:center;background:#f9dcc4;padding:1rem;box-shadow:0 -2px 8px #0000000d;color:#4a4a4a}.footer .footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.footer .footer-content .footer-copyright{font-size:.9rem;opacity:.9}.footer .footer-content .footer-contact{display:flex;align-items:center;gap:.5rem;font-size:.85rem;opacity:.8}.footer .footer-content .footer-contact .footer-mail-icon{color:#4a4a4a;font-size:1rem}.footer .footer-content .footer-contact .footer-email{color:#4a4a4a;text-decoration:none;transition:all .3s ease;border-bottom:1px solid transparent}.footer .footer-content .footer-contact .footer-email:hover{color:#fff;opacity:1;border-bottom-color:#4a4a4a;text-decoration:none}@media (max-width: 768px){.footer .footer-content{flex-direction:column;gap:.3rem;text-align:center}.footer .footer-content .footer-contact{justify-content:center}}._container_1mv0o_1{max-width:800px;margin:2rem auto;padding:2rem;box-shadow:0 2px 10px #0003;line-height:1.6}ul{padding-left:20px}h2{margin-bottom:1rem}h4{margin:1rem 0 .5rem}.navigationBar{width:100%;background-color:#f8f8f8;height:65px;line-height:60px;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;position:fixed;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a}.navigationBar .desktopMenu .navList li.hasChildren .dropdownMenu{display:none;position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0 2px 8px #00000026;list-style:none;padding:0;border-radius:4px;min-width:150px}.navigationBar .desktopMenu .navList li.hasChildren .dropdownMenu li{margin:0}.navigationBar .desktopMenu .navList li.hasChildren .dropdownMenu li a{display:block;padding:.4rem 1rem;font-size:1rem;color:#333}@media only screen and (max-width: 767px){.navigationBar{padding:.3rem .8rem}.navigationBar .logo{font-size:1.4rem}.navigationBar .desktopMenu{display:none}.navigationBar .mobileMenuIcon{display:block;font-size:1.8rem;padding:.3rem;border:none;outline:none;background:transparent;cursor:pointer}.navigationBar .navLinks{display:none;position:absolute;top:100%;left:0;width:100vw;background-color:#f8f8f8;box-shadow:0 2px 4px #0000001a;padding:.3rem .8rem}.navigationBar .navLinks.open{display:block}.navigationBar .navLinks .navList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.navigationBar .navLinks .navList li{width:100%}.navigationBar .navLinks .navList li a,.navigationBar .navLinks .navList li .dropdownToggle{display:block;width:100%;padding:.8rem 0;text-align:center;text-decoration:none;color:#333;background-color:transparent;border:none;outline:none;transition:background-color .3s ease}.navigationBar .navLinks .navList li a:hover,.navigationBar .navLinks .navList li .dropdownToggle:hover{background-color:#e0f0ff}.navigationBar .navLinks .navList li a:active,.navigationBar .navLinks .navList li .dropdownToggle:active{background-color:#c0e0ff}.navigationBar .navLinks .navList li.hasChildren .dropdownMenu{list-style:none;margin:0;padding:0;display:none}.navigationBar .navLinks .navList li.hasChildren .dropdownMenu.open{display:block}.navigationBar .navLinks .navList li.hasChildren .dropdownMenu li a{display:block;width:100%;padding:.8rem 0;text-align:center;text-decoration:none;color:#333;background-color:transparent;border:none;outline:none;transition:background-color .3s ease}.navigationBar .navLinks .navList li.hasChildren .dropdownMenu li a:hover{background-color:#e0f0ff}.navigationBar .navLinks .navList li.hasChildren .dropdownMenu li a:active{background-color:#c0e0ff}.navigationBar .mobileMenuIcon{font-size:1.6rem;width:2.4rem;height:2.4rem;padding:.4rem;line-height:1.6}.navigationBar .navLinks.open .navList li a,.navigationBar .navLinks.open .navList li .dropdownToggle{padding:0rem 0;font-size:1rem}.navigationBar .navLinks.open .navList li.hasChildren .dropdownMenu li a{padding:0rem 0}.navLinks.open .navList>li>a,.navLinks.open .navList>li>.dropdownToggle{background-color:#fff;color:#333}.navLinks.open .navList>li.hasChildren.open>.dropdownToggle{background-color:#bbdefb;color:#07c}.navLinks.open .navList>li.hasChildren .dropdownMenu{display:none;background-color:#f5f5f5}.navLinks.open .navList>li.hasChildren.open .dropdownMenu{display:block}.navLinks.open .navList>li.hasChildren .dropdownMenu li a{padding:.6rem 1rem .6rem 1.5rem;font-size:.95rem;color:#555;background:none}.navLinks.open .navList>li.hasChildren .dropdownMenu li a:hover{background-color:#e8f0fe;color:#07c}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#f5f5f5;color:#333}.app{display:flex;flex-direction:column;align-items:center}.navigationBar{width:100%;left:0;right:0;background-color:#f8f8f8;display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;position:fixed;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a}.navigationBar .navLinks{display:none}.navigationBar .logo{font-size:1.8rem;font-weight:700;color:#3f51b5}.navigationBar .desktopMenu .navList{display:flex;gap:2rem;list-style:none;height:100%;align-items:center}.navigationBar .desktopMenu .navList li{position:relative}.navigationBar .desktopMenu .navList li a,.navigationBar .desktopMenu .navList li .dropdownToggle{text-decoration:none;color:#333;font-size:1.1rem;font-weight:500;padding:.5rem 1rem;background:none;border:none;cursor:pointer;transition:all .3s ease}.navigationBar .desktopMenu .navList li a:hover,.navigationBar .desktopMenu .navList li .dropdownToggle:hover{color:#07c;background-color:#0077cc1a;border-radius:4px}.navigationBar .desktopMenu .navList li.hasChildren .dropdownMenu{display:none;position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0 2px 8px #00000026;list-style:none;padding:.5rem 0;border-radius:4px;min-width:150px}.navigationBar .desktopMenu .navList li.hasChildren .dropdownMenu li a{display:block;padding:.5rem 1rem;font-size:1rem;color:#333}.navigationBar .desktopMenu .navList li.hasChildren .dropdownMenu li a:hover{background-color:#f1f1f1;color:#07c}.navigationBar .desktopMenu .navList li.hasChildren:hover .dropdownMenu{display:block}.navigationBar .mobileMenuIcon{display:none;font-size:2rem;cursor:pointer}.heroSection{width:100vw;margin-left:calc(-50vw + 50%);height:80vh;background:url(/images/Hannah/background.png) no-repeat center center/cover;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:0;text-align:center;color:#fff;margin-bottom:0}.heroSection h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.heroSection p{font-size:1.5rem;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.featuredBooks{width:100vw;margin-left:calc(-50vw + 50%);margin-top:0;margin-bottom:0;padding:4rem 0;position:relative}.featuredBooks:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/Hannah/background2.png) no-repeat center center/cover;filter:blur(4px)}.featuredBooks h2{text-align:center;padding:1rem 0;margin:0;position:relative;z-index:1;font-size:2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.featuredBooks .carouselContainer{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;top:-3rem}.featuredBooks .navButton{background-color:#f4ecec;color:#3f51b5;border:none;border-radius:50%;width:48px;height:48px;font-size:1.5rem;cursor:pointer;margin:0 1rem;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.featuredBooks .navButton:hover{background-color:#f1f1f1}.featuredBooks .navButton:active{box-shadow:0 1px 4px #00000040}.featuredBooks .carousel{position:relative;width:60%;height:500px;overflow:hidden;display:flex;justify-content:center;align-items:center;perspective:1000px}.featuredBooks .bookCard{position:absolute;width:200px;height:280px;background-color:#fff;padding:0;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;transition:transform .5s ease}.featuredBooks .bookCard img{width:100%;height:auto;margin-bottom:1rem;border-radius:4px}.featuredBooks .bookCard h3{font-size:1.2rem;margin-bottom:.5rem;color:#333}.featuredBooks .bookCard p{font-size:1rem;color:#666}.searchFilter{width:100vw;margin-left:calc(-50vw + 50%);background-color:#a6a8a93b;padding:1rem 0}.searchFilter .searchContainer{width:90%;max-width:800px;margin:0 auto;display:flex;justify-content:center;gap:1rem}.searchFilter input{flex:1;padding:.5rem 1rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.searchFilter button{padding:.5rem 1.5rem;font-size:1rem;background-color:#07c;color:#fff;border:none;border-radius:4px;cursor:pointer}.searchFilter button:hover{background-color:#005fa3}.bookDetail{width:100vw;margin-left:calc(-50vw + 50%);background-color:#a6a8a93b;margin-top:0;margin-bottom:0;padding:2rem 0}.bookDetail h2{text-align:center;padding:1rem 0;margin-bottom:0;color:#333}.bookDetail .bookDetailGrid{display:grid;grid-template-columns:repeat(4,300px);justify-content:center;gap:1.5rem}.bookDetail .bookDetailCard{width:300px;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden;display:flex;flex-direction:column}.bookDetail .bookDetailCard .bookDetailImage{position:relative;width:100%;height:500px}.bookDetail .bookDetailCard .bookDetailImage img{width:100%;height:100%;object-fit:cover}.bookDetail .bookDetailCard .bookDetailInfo{padding:.5rem 1rem}.bookDetail .bookDetailCard .bookDetailInfo h3{font-size:1.1rem;margin-bottom:.5rem;color:#333}.bookDetail .bookDetailCard .bookDetailInfo p{font-size:.9rem;color:#666;margin-bottom:.5rem}.highlights{width:100vw;margin-left:calc(-50vw + 50%);background-color:#dcdcdc4d;padding:2rem 0;margin-top:0;margin-bottom:0}.highlights h2{text-align:center;margin-bottom:1rem;color:#333}.highlights .highlightsCarousel{width:600px;height:400px;margin:0 auto}.highlights .highlightsCarousel img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px}.footer{position:relative;left:50%;transform:translate(-50%);width:100vw;background-color:#333;color:#fff;padding:1.5rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.footer p{margin:0;margin-bottom:.5rem}.footer nav{display:flex;gap:1rem}.footer nav a{color:#fff;text-decoration:none}.footer nav a:hover{text-decoration:underline}@media only screen and (max-width: 1023px) and (min-width: 768px){.heroSection{height:50vh}.heroSection h1{font-size:2.5rem}.heroSection p{font-size:1.3rem}.featuredBooks{padding:3rem 0}.featuredBooks h2{font-size:2.2rem}.featuredBooks .carousel{width:80%;height:400px}.bookDetail{padding:2rem 0}.bookDetail .bookDetailGrid{grid-template-columns:repeat(2,300px)}.highlights{padding:2rem 0}}@media only screen and (max-width: 767px){.heroSection h1{white-space:nowrap;font-size:2.5rem}.navigationBar{width:100vw;left:0;right:0;padding:.3rem .8rem;position:fixed;top:0;z-index:1000}.navigationBar .logo{font-size:1.4rem}.navigationBar .desktopMenu{display:none}.navigationBar .mobileMenuIcon{display:block;font-size:1.8rem;padding:.3rem;border:none;outline:none;background:transparent;cursor:pointer}.navigationBar .navLinks{display:none;position:absolute;top:100%;left:0;width:100vw;background-color:#f8f8f8;box-shadow:0 2px 4px #0000001a;padding:.3rem .8rem}.navigationBar .navLinks.open{display:block}.navigationBar .navLinks .navList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.navigationBar .navLinks .navList li{width:100%}.navigationBar .navLinks .navList li a,.navigationBar .navLinks .navList li .dropdownToggle{display:block;width:100%;box-sizing:border-box;padding:.8rem 0;text-align:center;text-decoration:none;color:#333;background-color:transparent;border:none;outline:none;transition:background-color .3s ease}.navigationBar .navLinks .navList li a:hover,.navigationBar .navLinks .navList li .dropdownToggle:hover{background-color:#e0f0ff}.navigationBar .navLinks .navList li a:active,.navigationBar .navLinks .navList li .dropdownToggle:active{background-color:#c0e0ff}.navigationBar .navLinks .navList li a:focus,.navigationBar .navLinks .navList li .dropdownToggle:focus{outline:none}.navigationBar .navLinks .navList li.hasChildren .dropdownMenu{list-style:none;margin:0;padding:0;display:none}.navigationBar .navLinks .navList li.hasChildren .dropdownMenu.open{display:block}.navigationBar .navLinks .navList li.hasChildren .dropdownMenu li a{display:block;width:100%;box-sizing:border-box;padding:.8rem 0;text-align:center;text-decoration:none;color:#333;background-color:transparent;border:none;outline:none;transition:background-color .3s ease}.navigationBar .navLinks .navList li.hasChildren .dropdownMenu li a:hover{background-color:#e0f0ff}.navigationBar .navLinks .navList li.hasChildren .dropdownMenu li a:active{background-color:#c0e0ff}.navigationBar .navLinks .navList li.hasChildren .dropdownMenu li a:focus{outline:none}.bookDetail .bookDetailGrid{grid-template-columns:1fr;justify-items:center;width:100%}.bookDetail .bookDetailCard{width:100%;max-width:90%;margin:0 auto 1rem}.highlights .highlightsCarousel{width:100%;height:300px;overflow:hidden}.highlights .highlightsCarousel img{width:100%;height:100%;object-fit:cover;object-position:center}}._container_v3gg2_2{display:flex;flex-direction:column;padding:2rem;padding-top:80px;padding-left:2rem;padding-right:2rem;padding-bottom:0}._header_v3gg2_13,._historyTimeline_v3gg2_14,._vision_v3gg2_15{scroll-margin-top:80px}._header_v3gg2_13{text-align:center;margin-bottom:2rem}._header_v3gg2_13 h1{font-size:2.5rem;margin-bottom:.5rem}._header_v3gg2_13 p{font-size:1.125rem;color:#555}._teamGrid_v3gg2_33{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem}._card_v3gg2_41{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1rem;text-align:center}._card_v3gg2_41 ._photo_v3gg2_48{width:200px;height:200px;object-fit:cover;display:block;margin:0 auto 1rem}._card_v3gg2_41 ._name_v3gg2_55{font-size:1.25rem;margin-bottom:.25rem}._card_v3gg2_41 ._role_v3gg2_59{font-size:1rem;color:#777}._historyTimeline_v3gg2_14{text-align:center;padding:2rem 0}._historyTimeline_v3gg2_14 h2{font-size:1.75rem;margin-bottom:1.5rem}._historyTimeline_v3gg2_14 ._timelineContainer_v3gg2_72{display:flex;align-items:center;justify-content:center}._historyTimeline_v3gg2_14 ._timelineItem_v3gg2_77{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 1rem}._historyTimeline_v3gg2_14 ._timelineItem_v3gg2_77 ._circle_v3gg2_84{width:50px;height:50px;border-radius:50%;background:#0070f3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.5rem}._historyTimeline_v3gg2_14 ._timelineItem_v3gg2_77 ._label_v3gg2_96{max-width:100px;font-size:.9rem;color:#555}._historyTimeline_v3gg2_14 ._timelineItem_v3gg2_77:not(:last-child):after{content:"";position:absolute;top:25px;right:-1rem;width:2rem;height:2px;background:#ccc}._vision_v3gg2_15{width:100vw;margin-left:calc(-50vw + 50%);position:relative;padding:4rem 2rem;min-height:600px;box-sizing:border-box;background-image:url(/images/Hannah/Retirement.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}._vision_v3gg2_15:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff9}._vision_v3gg2_15 h2,._vision_v3gg2_15 p{position:relative;z-index:1}._vision_v3gg2_15 h2{font-size:1.75rem;margin-bottom:1rem;color:#333;text-align:center}._vision_v3gg2_15 p{font-size:1rem;color:#555;text-align:center;max-width:800px;margin:.5rem auto 0}._highlights_v3gg2_155{width:100vw;margin-left:calc(-50vw + 50%);background-color:#dcdcdc4d;padding:2rem 0;margin-bottom:0}._highlights_v3gg2_155 h2{text-align:center;margin-bottom:1rem;color:#333}._highlightsCarousel_v3gg2_168{width:600px;height:400px;margin:0 auto}._highlightsCarousel_v3gg2_168 img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px}@media only screen and (min-width: 768px) and (max-width: 1023px){._container_v3gg2_2{padding:1.5rem;padding-top:80px}._header_v3gg2_13 h1{font-size:2.2rem}._header_v3gg2_13 p{font-size:1rem}._teamGrid_v3gg2_33{gap:1.5rem}._card_v3gg2_41{flex:0 0 calc(50% - 1.5rem)}._card_v3gg2_41 ._photo_v3gg2_48{width:150px;height:150px}._card_v3gg2_41 ._name_v3gg2_55{font-size:1.1rem}._card_v3gg2_41 ._role_v3gg2_59{font-size:.9rem}._historyTimeline_v3gg2_14 ._timelineContainer_v3gg2_72{gap:1rem}._historyTimeline_v3gg2_14 ._timelineItem_v3gg2_77{padding:0 .5rem}._historyTimeline_v3gg2_14 ._timelineItem_v3gg2_77 ._circle_v3gg2_84{width:40px;height:40px;font-size:.9rem}._historyTimeline_v3gg2_14 ._timelineItem_v3gg2_77 ._label_v3gg2_96{font-size:.8rem;max-width:80px}._historyTimeline_v3gg2_14 ._timelineItem_v3gg2_77:not(:last-child):after{right:-.5rem;width:1rem}._vision_v3gg2_15{padding:3rem 1.5rem;min-height:400px}._vision_v3gg2_15 h2{font-size:1.5rem}._vision_v3gg2_15 p{font-size:.9rem}._highlights_v3gg2_155{padding:1.5rem 0}._highlights_v3gg2_155 ._highlightsCarousel_v3gg2_168{width:80%;height:300px}}@media only screen and (max-width: 767px){._container_v3gg2_2{padding:1rem;padding-top:80px}._header_v3gg2_13 h1{font-size:2rem}._header_v3gg2_13 p{font-size:1rem}._teamGrid_v3gg2_33{flex-direction:column;align-items:center;gap:1.5rem}._card_v3gg2_41{width:100%;max-width:300px;padding:1rem}._card_v3gg2_41 ._photo_v3gg2_48{width:80%;aspect-ratio:1/1;object-fit:cover;display:block;margin:0 auto 1rem}._card_v3gg2_41 ._name_v3gg2_55{font-size:1.1rem}._card_v3gg2_41 ._role_v3gg2_59{font-size:.9rem}._historyTimeline_v3gg2_14 ._timelineContainer_v3gg2_72{flex-direction:column;gap:1.5rem}._historyTimeline_v3gg2_14 ._timelineItem_v3gg2_77{padding:0}._historyTimeline_v3gg2_14 ._timelineItem_v3gg2_77 ._circle_v3gg2_84{width:45px;height:45px;font-size:1rem}._historyTimeline_v3gg2_14 ._timelineItem_v3gg2_77 ._label_v3gg2_96{font-size:.85rem}._historyTimeline_v3gg2_14 ._timelineItem_v3gg2_77:not(:last-child):after{content:none}._vision_v3gg2_15{padding:2.5rem 1rem;min-height:300px}._vision_v3gg2_15 h2{font-size:1.4rem}._vision_v3gg2_15 p{font-size:.9rem}._highlights_v3gg2_155{padding:1.5rem 0}._highlights_v3gg2_155 ._highlightsCarousel_v3gg2_168{width:100%;height:300px}}._container_1w7a3_4{padding-top:100px;display:flex;flex-direction:column;background-color:#fff;align-items:center}._breadcrumb_1w7a3_13{width:100%;max-width:1200px;margin:0 auto;padding:1rem;font-size:.9rem;color:#666}._breadcrumb_1w7a3_13 ._current_1w7a3_21{color:#333;font-weight:700}._banner_1w7a3_27{width:100%;background:#07c;color:#fff;padding:4rem 1rem;text-align:center}._banner_1w7a3_27 ._bannerContent_1w7a3_34{max-width:960px;margin:0 auto}._banner_1w7a3_27 ._bannerContent_1w7a3_34 h2{font-size:2.5rem;margin-bottom:.5rem}._banner_1w7a3_27 ._bannerContent_1w7a3_34 p{font-size:1.2rem;margin-bottom:1rem}._banner_1w7a3_27 ._bannerContent_1w7a3_34 ._cta_1w7a3_46{padding:.75rem 1.5rem;background:#fff;color:#07c;border:none;border-radius:4px;cursor:pointer;font-weight:700}._topControls_1w7a3_57{max-width:960px;width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:0 1rem;margin-top:1rem;position:relative}._tabBar_1w7a3_69{display:flex;gap:1rem;transform:translate(-200px)}._tabBar_1w7a3_69 ._tabButton_1w7a3_74{padding:.5rem 1rem;border:none;background:#f0f0f0;color:#333;cursor:pointer;transition:background .3s}._tabBar_1w7a3_69 ._tabButton_1w7a3_74._active_1w7a3_82{background:#07c;color:#fff;border-radius:4px}._filterSortBar_1w7a3_89{display:flex;align-items:center;gap:1rem;font-size:.9rem}._filterSortBar_1w7a3_89 span{font-weight:700}._filterSortBar_1w7a3_89 select{padding:.3rem .6rem;border:1px solid #ccc;border-radius:4px}._main_1w7a3_105{max-width:960px;width:100%;display:flex;flex-direction:row;gap:2rem;padding:1rem}._sidebar_1w7a3_115{width:200px;background:#fafafa;padding:1rem;border-radius:4px;border-bottom:1px solid #ccc}._sidebar_1w7a3_115 h3{margin-bottom:1rem;font-size:1.1rem}._sidebar_1w7a3_115 div{margin-bottom:.5rem;font-size:.9rem}._content_1w7a3_132{flex:1;display:flex;flex-direction:column;gap:2rem}._carouselRow_1w7a3_140 h3{margin-bottom:.75rem;font-size:1.2rem;font-weight:700}._carouselRow_1w7a3_140 ._bookGrid_1w7a3_145{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem}._bookCard_1w7a3_152{background:#fff;border-radius:6px;border:1px solid #eee;padding:.5rem;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}._bookCard_1w7a3_152:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000001f}._bookCard_1w7a3_152 ._coverImg_1w7a3_169{width:100%;aspect-ratio:3/4;border-radius:4px;margin-bottom:.5rem;object-fit:cover;background:#eee}._bookCard_1w7a3_152 ._title_1w7a3_177{font-size:.85rem;font-weight:700;margin-bottom:.25rem;text-align:center}._bookCard_1w7a3_152 ._author_1w7a3_183{font-size:.75rem;color:#666;margin-bottom:.4rem}._bookCard_1w7a3_152 ._price_1w7a3_188{color:#07c;font-weight:700;font-size:.85rem;margin-bottom:.25rem}._bookCard_1w7a3_152 ._rating_1w7a3_194{font-size:.8rem;color:#ffb400;margin-bottom:.5rem}._bookCard_1w7a3_152 ._buyBtn_1w7a3_199{padding:.4rem 1rem;background-color:#07c;color:#fff;font-size:.75rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}._bookCard_1w7a3_152 ._buyBtn_1w7a3_199:hover{background-color:#005fa3}._pagination_1w7a3_214{display:flex;justify-content:center;gap:.5rem}._pagination_1w7a3_214 button{padding:.5rem .75rem;border:1px solid #ccc;background:#fff;cursor:pointer;border-radius:4px}._pagination_1w7a3_214 button._currentPage_1w7a3_226{background:#07c;color:#fff;border-color:#07c}._newsletter_1w7a3_233{width:100vw;margin-left:calc(-50vw + 50%);background:#f5f5f5;padding:2rem 1rem;text-align:center}._newsletter_1w7a3_233 ._newsForm_1w7a3_240{margin-top:1rem;display:inline-flex;gap:.5rem}._newsletter_1w7a3_233 ._newsForm_1w7a3_240 input{padding:.5rem 1rem;border:1px solid #ccc;border-radius:4px}._newsletter_1w7a3_233 ._newsForm_1w7a3_240 button{padding:.5rem 1rem;background:#07c;color:#fff;border:none;border-radius:4px;cursor:pointer}._modalOverlay_1w7a3_260{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}._modal_1w7a3_260{background:#fff;border-radius:6px;padding:2rem;width:90%;max-width:400px;position:relative;text-align:center}._modal_1w7a3_260 ._coverImg_1w7a3_169{max-width:100%;max-height:60vh;object-fit:contain}._closeBtn_1w7a3_290{position:absolute;top:.5rem;right:.75rem;background:transparent;border:none;font-size:1.5rem;cursor:pointer}._modalTitle_1w7a3_301{font-size:1.25rem;margin-bottom:1rem}._modalDescription_1w7a3_307{font-size:.9rem;color:#333;margin-bottom:1.5rem}@media only screen and (max-width: 767px){._container_1w7a3_4{padding:1rem;padding-top:10px}._tabBar_1w7a3_69{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem 0;width:100%;background-color:#fff;box-shadow:0 2px 4px #0000001a;transform:none!important}._topControls_1w7a3_57{flex-direction:column;align-items:flex-start;gap:1rem}._main_1w7a3_105{flex-direction:column}._sidebar_1w7a3_115{display:none}._carouselRow_1w7a3_140 ._bookGrid_1w7a3_145{grid-template-columns:1fr}._filterSortBar_1w7a3_89{width:100%;flex-direction:row;justify-content:space-between}}body{background:linear-gradient(180deg,#e6f0ff,#fff 80%);background-image:url(/images/Hannah/background2.png);background-repeat:repeat;background-attachment:fixed;background-size:auto}._container_1w7a3_4{background-color:#ffffffeb;border-radius:12px;box-shadow:0 4px 16px #0000000d;padding-top:10px;padding-bottom:0rem;display:flex;flex-direction:column;align-items:center}._topControls_1w7a3_57{background-color:#f8f9fa;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000000d}._main_1w7a3_105{background-color:#f5f7fb;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d}._newsletter_1w7a3_233{background-color:#fffaf2;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}._tabBar_1w7a3_69{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f}._loginContainer_nknza_2{display:flex;justify-content:center;align-items:center;min-height:80vh;background:#f0f0f0;padding:2rem}._loginBox_nknza_11{background:#fff;padding:2.5rem 2rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px}._title_nknza_20{text-align:center;font-size:1.75rem;color:#444;margin-bottom:1.5rem}._socialButtons_nknza_28{display:flex;gap:.75rem;margin-bottom:1rem}._socialButtons_nknza_28 ._socialBtn_nknza_33{flex:1;display:flex;align-items:center;justify-content:center;padding:.6rem 0;border:none;border-radius:4px;font-size:1rem;color:#fff;cursor:pointer}._socialButtons_nknza_28 ._socialBtn_nknza_33 span{margin-left:.5rem}._socialButtons_nknza_28 ._socialBtn_nknza_33 svg{font-size:1.2rem}._socialButtons_nknza_28 ._facebook_nknza_51{background:#1877f2}._socialButtons_nknza_28 ._line_nknza_54{background:#00c300}._divider_nknza_59{display:flex;align-items:center;text-align:center;margin:1rem 0}._divider_nknza_59:before,._divider_nknza_59:after{content:"";flex:1;height:1px;background:#ddd}._divider_nknza_59 span{margin:0 .5rem;color:#888;font-size:.9rem}._formGroup_nknza_78{display:flex;flex-direction:column;margin-bottom:1rem}._formGroup_nknza_78 label{margin-bottom:.3rem;font-size:.9rem;color:#555}._formGroup_nknza_78 input{padding:.6rem .75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}._formGroup_nknza_78 input:focus{outline:none;border-color:#07c}._submitBtn_nknza_100{width:100%;padding:.75rem;background:#3c3729;color:#fff;border:none;border-radius:4px;font-size:1rem;margin-top:.5rem;cursor:pointer;transition:background .2s}._submitBtn_nknza_100:hover{background:#2e2a20}._options_nknza_117{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.9rem}._options_nknza_117 ._remember_nknza_124{display:flex;align-items:center}._options_nknza_117 ._remember_nknza_124 input{margin-right:.3rem}._options_nknza_117 ._links_nknza_131{display:flex;gap:1rem}._options_nknza_117 ._links_nknza_131 a{color:#07c;text-decoration:none}._options_nknza_117 ._links_nknza_131 a:hover{text-decoration:underline}.profile-container{min-height:100vh;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23d97706' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"),linear-gradient(135deg,#fef3c7,#fcd34d,#d97706);background-attachment:fixed;animation:backgroundAnimation 30s ease infinite alternate;padding:3rem 1.5rem;display:flex;align-items:center;justify-content:center}.profile-card{width:100%;max-width:28rem;background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff1a inset;border:1px solid rgba(255,255,255,.3);padding:2rem;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 80%);opacity:0;transform:scale(.8);transition:opacity .5s ease,transform .5s ease;pointer-events:none;z-index:-1}.profile-card:hover{transform:translateY(-5px);box-shadow:0 25px 30px -5px #00000026,0 10px 15px -5px #00000014,0 0 0 1px #fff3 inset}.profile-card:hover:before{opacity:1;transform:scale(1)}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.profile-title{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#92400e;text-shadow:0 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,#92400e,#b45309);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block;width:100%}.profile-title:after{content:"";position:absolute;left:50%;bottom:-10px;width:60px;height:3px;background:linear-gradient(90deg,transparent,#d97706,transparent);transform:translate(-50%);border-radius:3px}.section-title{font-size:1.25rem;font-weight:500;color:#92400e;margin-bottom:.75rem}.form-group+.form-group{margin-top:.5rem;padding-top:.5rem}.form-label{font-size:.875rem;font-weight:500;color:#92400e;margin-bottom:.5rem;display:flex;align-items:center}.form-label:before{content:"•";margin-right:.5rem;font-size:1.25rem;color:#d97706}.required{color:#dc2626;margin-left:.25rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid rgba(217,119,6,.3);border-radius:.5rem;background-color:#fffc;transition:all .3s ease}.form-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #d97706,0 10px 15px -3px #d977061a,0 4px 6px -2px #d977060d;transform:translateY(-2px)}.form-input::placeholder{color:#92400e66;font-style:italic}.alias-input-group{display:flex;gap:.75rem;margin-bottom:1rem}.add-button{padding:.75rem 1.25rem;background-color:#d97706;color:#fff;border:none;border-radius:.5rem;font-weight:700;font-size:1.25rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden}.add-button:hover{background-color:#a75c05;box-shadow:0 6px 8px -1px #00000026,0 3px 6px -1px #0000001a}.add-button:active{transform:translateY(2px);box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f}.add-button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffffb3;opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%}.add-button:focus:not(:active):after{animation:ripple .8s ease-out}.alias-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.alias-list:empty{margin:0}.alias-list:not(:empty){margin-top:1rem;padding-top:.5rem;position:relative}.alias-list:not(:empty):before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(217,119,6,.2),transparent)}.alias-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#fef3c780;border-radius:.5rem;border:1px solid rgba(217,119,6,.2);border-left:4px solid #d97706;transition:all .3s ease;overflow:hidden;animation:slideIn .3s ease}.alias-item:hover{transform:translate(5px);background-color:#fef3c7b3}.form-group:nth-child(2) .alias-item{background-color:#a7f3d066;border:1px solid rgba(21,128,61,.2);border-left:4px solid #15803d}.form-group:nth-child(2) .alias-item .alias-text{color:#116a33}.form-group:nth-child(2) .alias-item .delete-button{background-color:#a7f3d099;color:#15803d}.form-group:nth-child(2) .alias-item .delete-button:hover{background-color:#dc26261a;color:#dc2626}.form-group:nth-child(2) .alias-item:hover{background-color:#a7f3d099}.alias-text{color:#92400e;font-weight:500}.delete-button{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background-color:#fcd34d66;color:#92400e;border:none;border-radius:50%;font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .2s ease}.delete-button:hover{background-color:#dc26261a;color:#dc2626;transform:rotate(90deg)}.submit-button{width:100%;padding:.75rem 1rem;background-color:#a75c05;color:#fff;border:none;border-radius:.5rem;font-weight:700;font-size:1.125rem;cursor:pointer;margin-top:1rem;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;position:relative;overflow:hidden}.submit-button:hover{background-color:#8f4e04;box-shadow:0 15px 20px -3px #00000026,0 4px 8px -2px #0000001a}.submit-button:active{box-shadow:0 5px 10px -3px #0000001a,0 2px 4px -2px #0000000d}.submit-button:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffffb3;opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%}.submit-button:focus:not(:active):after{animation:ripple .8s ease-out}.error-message{color:#dc2626;font-size:.875rem;margin-top:.5rem;font-weight:500;animation:fadeIn .3s ease;padding:.5rem;background-color:#dc26260d;border-radius:.5rem;border-left:3px solid #dc2626}@keyframes backgroundAnimation{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(30);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px;color:#92400e;font-weight:500;position:relative}.loading-spinner:after{content:"";position:absolute;width:30px;height:30px;border:3px solid #fcd34d;border-top-color:#d97706;border-radius:50%;margin-left:10px;animation:spinner 1s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.admin-request-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem 1rem;background-color:#f5f5f5}.admin-request-card{width:100%;max-width:500px;padding:2rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a}.admin-request-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem;text-align:center}.admin-request-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.9rem;font-weight:600;color:#444}.form-input,.form-select,.form-textarea{padding:.8rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s;background-color:#fff;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#4a90e2}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#f5f5f5;color:#666}.form-textarea{resize:vertical;min-height:100px}.form-hint{font-size:.8rem;color:#666;margin-top:-.3rem}.submit-button{margin-top:1rem;padding:.8rem 1.5rem;background-color:#4a90e2;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:#3a80d2}.submit-button:active{background-color:#2a70c2}.error-message{padding:.8rem;background-color:#ffebee;color:#c62828;border-radius:5px;font-size:.9rem}.success-message{padding:.8rem;background-color:#e8f5e9;color:#2e7d32;border-radius:5px;font-size:.9rem}.loading-spinner{display:flex;justify-content:center;align-items:center;height:150px;font-size:1.2rem;color:#666}.required{color:#e53935}.dev-admin-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.dev-admin-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem;text-align:center}.dev-admin-subtitle{font-size:1.2rem;color:#666;margin-bottom:2rem;text-align:center}.filter-container{display:flex;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.filter-label{font-weight:600;margin-right:1rem}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-button{padding:.5rem 1rem;border:1px solid #ccc;background-color:#f5f5f5;border-radius:5px;cursor:pointer;transition:all .2s}.filter-button:hover{background-color:#e0e0e0}.filter-button.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.requests-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.request-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:1.5rem;transition:transform .2s;border-left:5px solid #ddd}.request-card:hover{transform:translateY(-5px)}.request-card.status-pending{border-left-color:#ff9800}.request-card.status-approved{border-left-color:#4caf50}.request-card.status-rejected{border-left-color:#f44336}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.request-header .user-info{display:flex;align-items:center;gap:1rem}.request-header .user-info .user-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.request-header .user-info .user-details .request-name{margin:0;font-size:1.2rem}.request-header .user-info .user-details .line-name{margin:0;color:#666;font-size:.9rem}.request-status{padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.request-status.status-pending{background-color:#fff3e0;color:#e65100}.request-status.status-approved{background-color:#e8f5e9;color:#2e7d32}.request-status.status-rejected{background-color:#ffebee;color:#c62828}.request-details{margin-bottom:1rem}.request-details p{margin:.5rem 0}.request-reason{background-color:#f5f5f5;border-radius:5px;padding:.8rem;margin-top:.5rem;font-size:.95rem;white-space:pre-wrap;max-height:150px;overflow-y:auto}.request-actions{display:flex;gap:1rem;margin-top:1.5rem}.approve-button,.reject-button{flex:1;padding:.6rem 0;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background-color .2s}.approve-button{background-color:#4caf50;color:#fff}.approve-button:hover{background-color:#3b9a3f}.reject-button{background-color:#f44336;color:#fff}.reject-button:hover{background-color:#d32f2f}.no-requests{text-align:center;padding:3rem;font-size:1.2rem;color:#666;background-color:#f9f9f9;border-radius:10px}.error-message{padding:1rem;margin-bottom:1.5rem;background-color:#ffebee;color:#c62828;border-radius:5px;font-size:.95rem}.loading-spinner{display:flex;justify-content:center;align-items:center;height:300px;font-size:1.5rem;color:#666}@media (max-width: 768px){.requests-list{grid-template-columns:1fr}.dev-admin-title{font-size:1.75rem}}.church-manage-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem 1rem;background-color:#f5f5f5}.church-manage-card{width:100%;max-width:600px;padding:2rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a}.church-manage-title{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:2rem;text-align:center;cursor:pointer;transition:color .3s}.church-manage-title:hover{color:#4a90e2}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:#666}.error-message{padding:1rem;background-color:#ffebee;color:#c62828;border-radius:5px;font-size:.9rem;margin-bottom:1rem;text-align:center}.admin-content .welcome-section{text-align:center;margin-bottom:2rem;padding:1.5rem;background-color:#e3f2fd;border-radius:8px}.admin-content .welcome-section .welcome-title{font-size:1.4rem;font-weight:600;color:#1976d2;margin-bottom:.5rem}.admin-content .welcome-section .welcome-subtitle{font-size:1rem;color:#555;margin:0}.admin-content .churches-list{margin-bottom:2rem}.admin-content .churches-list .church-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:all .3s}.admin-content .churches-list .church-item:hover{background-color:#e9ecef;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.admin-content .churches-list .church-item .church-info{flex:1}.admin-content .churches-list .church-item .church-info .church-name{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 .3rem}.admin-content .churches-list .church-item .church-info .church-id{font-size:.9rem;color:#666;margin:0}.admin-content .churches-list .church-item .manage-button{padding:.6rem 1.2rem;background-color:#4a90e2;color:#fff;border:none;border-radius:5px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .3s}.admin-content .churches-list .church-item .manage-button:hover{background-color:#3a80d2}.admin-content .churches-list .church-item .manage-button:active{background-color:#2a70c2}.admin-content .churches-list .no-churches{text-align:center;padding:2rem;color:#666;font-style:italic}.admin-content .admin-actions .actions-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:1rem;text-align:center}.admin-content .admin-actions .actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.admin-content .admin-actions .actions-grid .action-button{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s}.admin-content .admin-actions .actions-grid .action-button:hover{background-color:#e3f2fd;border-color:#4a90e2;transform:translateY(-2px)}.admin-content .admin-actions .actions-grid .action-button .action-icon{font-size:2rem;margin-bottom:.5rem}.admin-content .admin-actions .actions-grid .action-button .action-text{font-size:.9rem;font-weight:500;color:#333}.admin-content .apply-more-section{margin-top:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.admin-content .apply-more-section .apply-more-content{text-align:center}.admin-content .apply-more-section .apply-more-content .apply-more-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.5rem}.admin-content .apply-more-section .apply-more-content .apply-more-description{font-size:.9rem;color:#666;margin-bottom:1rem;line-height:1.4}.admin-content .apply-more-section .apply-more-content .apply-more-button{padding:.8rem 1.5rem;background-color:#28a745;color:#fff;border:none;border-radius:5px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .3s}.admin-content .apply-more-section .apply-more-content .apply-more-button:hover{background-color:#218838}.admin-content .apply-more-section .apply-more-content .apply-more-button:active{background-color:#1e7e34}.non-admin-content .no-access-section{text-align:center;margin-bottom:2rem;padding:2rem 1rem}.non-admin-content .no-access-section .no-access-icon{font-size:4rem;margin-bottom:1rem}.non-admin-content .no-access-section .no-access-title{font-size:1.4rem;font-weight:600;color:#333;margin-bottom:1rem}.non-admin-content .no-access-section .no-access-description{font-size:1rem;color:#666;line-height:1.5;margin:0}.non-admin-content .apply-section{text-align:center;padding:1.5rem;background-color:#f8f9fa;border-radius:8px}.non-admin-content .apply-section .apply-button{padding:1rem 2rem;background-color:#4a90e2;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s;margin-bottom:1rem}.non-admin-content .apply-section .apply-button:hover{background-color:#3a80d2}.non-admin-content .apply-section .apply-button:active{background-color:#2a70c2}.non-admin-content .apply-section .apply-hint{font-size:.9rem;color:#666;margin:0;line-height:1.4}.footer-actions{margin-top:2rem;text-align:center}.footer-actions .back-button{padding:.8rem 1.5rem;background-color:#6c757d;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.footer-actions .back-button:hover{background-color:#5a6268}.footer-actions .back-button:active{background-color:#495057}@media (max-width: 768px){.church-manage-container{padding:1rem .5rem}.church-manage-card{padding:1.5rem}.church-manage-title{font-size:1.5rem}.admin-content .admin-actions .actions-grid{grid-template-columns:1fr}.admin-content .apply-more-section{margin-top:1.5rem;padding:1rem}.admin-content .apply-more-section .apply-more-content .apply-more-title{font-size:1rem}.admin-content .apply-more-section .apply-more-content .apply-more-description{font-size:.85rem}.admin-content .apply-more-section .apply-more-content .apply-more-button{width:100%;padding:1rem}.church-item{flex-direction:column;gap:1rem;text-align:center}.church-item .manage-button{width:100%}}.liff-page{width:100%;max-width:500px;margin:0 auto;background-color:#f0f0f0;min-height:100vh}.liff-page-container{background-color:#f0f0f0;min-height:100vh;width:100vw;display:flex;position:relative}.andy-wedding-page{max-width:1200px;margin:0 auto;padding:40px 20px;min-height:100vh;background:linear-gradient(135deg,#fff5f5,#fff);font-family:Noto Sans TC,Segoe UI,Arial,sans-serif;position:relative;z-index:1}.andy-wedding-page .wedding-header{text-align:center;margin-bottom:60px;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards;animation-delay:.3s}.andy-wedding-page .wedding-header .couple-image-container{position:relative;margin-bottom:40px}.andy-wedding-page .wedding-header .couple-image-container:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px solid rgba(209,107,165,.3);border-radius:24px;animation:borderPulse 2s infinite}.andy-wedding-page .wedding-header .couple-image{width:100%;max-width:600px;height:400px;margin:0 auto;background-image:url(/images/andy/andy_cover.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:20px;box-shadow:0 8px 24px #d16ba533}.andy-wedding-page .wedding-header .welcome-content{margin-top:30px}.andy-wedding-page .wedding-header .welcome-title{font-family:Microsoft JhengHei,Noto Sans TC,Dancing Script,cursive,Arial,sans-serif;font-size:3rem;color:#d16ba5;margin-bottom:20px;font-weight:700;letter-spacing:2px}.andy-wedding-page .wedding-header .welcome-title .heart{display:inline-block;animation:heartbeat 1s infinite;margin-right:10px}.andy-wedding-page .wedding-header .welcome-text{font-size:1.2rem;color:#666;line-height:1.8;max-width:800px;margin:0 auto}.andy-wedding-page .search-section{max-width:600px;margin:0 auto;padding:40px;background:#ffffffe6;border-radius:20px;box-shadow:0 4px 20px #d16ba51a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards;animation-delay:.6s}.andy-wedding-page .search-section h2{text-align:center;color:#d16ba5;margin-bottom:30px;font-size:1.8rem;display:flex;align-items:center;justify-content:center;gap:10px}.andy-wedding-page .search-section h2 .search-icon{font-size:1.4rem;animation:bounce 2s infinite}.andy-wedding-page .search-section .search-box{display:flex;gap:12px;margin-bottom:30px}.andy-wedding-page .search-section .search-box .ant-input-affix-wrapper{height:48px;border-radius:12px;border:2px solid #ffd1dc;transition:all .3s}.andy-wedding-page .search-section .search-box .ant-input-affix-wrapper:hover,.andy-wedding-page .search-section .search-box .ant-input-affix-wrapper:focus{border-color:#d16ba5;box-shadow:0 0 0 2px #d16ba51a}.andy-wedding-page .search-section .search-box .ant-btn{height:48px;padding:0 24px;font-size:1.1rem;border-radius:12px;background:linear-gradient(90deg,#d16ba5,#ff9a9e);border:none;transition:all .3s}.andy-wedding-page .search-section .search-box .ant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d16ba533}.andy-wedding-page .search-section .search-box .ant-btn:active{transform:translateY(0)}.andy-wedding-page .search-section .seat-result{text-align:center;padding:30px;background:linear-gradient(135deg,#fff0f5,#fff);border-radius:16px;box-shadow:0 4px 16px #d16ba526;animation:fadeIn .5s}.andy-wedding-page .search-section .seat-result .result-content h3{color:#d16ba5;margin-bottom:20px;font-size:1.6rem}.andy-wedding-page .search-section .seat-result .result-content p{font-size:1.2rem;color:#666;margin-bottom:10px}.andy-wedding-page .search-section .seat-result .result-content p .seat-number{color:#d16ba5;font-weight:700;font-size:1.8rem;margin-left:8px}.andy-wedding-page .search-section .seat-result .result-content .wish-text{color:#ff9a9e;font-size:1.1rem;margin-top:15px}.andy-wendding-container{min-height:100vh;min-width:100vw;background:linear-gradient(135deg,#fff0f5,#fff);opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out;position:relative;overflow:hidden}.andy-wendding-container.visible{opacity:1;transform:translateY(0)}@keyframes drift{0%{transform:translate(0) rotate(0)}to{transform:translate(50vw,50vh) rotate(360deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes borderPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.02);opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.andy-wedding-page{padding:20px}.andy-wedding-page .wedding-header .couple-image{height:330px}.andy-wedding-page .wedding-header .welcome-title{font-size:2.5rem}.andy-wedding-page .wedding-header .welcome-text{font-size:1.1rem}.andy-wedding-page .search-section{padding:20px}.andy-wedding-page .search-section .search-box{flex-direction:column}.andy-wedding-page .search-section .search-box .ant-btn{width:100%}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}