:root{--radius-s: 0.125em;--radius-m: 0.25em;--radius-l: 0.5em;--radius-xl: 0.75em;--radius-xxl: 1em;--radius-xxxl: 1.5em;--radius-circle: 50%;--radius-full: 100%}:root{--theme-bg-dark-orange: #F68301;--theme-bg-dark-orange-a10: rgba(246, 131, 1, 0.1);--theme-bg-dark-orange-a25: rgba(246, 131, 1, 0.25);--theme-bg-dark-orange-a50: rgba(246, 131, 1, 0.5);--theme-bg-dark-orange-a90: rgba(246, 131, 1, 0.9);--theme-bg-light-orange: #FFF9BF;--theme-bg-light-orange-a10: rgba(255, 249, 191, 0.1);--theme-bg-light-orange-a25: rgba(255, 249, 191, 0.25);--theme-bg-light-orange-a50: rgba(255, 249, 191, 0.5);--theme-bg-light-orange-a90: rgba(255, 249, 191, 0.9);--theme-bg-black: #1F1F1F;--theme-bg-black-a10: rgba(31, 31, 31, 0.1);--theme-bg-black-a25: rgba(31, 31, 31, 0.25);--theme-bg-black-a50: rgba(31, 31, 31, 0.5);--theme-bg-black-a90: rgba(31, 31, 31, 0.9);--theme-bg-white: white;--theme-bg-white-a10: rgba(255, 255, 255, 0.1);--theme-bg-white-a25: rgba(255, 255, 255, 0.25);--theme-bg-white-a50: rgba(255, 255, 255, 0.5);--theme-bg-white-a90: rgba(255, 255, 255, 0.9);--theme-bg-gray: gray;--theme-bg-gray-a10: rgba(128, 128, 128, 0.1);--theme-bg-gray-a25: rgba(128, 128, 128, 0.25);--theme-bg-gray-a50: rgba(128, 128, 128, 0.5);--theme-bg-gray-a90: rgba(128, 128, 128, 0.9);--theme-bg-light-gray: #B5B5B5;--theme-bg-light-gray-a10: rgba(181, 181, 181, 0.1);--theme-bg-light-gray-a25: rgba(181, 181, 181, 0.25);--theme-bg-light-gray-a50: rgba(181, 181, 181, 0.5);--theme-bg-light-gray-a90: rgba(181, 181, 181, 0.9);--theme-bg-dark-gray: #4F4F4F;--theme-bg-dark-gray-a10: rgba(79, 79, 79, 0.1);--theme-bg-dark-gray-a25: rgba(79, 79, 79, 0.25);--theme-bg-dark-gray-a50: rgba(79, 79, 79, 0.5);--theme-bg-dark-gray-a90: rgba(79, 79, 79, 0.9);--theme-bg-royalblue: royalblue;--theme-bg-royalblue-a10: rgba(65, 105, 225, 0.1);--theme-bg-royalblue-a25: rgba(65, 105, 225, 0.25);--theme-bg-royalblue-a50: rgba(65, 105, 225, 0.5);--theme-bg-royalblue-a90: rgba(65, 105, 225, 0.9);--theme-font-black: black;--theme-font-black-a10: rgba(0, 0, 0, 0.1);--theme-font-black-a25: rgba(0, 0, 0, 0.25);--theme-font-black-a50: rgba(0, 0, 0, 0.5);--theme-font-black-a90: rgba(0, 0, 0, 0.9);--theme-font-gray: #B5B5B5;--theme-font-gray-a10: rgba(181, 181, 181, 0.1);--theme-font-gray-a25: rgba(181, 181, 181, 0.25);--theme-font-gray-a50: rgba(181, 181, 181, 0.5);--theme-font-gray-a90: rgba(181, 181, 181, 0.9);--theme-font-dark-gray: #555555;--theme-font-dark-gray-a10: rgba(85, 85, 85, 0.1);--theme-font-dark-gray-a25: rgba(85, 85, 85, 0.25);--theme-font-dark-gray-a50: rgba(85, 85, 85, 0.5);--theme-font-dark-gray-a90: rgba(85, 85, 85, 0.9);--theme-font-white: whitesmoke;--theme-font-white-a10: rgba(245, 245, 245, 0.1);--theme-font-white-a25: rgba(245, 245, 245, 0.25);--theme-font-white-a50: rgba(245, 245, 245, 0.5);--theme-font-white-a90: rgba(245, 245, 245, 0.9);--theme-font-orange: #FFA03D;--theme-font-orange-a10: rgba(255, 160, 61, 0.1);--theme-font-orange-a25: rgba(255, 160, 61, 0.25);--theme-font-orange-a50: rgba(255, 160, 61, 0.5);--theme-font-orange-a90: rgba(255, 160, 61, 0.9);--theme-font-red: orangered;--theme-font-red-a10: rgba(255, 69, 0, 0.1);--theme-font-red-a25: rgba(255, 69, 0, 0.25);--theme-font-red-a50: rgba(255, 69, 0, 0.5);--theme-font-red-a90: rgba(255, 69, 0, 0.9);--theme-border-orange: #FFA03D;--theme-border-orange-a10: rgba(255, 160, 61, 0.1);--theme-border-orange-a25: rgba(255, 160, 61, 0.25);--theme-border-orange-a50: rgba(255, 160, 61, 0.5);--theme-border-orange-a90: rgba(255, 160, 61, 0.9);--theme-shadow-white: #FFFCF0;--theme-shadow-white-a10: rgba(255, 252, 240, 0.1);--theme-shadow-white-a25: rgba(255, 252, 240, 0.25);--theme-shadow-white-a50: rgba(255, 252, 240, 0.5);--theme-shadow-white-a90: rgba(255, 252, 240, 0.9);--theme-shadow-white-faint: rgba(255, 252, 240, 0.5);--theme-shadow-black: black;--theme-shadow-black-a10: rgba(0, 0, 0, 0.1);--theme-shadow-black-a25: rgba(0, 0, 0, 0.25);--theme-shadow-black-a50: rgba(0, 0, 0, 0.5);--theme-shadow-black-a90: rgba(0, 0, 0, 0.9);--theme-shadow-black-faint: rgba(0, 0, 0, 0.25);--theme-shadow-orange: #FFA03D;--theme-shadow-orange-a10: rgba(255, 160, 61, 0.1);--theme-shadow-orange-a25: rgba(255, 160, 61, 0.25);--theme-shadow-orange-a50: rgba(255, 160, 61, 0.5);--theme-shadow-orange-a90: rgba(255, 160, 61, 0.9);--theme-btn-bg-normal: black;--theme-btn-bg-normal-a10: rgba(0, 0, 0, 0.1);--theme-btn-bg-normal-a25: rgba(0, 0, 0, 0.25);--theme-btn-bg-normal-a50: rgba(0, 0, 0, 0.5);--theme-btn-bg-normal-a90: rgba(0, 0, 0, 0.9);--theme-btn-bg-black: #1F1F1F;--theme-btn-bg-black-a10: rgba(31, 31, 31, 0.1);--theme-btn-bg-black-a25: rgba(31, 31, 31, 0.25);--theme-btn-bg-black-a50: rgba(31, 31, 31, 0.5);--theme-btn-bg-black-a90: rgba(31, 31, 31, 0.9);--theme-btn-bg-white: white;--theme-btn-bg-white-a10: rgba(255, 255, 255, 0.1);--theme-btn-bg-white-a25: rgba(255, 255, 255, 0.25);--theme-btn-bg-white-a50: rgba(255, 255, 255, 0.5);--theme-btn-bg-white-a90: rgba(255, 255, 255, 0.9);--theme-btn-bg-dark-gray: #4F4F4F;--theme-btn-bg-dark-gray-a10: rgba(79, 79, 79, 0.1);--theme-btn-bg-dark-gray-a25: rgba(79, 79, 79, 0.25);--theme-btn-bg-dark-gray-a50: rgba(79, 79, 79, 0.5);--theme-btn-bg-dark-gray-a90: rgba(79, 79, 79, 0.9);--theme-btn-bg-red: orangered;--theme-btn-bg-red-a10: rgba(255, 69, 0, 0.1);--theme-btn-bg-red-a25: rgba(255, 69, 0, 0.25);--theme-btn-bg-red-a50: rgba(255, 69, 0, 0.5);--theme-btn-bg-red-a90: rgba(255, 69, 0, 0.9);--theme-btn-font-primary: whitesmoke;--theme-btn-font-primary-a10: rgba(245, 245, 245, 0.1);--theme-btn-font-primary-a25: rgba(245, 245, 245, 0.25);--theme-btn-font-primary-a50: rgba(245, 245, 245, 0.5);--theme-btn-font-primary-a90: rgba(245, 245, 245, 0.9);--theme-btn-font-secondary: whitesmoke;--theme-btn-font-secondary-a10: rgba(245, 245, 245, 0.1);--theme-btn-font-secondary-a25: rgba(245, 245, 245, 0.25);--theme-btn-font-secondary-a50: rgba(245, 245, 245, 0.5);--theme-btn-font-secondary-a90: rgba(245, 245, 245, 0.9);--theme-btn-font-normal: whitesmoke;--theme-btn-font-normal-a10: rgba(245, 245, 245, 0.1);--theme-btn-font-normal-a25: rgba(245, 245, 245, 0.25);--theme-btn-font-normal-a50: rgba(245, 245, 245, 0.5);--theme-btn-font-normal-a90: rgba(245, 245, 245, 0.9);--theme-btn-font-black: black;--theme-btn-font-black-a10: rgba(0, 0, 0, 0.1);--theme-btn-font-black-a25: rgba(0, 0, 0, 0.25);--theme-btn-font-black-a50: rgba(0, 0, 0, 0.5);--theme-btn-font-black-a90: rgba(0, 0, 0, 0.9);--theme-btn-font-white: whitesmoke;--theme-btn-font-white-a10: rgba(245, 245, 245, 0.1);--theme-btn-font-white-a25: rgba(245, 245, 245, 0.25);--theme-btn-font-white-a50: rgba(245, 245, 245, 0.5);--theme-btn-font-white-a90: rgba(245, 245, 245, 0.9)}@media(prefers-color-scheme: light){:root:has([data-theme=auto]){--theme-bg-primary: #FFFCF0;--theme-bg-primary-a10: rgba(255, 252, 240, 0.1);--theme-bg-primary-a25: rgba(255, 252, 240, 0.25);--theme-bg-primary-a50: rgba(255, 252, 240, 0.5);--theme-bg-primary-a90: rgba(255, 252, 240, 0.9);--theme-bg-secondary: #1F1F1F;--theme-bg-secondary-a10: rgba(31, 31, 31, 0.1);--theme-bg-secondary-a25: rgba(31, 31, 31, 0.25);--theme-bg-secondary-a50: rgba(31, 31, 31, 0.5);--theme-bg-secondary-a90: rgba(31, 31, 31, 0.9);--theme-bg-info: #CFF4FC;--theme-bg-info-a10: rgba(207, 244, 252, 0.1);--theme-bg-info-a25: rgba(207, 244, 252, 0.25);--theme-bg-info-a50: rgba(207, 244, 252, 0.5);--theme-bg-info-a90: rgba(207, 244, 252, 0.9);--theme-bg-success: #D1E7DD;--theme-bg-success-a10: rgba(209, 231, 221, 0.1);--theme-bg-success-a25: rgba(209, 231, 221, 0.25);--theme-bg-success-a50: rgba(209, 231, 221, 0.5);--theme-bg-success-a90: rgba(209, 231, 221, 0.9);--theme-bg-warning: #FFF3CD;--theme-bg-warning-a10: rgba(255, 243, 205, 0.1);--theme-bg-warning-a25: rgba(255, 243, 205, 0.25);--theme-bg-warning-a50: rgba(255, 243, 205, 0.5);--theme-bg-warning-a90: rgba(255, 243, 205, 0.9);--theme-bg-error: #F8D7DA;--theme-bg-error-a10: rgba(248, 215, 218, 0.1);--theme-bg-error-a25: rgba(248, 215, 218, 0.25);--theme-bg-error-a50: rgba(248, 215, 218, 0.5);--theme-bg-error-a90: rgba(248, 215, 218, 0.9);--theme-bg-green: #93E171;--theme-bg-green-a10: rgba(147, 225, 113, 0.1);--theme-bg-green-a25: rgba(147, 225, 113, 0.25);--theme-bg-green-a50: rgba(147, 225, 113, 0.5);--theme-bg-green-a90: rgba(147, 225, 113, 0.9);--theme-bg-orange: #FFA03D;--theme-bg-orange-a10: rgba(255, 160, 61, 0.1);--theme-bg-orange-a25: rgba(255, 160, 61, 0.25);--theme-bg-orange-a50: rgba(255, 160, 61, 0.5);--theme-bg-orange-a90: rgba(255, 160, 61, 0.9);--theme-font-primary: #333;--theme-font-primary-a10: rgba(51, 51, 51, 0.1);--theme-font-primary-a25: rgba(51, 51, 51, 0.25);--theme-font-primary-a50: rgba(51, 51, 51, 0.5);--theme-font-primary-a90: rgba(51, 51, 51, 0.9);--theme-font-secondary: #FFFCF0;--theme-font-secondary-a10: rgba(255, 252, 240, 0.1);--theme-font-secondary-a25: rgba(255, 252, 240, 0.25);--theme-font-secondary-a50: rgba(255, 252, 240, 0.5);--theme-font-secondary-a90: rgba(255, 252, 240, 0.9);--theme-font-info: #055160;--theme-font-info-a10: rgba(5, 81, 96, 0.1);--theme-font-info-a25: rgba(5, 81, 96, 0.25);--theme-font-info-a50: rgba(5, 81, 96, 0.5);--theme-font-info-a90: rgba(5, 81, 96, 0.9);--theme-font-success: #0f5132;--theme-font-success-a10: rgba(15, 81, 50, 0.1);--theme-font-success-a25: rgba(15, 81, 50, 0.25);--theme-font-success-a50: rgba(15, 81, 50, 0.5);--theme-font-success-a90: rgba(15, 81, 50, 0.9);--theme-font-warning: #856404;--theme-font-warning-a10: rgba(133, 100, 4, 0.1);--theme-font-warning-a25: rgba(133, 100, 4, 0.25);--theme-font-warning-a50: rgba(133, 100, 4, 0.5);--theme-font-warning-a90: rgba(133, 100, 4, 0.9);--theme-font-error: #842029;--theme-font-error-a10: rgba(132, 32, 41, 0.1);--theme-font-error-a25: rgba(132, 32, 41, 0.25);--theme-font-error-a50: rgba(132, 32, 41, 0.5);--theme-font-error-a90: rgba(132, 32, 41, 0.9);--theme-font-link: inherit;--theme-font-link-visited: inherit;--theme-border-primary: #B5B5B5;--theme-border-primary-a10: rgba(181, 181, 181, 0.1);--theme-border-primary-a25: rgba(181, 181, 181, 0.25);--theme-border-primary-a50: rgba(181, 181, 181, 0.5);--theme-border-primary-a90: rgba(181, 181, 181, 0.9);--theme-border-info: #B6EFFB;--theme-border-info-a10: rgba(182, 239, 251, 0.1);--theme-border-info-a25: rgba(182, 239, 251, 0.25);--theme-border-info-a50: rgba(182, 239, 251, 0.5);--theme-border-info-a90: rgba(182, 239, 251, 0.9);--theme-border-success: #BADBCC;--theme-border-success-a10: rgba(186, 219, 204, 0.1);--theme-border-success-a25: rgba(186, 219, 204, 0.25);--theme-border-success-a50: rgba(186, 219, 204, 0.5);--theme-border-success-a90: rgba(186, 219, 204, 0.9);--theme-border-warning: #FFECB5;--theme-border-warning-a10: rgba(255, 236, 181, 0.1);--theme-border-warning-a25: rgba(255, 236, 181, 0.25);--theme-border-warning-a50: rgba(255, 236, 181, 0.5);--theme-border-warning-a90: rgba(255, 236, 181, 0.9);--theme-border-error: #F5C2C7;--theme-border-error-a10: rgba(245, 194, 199, 0.1);--theme-border-error-a25: rgba(245, 194, 199, 0.25);--theme-border-error-a50: rgba(245, 194, 199, 0.5);--theme-border-error-a90: rgba(245, 194, 199, 0.9);--theme-shadow-primary: black;--theme-shadow-primary-a10: rgba(0, 0, 0, 0.1);--theme-shadow-primary-a25: rgba(0, 0, 0, 0.25);--theme-shadow-primary-a50: rgba(0, 0, 0, 0.5);--theme-shadow-primary-a90: rgba(0, 0, 0, 0.9);--theme-shadow-primary-faint: rgba(0, 0, 0, 0.25);--theme-shadow-secondary: #FFFCF0;--theme-shadow-secondary-a10: rgba(255, 252, 240, 0.1);--theme-shadow-secondary-a25: rgba(255, 252, 240, 0.25);--theme-shadow-secondary-a50: rgba(255, 252, 240, 0.5);--theme-shadow-secondary-a90: rgba(255, 252, 240, 0.9);--theme-shadow-secondary-faint: rgba(255, 252, 240, 0.5);--theme-btn-bg-primary: #FFA03D;--theme-btn-bg-primary-a10: rgba(255, 160, 61, 0.1);--theme-btn-bg-primary-a25: rgba(255, 160, 61, 0.25);--theme-btn-bg-primary-a50: rgba(255, 160, 61, 0.5);--theme-btn-bg-primary-a90: rgba(255, 160, 61, 0.9);--theme-btn-bg-secondary: #93E171;--theme-btn-bg-secondary-a10: rgba(147, 225, 113, 0.1);--theme-btn-bg-secondary-a25: rgba(147, 225, 113, 0.25);--theme-btn-bg-secondary-a50: rgba(147, 225, 113, 0.5);--theme-btn-bg-secondary-a90: rgba(147, 225, 113, 0.9)}}:root:has([data-theme=light]){--theme-bg-primary: #FFFCF0;--theme-bg-primary-a10: rgba(255, 252, 240, 0.1);--theme-bg-primary-a25: rgba(255, 252, 240, 0.25);--theme-bg-primary-a50: rgba(255, 252, 240, 0.5);--theme-bg-primary-a90: rgba(255, 252, 240, 0.9);--theme-bg-secondary: #1F1F1F;--theme-bg-secondary-a10: rgba(31, 31, 31, 0.1);--theme-bg-secondary-a25: rgba(31, 31, 31, 0.25);--theme-bg-secondary-a50: rgba(31, 31, 31, 0.5);--theme-bg-secondary-a90: rgba(31, 31, 31, 0.9);--theme-bg-info: #CFF4FC;--theme-bg-info-a10: rgba(207, 244, 252, 0.1);--theme-bg-info-a25: rgba(207, 244, 252, 0.25);--theme-bg-info-a50: rgba(207, 244, 252, 0.5);--theme-bg-info-a90: rgba(207, 244, 252, 0.9);--theme-bg-success: #D1E7DD;--theme-bg-success-a10: rgba(209, 231, 221, 0.1);--theme-bg-success-a25: rgba(209, 231, 221, 0.25);--theme-bg-success-a50: rgba(209, 231, 221, 0.5);--theme-bg-success-a90: rgba(209, 231, 221, 0.9);--theme-bg-warning: #FFF3CD;--theme-bg-warning-a10: rgba(255, 243, 205, 0.1);--theme-bg-warning-a25: rgba(255, 243, 205, 0.25);--theme-bg-warning-a50: rgba(255, 243, 205, 0.5);--theme-bg-warning-a90: rgba(255, 243, 205, 0.9);--theme-bg-error: #F8D7DA;--theme-bg-error-a10: rgba(248, 215, 218, 0.1);--theme-bg-error-a25: rgba(248, 215, 218, 0.25);--theme-bg-error-a50: rgba(248, 215, 218, 0.5);--theme-bg-error-a90: rgba(248, 215, 218, 0.9);--theme-bg-green: #93E171;--theme-bg-green-a10: rgba(147, 225, 113, 0.1);--theme-bg-green-a25: rgba(147, 225, 113, 0.25);--theme-bg-green-a50: rgba(147, 225, 113, 0.5);--theme-bg-green-a90: rgba(147, 225, 113, 0.9);--theme-bg-orange: #FFA03D;--theme-bg-orange-a10: rgba(255, 160, 61, 0.1);--theme-bg-orange-a25: rgba(255, 160, 61, 0.25);--theme-bg-orange-a50: rgba(255, 160, 61, 0.5);--theme-bg-orange-a90: rgba(255, 160, 61, 0.9);--theme-font-primary: #333;--theme-font-primary-a10: rgba(51, 51, 51, 0.1);--theme-font-primary-a25: rgba(51, 51, 51, 0.25);--theme-font-primary-a50: rgba(51, 51, 51, 0.5);--theme-font-primary-a90: rgba(51, 51, 51, 0.9);--theme-font-secondary: #FFFCF0;--theme-font-secondary-a10: rgba(255, 252, 240, 0.1);--theme-font-secondary-a25: rgba(255, 252, 240, 0.25);--theme-font-secondary-a50: rgba(255, 252, 240, 0.5);--theme-font-secondary-a90: rgba(255, 252, 240, 0.9);--theme-font-info: #055160;--theme-font-info-a10: rgba(5, 81, 96, 0.1);--theme-font-info-a25: rgba(5, 81, 96, 0.25);--theme-font-info-a50: rgba(5, 81, 96, 0.5);--theme-font-info-a90: rgba(5, 81, 96, 0.9);--theme-font-success: #0f5132;--theme-font-success-a10: rgba(15, 81, 50, 0.1);--theme-font-success-a25: rgba(15, 81, 50, 0.25);--theme-font-success-a50: rgba(15, 81, 50, 0.5);--theme-font-success-a90: rgba(15, 81, 50, 0.9);--theme-font-warning: #856404;--theme-font-warning-a10: rgba(133, 100, 4, 0.1);--theme-font-warning-a25: rgba(133, 100, 4, 0.25);--theme-font-warning-a50: rgba(133, 100, 4, 0.5);--theme-font-warning-a90: rgba(133, 100, 4, 0.9);--theme-font-error: #842029;--theme-font-error-a10: rgba(132, 32, 41, 0.1);--theme-font-error-a25: rgba(132, 32, 41, 0.25);--theme-font-error-a50: rgba(132, 32, 41, 0.5);--theme-font-error-a90: rgba(132, 32, 41, 0.9);--theme-font-link: inherit;--theme-font-link-visited: inherit;--theme-border-primary: #B5B5B5;--theme-border-primary-a10: rgba(181, 181, 181, 0.1);--theme-border-primary-a25: rgba(181, 181, 181, 0.25);--theme-border-primary-a50: rgba(181, 181, 181, 0.5);--theme-border-primary-a90: rgba(181, 181, 181, 0.9);--theme-border-info: #B6EFFB;--theme-border-info-a10: rgba(182, 239, 251, 0.1);--theme-border-info-a25: rgba(182, 239, 251, 0.25);--theme-border-info-a50: rgba(182, 239, 251, 0.5);--theme-border-info-a90: rgba(182, 239, 251, 0.9);--theme-border-success: #BADBCC;--theme-border-success-a10: rgba(186, 219, 204, 0.1);--theme-border-success-a25: rgba(186, 219, 204, 0.25);--theme-border-success-a50: rgba(186, 219, 204, 0.5);--theme-border-success-a90: rgba(186, 219, 204, 0.9);--theme-border-warning: #FFECB5;--theme-border-warning-a10: rgba(255, 236, 181, 0.1);--theme-border-warning-a25: rgba(255, 236, 181, 0.25);--theme-border-warning-a50: rgba(255, 236, 181, 0.5);--theme-border-warning-a90: rgba(255, 236, 181, 0.9);--theme-border-error: #F5C2C7;--theme-border-error-a10: rgba(245, 194, 199, 0.1);--theme-border-error-a25: rgba(245, 194, 199, 0.25);--theme-border-error-a50: rgba(245, 194, 199, 0.5);--theme-border-error-a90: rgba(245, 194, 199, 0.9);--theme-shadow-primary: black;--theme-shadow-primary-a10: rgba(0, 0, 0, 0.1);--theme-shadow-primary-a25: rgba(0, 0, 0, 0.25);--theme-shadow-primary-a50: rgba(0, 0, 0, 0.5);--theme-shadow-primary-a90: rgba(0, 0, 0, 0.9);--theme-shadow-primary-faint: rgba(0, 0, 0, 0.25);--theme-shadow-secondary: #FFFCF0;--theme-shadow-secondary-a10: rgba(255, 252, 240, 0.1);--theme-shadow-secondary-a25: rgba(255, 252, 240, 0.25);--theme-shadow-secondary-a50: rgba(255, 252, 240, 0.5);--theme-shadow-secondary-a90: rgba(255, 252, 240, 0.9);--theme-shadow-secondary-faint: rgba(255, 252, 240, 0.5);--theme-btn-bg-primary: #FFA03D;--theme-btn-bg-primary-a10: rgba(255, 160, 61, 0.1);--theme-btn-bg-primary-a25: rgba(255, 160, 61, 0.25);--theme-btn-bg-primary-a50: rgba(255, 160, 61, 0.5);--theme-btn-bg-primary-a90: rgba(255, 160, 61, 0.9);--theme-btn-bg-secondary: #93E171;--theme-btn-bg-secondary-a10: rgba(147, 225, 113, 0.1);--theme-btn-bg-secondary-a25: rgba(147, 225, 113, 0.25);--theme-btn-bg-secondary-a50: rgba(147, 225, 113, 0.5);--theme-btn-bg-secondary-a90: rgba(147, 225, 113, 0.9)}@media(prefers-color-scheme: dark){:root:has([data-theme=auto]){--theme-bg-primary: #1F1F1F;--theme-bg-primary-a10: rgba(31, 31, 31, 0.1);--theme-bg-primary-a25: rgba(31, 31, 31, 0.25);--theme-bg-primary-a50: rgba(31, 31, 31, 0.5);--theme-bg-primary-a90: rgba(31, 31, 31, 0.9);--theme-bg-secondary: #FFFCF0;--theme-bg-secondary-a10: rgba(255, 252, 240, 0.1);--theme-bg-secondary-a25: rgba(255, 252, 240, 0.25);--theme-bg-secondary-a50: rgba(255, 252, 240, 0.5);--theme-bg-secondary-a90: rgba(255, 252, 240, 0.9);--theme-bg-info: #CFF4FC;--theme-bg-info-a10: rgba(207, 244, 252, 0.1);--theme-bg-info-a25: rgba(207, 244, 252, 0.25);--theme-bg-info-a50: rgba(207, 244, 252, 0.5);--theme-bg-info-a90: rgba(207, 244, 252, 0.9);--theme-bg-success: #D1E7DD;--theme-bg-success-a10: rgba(209, 231, 221, 0.1);--theme-bg-success-a25: rgba(209, 231, 221, 0.25);--theme-bg-success-a50: rgba(209, 231, 221, 0.5);--theme-bg-success-a90: rgba(209, 231, 221, 0.9);--theme-bg-warning: #FFF3CD;--theme-bg-warning-a10: rgba(255, 243, 205, 0.1);--theme-bg-warning-a25: rgba(255, 243, 205, 0.25);--theme-bg-warning-a50: rgba(255, 243, 205, 0.5);--theme-bg-warning-a90: rgba(255, 243, 205, 0.9);--theme-bg-error: #F8D7DA;--theme-bg-error-a10: rgba(248, 215, 218, 0.1);--theme-bg-error-a25: rgba(248, 215, 218, 0.25);--theme-bg-error-a50: rgba(248, 215, 218, 0.5);--theme-bg-error-a90: rgba(248, 215, 218, 0.9);--theme-bg-green: #1E6400;--theme-bg-green-a10: rgba(30, 100, 0, 0.1);--theme-bg-green-a25: rgba(30, 100, 0, 0.25);--theme-bg-green-a50: rgba(30, 100, 0, 0.5);--theme-bg-green-a90: rgba(30, 100, 0, 0.9);--theme-bg-orange: #E7953C;--theme-bg-orange-a10: rgba(231, 149, 60, 0.1);--theme-bg-orange-a25: rgba(231, 149, 60, 0.25);--theme-bg-orange-a50: rgba(231, 149, 60, 0.5);--theme-bg-orange-a90: rgba(231, 149, 60, 0.9);--theme-font-primary: whitesmoke;--theme-font-primary-a10: rgba(245, 245, 245, 0.1);--theme-font-primary-a25: rgba(245, 245, 245, 0.25);--theme-font-primary-a50: rgba(245, 245, 245, 0.5);--theme-font-primary-a90: rgba(245, 245, 245, 0.9);--theme-font-secondary: black;--theme-font-secondary-a10: rgba(0, 0, 0, 0.1);--theme-font-secondary-a25: rgba(0, 0, 0, 0.25);--theme-font-secondary-a50: rgba(0, 0, 0, 0.5);--theme-font-secondary-a90: rgba(0, 0, 0, 0.9);--theme-font-info: #0887A0;--theme-font-info-a10: rgba(8, 135, 160, 0.1);--theme-font-info-a25: rgba(8, 135, 160, 0.25);--theme-font-info-a50: rgba(8, 135, 160, 0.5);--theme-font-info-a90: rgba(8, 135, 160, 0.9);--theme-font-success: #1AD87F;--theme-font-success-a10: rgba(26, 216, 127, 0.1);--theme-font-success-a25: rgba(26, 216, 127, 0.25);--theme-font-success-a50: rgba(26, 216, 127, 0.5);--theme-font-success-a90: rgba(26, 216, 127, 0.9);--theme-font-warning: #DD810A;--theme-font-warning-a10: rgba(221, 129, 10, 0.1);--theme-font-warning-a25: rgba(221, 129, 10, 0.25);--theme-font-warning-a50: rgba(221, 129, 10, 0.5);--theme-font-warning-a90: rgba(221, 129, 10, 0.9);--theme-font-error: #A81824;--theme-font-error-a10: rgba(168, 24, 36, 0.1);--theme-font-error-a25: rgba(168, 24, 36, 0.25);--theme-font-error-a50: rgba(168, 24, 36, 0.5);--theme-font-error-a90: rgba(168, 24, 36, 0.9);--theme-font-link: deepskyblue;--theme-font-link-a10: rgba(0, 191, 255, 0.1);--theme-font-link-a25: rgba(0, 191, 255, 0.25);--theme-font-link-a50: rgba(0, 191, 255, 0.5);--theme-font-link-a90: rgba(0, 191, 255, 0.9);--theme-font-link-visited: darkorchid;--theme-font-link-visited-a10: rgba(153, 50, 204, 0.1);--theme-font-link-visited-a25: rgba(153, 50, 204, 0.25);--theme-font-link-visited-a50: rgba(153, 50, 204, 0.5);--theme-font-link-visited-a90: rgba(153, 50, 204, 0.9);--theme-border-primary: #B5B5B5;--theme-border-primary-a10: rgba(181, 181, 181, 0.1);--theme-border-primary-a25: rgba(181, 181, 181, 0.25);--theme-border-primary-a50: rgba(181, 181, 181, 0.5);--theme-border-primary-a90: rgba(181, 181, 181, 0.9);--theme-border-info: #B6EFFB;--theme-border-info-a10: rgba(182, 239, 251, 0.1);--theme-border-info-a25: rgba(182, 239, 251, 0.25);--theme-border-info-a50: rgba(182, 239, 251, 0.5);--theme-border-info-a90: rgba(182, 239, 251, 0.9);--theme-border-success: #BADBCC;--theme-border-success-a10: rgba(186, 219, 204, 0.1);--theme-border-success-a25: rgba(186, 219, 204, 0.25);--theme-border-success-a50: rgba(186, 219, 204, 0.5);--theme-border-success-a90: rgba(186, 219, 204, 0.9);--theme-border-warning: #FFECB5;--theme-border-warning-a10: rgba(255, 236, 181, 0.1);--theme-border-warning-a25: rgba(255, 236, 181, 0.25);--theme-border-warning-a50: rgba(255, 236, 181, 0.5);--theme-border-warning-a90: rgba(255, 236, 181, 0.9);--theme-border-error: #F5C2C7;--theme-border-error-a10: rgba(245, 194, 199, 0.1);--theme-border-error-a25: rgba(245, 194, 199, 0.25);--theme-border-error-a50: rgba(245, 194, 199, 0.5);--theme-border-error-a90: rgba(245, 194, 199, 0.9);--theme-shadow-primary: #FFFCF0;--theme-shadow-primary-a10: rgba(255, 252, 240, 0.1);--theme-shadow-primary-a25: rgba(255, 252, 240, 0.25);--theme-shadow-primary-a50: rgba(255, 252, 240, 0.5);--theme-shadow-primary-a90: rgba(255, 252, 240, 0.9);--theme-shadow-primary-faint: rgba(255, 252, 240, 0.5);--theme-shadow-secondary: black;--theme-shadow-secondary-a10: rgba(0, 0, 0, 0.1);--theme-shadow-secondary-a25: rgba(0, 0, 0, 0.25);--theme-shadow-secondary-a50: rgba(0, 0, 0, 0.5);--theme-shadow-secondary-a90: rgba(0, 0, 0, 0.9);--theme-shadow-secondary-faint: rgba(0, 0, 0, 0.25);--theme-btn-bg-primary: #E7953C;--theme-btn-bg-primary-a10: rgba(231, 149, 60, 0.1);--theme-btn-bg-primary-a25: rgba(231, 149, 60, 0.25);--theme-btn-bg-primary-a50: rgba(231, 149, 60, 0.5);--theme-btn-bg-primary-a90: rgba(231, 149, 60, 0.9);--theme-btn-bg-secondary: #1E6400;--theme-btn-bg-secondary-a10: rgba(30, 100, 0, 0.1);--theme-btn-bg-secondary-a25: rgba(30, 100, 0, 0.25);--theme-btn-bg-secondary-a50: rgba(30, 100, 0, 0.5);--theme-btn-bg-secondary-a90: rgba(30, 100, 0, 0.9)}}:root:has([data-theme=dark]){--theme-bg-primary: #1F1F1F;--theme-bg-primary-a10: rgba(31, 31, 31, 0.1);--theme-bg-primary-a25: rgba(31, 31, 31, 0.25);--theme-bg-primary-a50: rgba(31, 31, 31, 0.5);--theme-bg-primary-a90: rgba(31, 31, 31, 0.9);--theme-bg-secondary: #FFFCF0;--theme-bg-secondary-a10: rgba(255, 252, 240, 0.1);--theme-bg-secondary-a25: rgba(255, 252, 240, 0.25);--theme-bg-secondary-a50: rgba(255, 252, 240, 0.5);--theme-bg-secondary-a90: rgba(255, 252, 240, 0.9);--theme-bg-info: #CFF4FC;--theme-bg-info-a10: rgba(207, 244, 252, 0.1);--theme-bg-info-a25: rgba(207, 244, 252, 0.25);--theme-bg-info-a50: rgba(207, 244, 252, 0.5);--theme-bg-info-a90: rgba(207, 244, 252, 0.9);--theme-bg-success: #D1E7DD;--theme-bg-success-a10: rgba(209, 231, 221, 0.1);--theme-bg-success-a25: rgba(209, 231, 221, 0.25);--theme-bg-success-a50: rgba(209, 231, 221, 0.5);--theme-bg-success-a90: rgba(209, 231, 221, 0.9);--theme-bg-warning: #FFF3CD;--theme-bg-warning-a10: rgba(255, 243, 205, 0.1);--theme-bg-warning-a25: rgba(255, 243, 205, 0.25);--theme-bg-warning-a50: rgba(255, 243, 205, 0.5);--theme-bg-warning-a90: rgba(255, 243, 205, 0.9);--theme-bg-error: #F8D7DA;--theme-bg-error-a10: rgba(248, 215, 218, 0.1);--theme-bg-error-a25: rgba(248, 215, 218, 0.25);--theme-bg-error-a50: rgba(248, 215, 218, 0.5);--theme-bg-error-a90: rgba(248, 215, 218, 0.9);--theme-bg-green: #1E6400;--theme-bg-green-a10: rgba(30, 100, 0, 0.1);--theme-bg-green-a25: rgba(30, 100, 0, 0.25);--theme-bg-green-a50: rgba(30, 100, 0, 0.5);--theme-bg-green-a90: rgba(30, 100, 0, 0.9);--theme-bg-orange: #E7953C;--theme-bg-orange-a10: rgba(231, 149, 60, 0.1);--theme-bg-orange-a25: rgba(231, 149, 60, 0.25);--theme-bg-orange-a50: rgba(231, 149, 60, 0.5);--theme-bg-orange-a90: rgba(231, 149, 60, 0.9);--theme-font-primary: whitesmoke;--theme-font-primary-a10: rgba(245, 245, 245, 0.1);--theme-font-primary-a25: rgba(245, 245, 245, 0.25);--theme-font-primary-a50: rgba(245, 245, 245, 0.5);--theme-font-primary-a90: rgba(245, 245, 245, 0.9);--theme-font-secondary: black;--theme-font-secondary-a10: rgba(0, 0, 0, 0.1);--theme-font-secondary-a25: rgba(0, 0, 0, 0.25);--theme-font-secondary-a50: rgba(0, 0, 0, 0.5);--theme-font-secondary-a90: rgba(0, 0, 0, 0.9);--theme-font-info: #0887A0;--theme-font-info-a10: rgba(8, 135, 160, 0.1);--theme-font-info-a25: rgba(8, 135, 160, 0.25);--theme-font-info-a50: rgba(8, 135, 160, 0.5);--theme-font-info-a90: rgba(8, 135, 160, 0.9);--theme-font-success: #1AD87F;--theme-font-success-a10: rgba(26, 216, 127, 0.1);--theme-font-success-a25: rgba(26, 216, 127, 0.25);--theme-font-success-a50: rgba(26, 216, 127, 0.5);--theme-font-success-a90: rgba(26, 216, 127, 0.9);--theme-font-warning: #DD810A;--theme-font-warning-a10: rgba(221, 129, 10, 0.1);--theme-font-warning-a25: rgba(221, 129, 10, 0.25);--theme-font-warning-a50: rgba(221, 129, 10, 0.5);--theme-font-warning-a90: rgba(221, 129, 10, 0.9);--theme-font-error: #A81824;--theme-font-error-a10: rgba(168, 24, 36, 0.1);--theme-font-error-a25: rgba(168, 24, 36, 0.25);--theme-font-error-a50: rgba(168, 24, 36, 0.5);--theme-font-error-a90: rgba(168, 24, 36, 0.9);--theme-font-link: deepskyblue;--theme-font-link-a10: rgba(0, 191, 255, 0.1);--theme-font-link-a25: rgba(0, 191, 255, 0.25);--theme-font-link-a50: rgba(0, 191, 255, 0.5);--theme-font-link-a90: rgba(0, 191, 255, 0.9);--theme-font-link-visited: darkorchid;--theme-font-link-visited-a10: rgba(153, 50, 204, 0.1);--theme-font-link-visited-a25: rgba(153, 50, 204, 0.25);--theme-font-link-visited-a50: rgba(153, 50, 204, 0.5);--theme-font-link-visited-a90: rgba(153, 50, 204, 0.9);--theme-border-primary: #B5B5B5;--theme-border-primary-a10: rgba(181, 181, 181, 0.1);--theme-border-primary-a25: rgba(181, 181, 181, 0.25);--theme-border-primary-a50: rgba(181, 181, 181, 0.5);--theme-border-primary-a90: rgba(181, 181, 181, 0.9);--theme-border-info: #B6EFFB;--theme-border-info-a10: rgba(182, 239, 251, 0.1);--theme-border-info-a25: rgba(182, 239, 251, 0.25);--theme-border-info-a50: rgba(182, 239, 251, 0.5);--theme-border-info-a90: rgba(182, 239, 251, 0.9);--theme-border-success: #BADBCC;--theme-border-success-a10: rgba(186, 219, 204, 0.1);--theme-border-success-a25: rgba(186, 219, 204, 0.25);--theme-border-success-a50: rgba(186, 219, 204, 0.5);--theme-border-success-a90: rgba(186, 219, 204, 0.9);--theme-border-warning: #FFECB5;--theme-border-warning-a10: rgba(255, 236, 181, 0.1);--theme-border-warning-a25: rgba(255, 236, 181, 0.25);--theme-border-warning-a50: rgba(255, 236, 181, 0.5);--theme-border-warning-a90: rgba(255, 236, 181, 0.9);--theme-border-error: #F5C2C7;--theme-border-error-a10: rgba(245, 194, 199, 0.1);--theme-border-error-a25: rgba(245, 194, 199, 0.25);--theme-border-error-a50: rgba(245, 194, 199, 0.5);--theme-border-error-a90: rgba(245, 194, 199, 0.9);--theme-shadow-primary: #FFFCF0;--theme-shadow-primary-a10: rgba(255, 252, 240, 0.1);--theme-shadow-primary-a25: rgba(255, 252, 240, 0.25);--theme-shadow-primary-a50: rgba(255, 252, 240, 0.5);--theme-shadow-primary-a90: rgba(255, 252, 240, 0.9);--theme-shadow-primary-faint: rgba(255, 252, 240, 0.5);--theme-shadow-secondary: black;--theme-shadow-secondary-a10: rgba(0, 0, 0, 0.1);--theme-shadow-secondary-a25: rgba(0, 0, 0, 0.25);--theme-shadow-secondary-a50: rgba(0, 0, 0, 0.5);--theme-shadow-secondary-a90: rgba(0, 0, 0, 0.9);--theme-shadow-secondary-faint: rgba(0, 0, 0, 0.25);--theme-btn-bg-primary: #E7953C;--theme-btn-bg-primary-a10: rgba(231, 149, 60, 0.1);--theme-btn-bg-primary-a25: rgba(231, 149, 60, 0.25);--theme-btn-bg-primary-a50: rgba(231, 149, 60, 0.5);--theme-btn-bg-primary-a90: rgba(231, 149, 60, 0.9);--theme-btn-bg-secondary: #1E6400;--theme-btn-bg-secondary-a10: rgba(30, 100, 0, 0.1);--theme-btn-bg-secondary-a25: rgba(30, 100, 0, 0.25);--theme-btn-bg-secondary-a50: rgba(30, 100, 0, 0.5);--theme-btn-bg-secondary-a90: rgba(30, 100, 0, 0.9)}html:has([data-theme]){background-color:#000;color:#f5f5f5}@media(prefers-color-scheme: light){html{background-color:#f5f5f5;color:#000}}@media(prefers-color-scheme: dark){html{background-color:#000;color:#f5f5f5}}html:not(:has(body[data-theme]))::before{content:"";aspect-ratio:5/2;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);width:10em;background-size:contain;background-repeat:no-repeat;background-position:center;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(-50%) scale(1, 1)}50%{transform:translateX(-50%) translateY(-50%) scale(1.2, 0.8)}}body:not([data-theme]){visibility:hidden}:root{--base-font-family: "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", "Helvetica Neue", Helvetica, Arial, sans-serif}html{line-height:normal}fieldset legend{padding:0 .5em}input{line-height:normal}code,kbd,samp{font-family:var(--base-font-family)}:root{--heading-font-size-ratio-h1: 2;--heading-font-size-ratio-h2: 1.5;--heading-font-size-ratio-h3: 1.15;--heading-font-size-ratio-h4: 1;--heading-font-size-ratio-h5: 0.83;--heading-font-size-ratio-h6: 0.67}@media(max-width: 576px){:root{--heading-font-size-ratio-h1: 1.5;--heading-font-size-ratio-h2: 1.25}}h1{font-size:calc(var(--heading-font-size-ratio-h1)*1em)}h2{font-size:calc(var(--heading-font-size-ratio-h2)*1em)}h3{font-size:calc(var(--heading-font-size-ratio-h3)*1em)}h4{font-size:calc(var(--heading-font-size-ratio-h4)*1em)}h5{font-size:calc(var(--heading-font-size-ratio-h5)*1em)}h6{font-size:calc(var(--heading-font-size-ratio-h6)*1em)}@media(max-width: 576px){h1{font-size:calc(var(--heading-font-size-ratio-h1)*1em)}h2{font-size:calc(var(--heading-font-size-ratio-h2)*1em)}}*{box-sizing:border-box}html,body{width:100%}html{height:100%}body{--main-header-height: 4.5em;overflow:hidden;display:flex;flex-direction:column;margin:0 auto;padding:0 !important;max-width:1920px;min-height:100%;height:100%;background-color:var(--theme-bg-primary);color:var(--theme-font-primary);font-family:var(--base-font-family)}body main{flex:1;display:flex;flex-direction:column;margin:0 auto;width:100%}@media(max-width: 1700px){body main{max-width:100%}}a{color:var(--theme-font-link)}a:visited{color:var(--theme-font-link-visited)}a:not([href]){cursor:auto}a.btn{color:inherit}details summary{cursor:pointer}p{line-height:normal}template{display:none !important}.body-scroll-wrapper{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;flex:1;display:flex;flex-direction:column;background-image:var(--theme-bg-main-img);background-repeat:repeat-y;background-size:contain;background-position:0 0}@media(max-width: 576px){.body-scroll-wrapper{background-image:var(--theme-bg-main-img--mobile)}}@media print{@page{size:A4 portrait}.no-print,aside{display:none !important}*{overflow:revert !important;animation:none !important;text-shadow:none !important;box-shadow:none !important;filter:none !important}html,body{background:none;color:#000}h1,h2,h3,h4,h5,h6{page-break-after:avoid}img{page-break-inside:avoid}.body-scroll-wrapper{background:none}.main-header{position:relative}.app-play .app-enter{position:relative}}[sr-only],[seo-only]{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;white-space:nowrap !important;border:0 !important;clip-path:inset(50%) !important}[data-unread]{position:relative}[data-unread]::after{content:attr(data-unread);position:absolute;top:0;right:0;aspect-ratio:1/1;padding:.125em .25em;min-width:1em;width:max-content;border-radius:1em;background-color:red;color:#fff;font-size:12px}blockquote{--border-color: #fdfdfe;--bg-color: #fefefe;--color: #636464;margin:.5em 0 .5em 1em;border:.0625em solid var(--border-color);border-left:.125em solid var(--color);padding:.5em;max-width:100%;width:100%;background-color:var(--bg-color);color:var(--color)}blockquote:empty{display:none}blockquote.info{--border-color: var(--theme-border-info);--bg-color: var(--theme-bg-info);--color: var(--theme-font-info)}blockquote.success{--border-color: var(--theme-border-success);--bg-color: var(--theme-bg-success);--color: var(--theme-font-success)}blockquote.warning{--border-color: var(--theme-border-warning);--bg-color: var(--theme-bg-warning);--color: var(--theme-font-warning)}blockquote.error{--border-color: var(--theme-border-error);--bg-color: var(--theme-bg-error);--color: var(--theme-font-error)}button,.btn{--shadow-size: 0.125em;--shadow-color: var(--theme-shadow-primary-faint);appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:.25em .5em;height:max-content;width:max-content;border-radius:.25em;border:none;background-color:rgba(0,0,0,0);font-size:1em;font-weight:bold;text-decoration:none;text-align:center;line-height:1.15}button:disabled,button.disabled,button:is(a):not([href]),.btn:disabled,.btn.disabled,.btn:is(a):not([href]){cursor:no-drop;opacity:.8}button:disabled:active,button.disabled:active,button:is(a):not([href]):active,.btn:disabled:active,.btn.disabled:active,.btn:is(a):not([href]):active{content:"";pointer-events:none}button:is(a):not([href]),.btn:is(a):not([href]){opacity:.5}button:not(a):not(:disabled):not(.disabled):active,button:is(a[href]):not(:disabled):not(.disabled):active,.btn:not(a):not(:disabled):not(.disabled):active,.btn:is(a[href]):not(:disabled):not(.disabled):active{--shadow-offset: calc(var(--shadow-size) / 2);--shadow-size-active: var(--shadow-offset);filter:drop-shadow(var(--shadow-offset) var(--shadow-offset) var(--shadow-size-active) var(--shadow-color))}.btn-primary{background-color:var(--theme-btn-bg-primary);color:var(--theme-btn-font-primary)}.btn-secondary{background-color:var(--theme-btn-bg-secondary);color:var(--theme-btn-font-secondary)}.btn-image{padding:0;background-color:revert}.btn-image img{display:inline-block}.btn-image:hover .normal{display:none}.btn-image:hover .hover{display:unset}.container{margin:0 auto;max-width:1920px;width:100%}@media screen and (max-width: 1920px){.container{max-width:1200px}}@media screen and (max-width: 1200px){.container{max-width:95%}}@media screen and (max-width: 992px){.container{max-width:100%}}@media screen and (max-width: 768px){.container{max-width:100%}}@media screen and (max-width: 576px){.container{max-width:100%}}.form-grid{--form-gap: 0.75em;display:grid;gap:var(--form-gap);grid-template-columns:auto 1fr;max-width:30em}.form-grid .row{display:grid;grid-column:1/-1;grid-template-columns:subgrid}@media(max-width: 576px){.form-grid .row{row-gap:.25em}}.form-grid .row:has(:only-child:where(textarea[hidden],input[hidden],select[hidden])){display:none}.form-grid .row-header,.form-grid .row-footer{display:flex;justify-content:center;gap:1em}.form-grid .label{font-weight:bold;text-align:right}.form-grid .label.colon::after{content:var(--l10n-colon)}.form-grid .content{position:relative;display:flex;flex-wrap:wrap;gap:.5em;text-align:left;word-break:break-all}.form-grid .content:not(:has(.value)){user-select:all}.form-grid .content .value{user-select:all}.form-grid .content .input-count{display:block;margin-left:auto;color:var(--theme-font-gray);font-size:.5em}.form-grid .content .input-count[data-count-label]::after{content:attr(data-count-label)}.form-grid .content-group{display:inherit;gap:inherit;align-items:inherit}.form-grid textarea{resize:vertical;min-height:5.5em;height:7.5em}.form-grid textarea,.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid select,.form-grid select+.ts-wrapper{padding:.5em;width:100%;border:.125em inset var(--theme-border-primary);border-radius:var(--radius-m);background-color:#fff}.form-grid textarea::placeholder,.form-grid input:not([type=checkbox]):not([type=radio])::placeholder,.form-grid select::placeholder,.form-grid select+.ts-wrapper::placeholder{color:#a9a9a9}.form-grid textarea[pattern]:not(:valid),.form-grid input:not([type=checkbox]):not([type=radio])[pattern]:not(:valid),.form-grid select[pattern]:not(:valid),.form-grid select+.ts-wrapper[pattern]:not(:valid){color:red}.form-grid textarea[pattern]:valid,.form-grid input:not([type=checkbox]):not([type=radio])[pattern]:valid,.form-grid select[pattern]:valid,.form-grid select+.ts-wrapper[pattern]:valid{color:green}.form-grid select[hidden]+.ts-wrapper{display:none}.form-grid input:read-only:not([type=checkbox]):not([type=radio]){background-color:var(--theme-bg-light-gray)}.fullscreen{position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;z-index:10000 !important}.icon.is-running{color:#32cd32}.icon-help{cursor:help;margin-left:auto;height:fit-content;opacity:.5}.icon-help:hover{opacity:revert}img,.image{display:block;object-fit:contain;max-width:100%;transform:translateZ(0);will-change:transform}img.loading,.image.loading{width:100%;height:100%;background-image:url("/img/loading.svg");background-size:contain;background-repeat:no-repeat;background-position:center}.qr-code{aspect-ratio:1/1;image-rendering:pixelated}.transparent-grid-block{--block-size: 10px;--block-position: calc(var(--block-size) * 0.5);--block-color-primary: white;--block-color-secondary: rgba(0, 0, 0, 0.1);background-color:var(--block-color-primary);background-image:linear-gradient(45deg, var(--block-color-secondary) 25%, transparent 25%),linear-gradient(-45deg, var(--block-color-secondary) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--block-color-secondary) 75%),linear-gradient(-45deg, transparent 75%, var(--block-color-secondary) 75%);background-size:var(--block-size) var(--block-size);background-position:0 0,0 var(--block-position),var(--block-position) calc(-1*var(--block-position)),calc(-1*var(--block-position)) 0}input[type=checkbox],input[type=radio]{cursor:pointer}textarea:read-only{background-color:gray}.checkbox,.radio-box{--symbol-border-width: 0.125em;--symbol-size: 1em;--symbol-gap: 0.125em;--symbol-inner-size: calc(var(--symbol-size) - 2 * var(--symbol-gap) - 2 * var(--symbol-border-width));--symbol-border-radius: 0.0625em;--symbol-color: var(--theme-bg-orange);--border-color: var(--theme-border-primary);user-select:none;position:relative;display:inline-flex;align-items:center;gap:.25em;margin:0;padding:0 .25em;border-radius:var(--radius-m);border:.0625em solid rgba(0,0,0,0)}.checkbox:hover,.radio-box:hover{border-color:var(--border-color)}.checkbox:has(input:disabled),.radio-box:has(input:disabled){opacity:.5}.checkbox:has(input:disabled):hover,.radio-box:has(input:disabled):hover{border-color:rgba(0,0,0,0)}.checkbox:has(input:disabled) .input,.checkbox:has(input:disabled) .label,.radio-box:has(input:disabled) .input,.radio-box:has(input:disabled) .label{cursor:no-drop !important}.checkbox input,.radio-box input{appearance:none;-webkit-appearance:none;display:block;margin:0 calc(var(--symbol-gap) + var(--symbol-border-width));width:var(--symbol-inner-size);height:var(--symbol-inner-size);outline:var(--symbol-border-width) solid var(--symbol-color);outline-offset:var(--symbol-gap);border-radius:var(--symbol-border-radius);background-color:var(--symbol-color)}.checkbox input:not(:checked),.radio-box input:not(:checked){background-color:rgba(0,0,0,0)}.checkbox .label,.radio-box .label{display:flex;align-items:center;max-width:100%;width:max-content}.checkbox .label:empty::before,.radio-box .label:empty::before{content:"??"}.checkbox:has(input[type=checkbox]){cursor:pointer}.radio-box{--symbol-border-radius: 50%}.radio-box:has(input[type=radio]){cursor:pointer}kbd{padding:.125em .25em;border-radius:.1875em;border:1px solid #ccc;background-color:#f5f5f5;color:#000;font-size:.75em;line-height:1.25;vertical-align:middle}*::-webkit-scrollbar{width:.5em;height:.5em;background-color:rgba(0,0,0,0)}*::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}*::-webkit-scrollbar-thumb{border-radius:.5em;background-color:var(--theme-bg-orange)}*::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}[data-browser*=firefox] *{scrollbar-color:var(--theme-bg-orange) rgba(0,0,0,0);scrollbar-width:thin}.secondary-scrollbar::-webkit-scrollbar{width:.5em;height:.5em;background-color:rgba(0,0,0,0)}.secondary-scrollbar::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.secondary-scrollbar::-webkit-scrollbar-thumb{border-radius:.5em;background-color:var(--theme-bg-green)}.secondary-scrollbar::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}[data-browser*=firefox] .secondary-scrollbar{scrollbar-color:var(--theme-bg-green) rgba(0,0,0,0);scrollbar-width:thin}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar::-webkit-scrollbar-track{display:none}.no-scrollbar::-webkit-scrollbar-thumb{display:none}.no-scrollbar::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}[data-browser*=firefox] .no-scrollbar{scrollbar-width:none}.mouse-horizontal-scrollable{user-select:none;cursor:grab;overflow-x:auto}.mouse-horizontal-scrollable.dragging{cursor:grabbing}.shadow{--shadow-size: 0.25em;--shadow-color: var(--theme-shadow-primary-faint);filter:drop-shadow(0 0 var(--shadow-size) var(--shadow-color))}.shadow-bottom{--shadow-size: 0.25em;--shadow-color: var(--theme-shadow-primary-faint);filter:drop-shadow(0 var(--shadow-size) var(--shadow-size) var(--shadow-color))}.shadow-bottom-right{--shadow-size: 0.25em;--shadow-color: var(--theme-shadow-primary-faint);filter:drop-shadow(var(--shadow-size) var(--shadow-size) var(--shadow-size) var(--shadow-color))}.text-shadow{--shadow-text-size: 0.1em;--shadow-text-color: var(--theme-shadow-primary-faint);text-shadow:var(--shadow-text-size) var(--shadow-text-size) var(--shadow-text-color)}body{--main-header-height: 4.5em;font-family:"Noto Sans JP","Microsoft JhengHei","PingFang TC","Helvetica Neue",Helvetica,Arial,sans-serif;width:100%;box-sizing:border-box;display:flex;justify-content:center}@media(max-width: 768px){body{--main-header-height: 6.25em}}@media(max-width: 576px){body{--main-header-height: 4.5em}}@keyframes HourglassLoading{0%{transform:rotate(0deg)}37.5%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@keyframes Rotation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes ReverseRotation{0%{transform:rotate(0deg)}50%{transform:rotate(-180deg)}100%{transform:rotate(-360deg)}}@keyframes ScaleUpVerTop{0%{transform:scaleY(0.4);transform-origin:100% 0%;opacity:0}30%{opacity:0}100%{transform:scaleY(1);transform-origin:100% 0%;opacity:1}}@keyframes SlideLeft{0%{transform:translateX(100px);opacity:0;scale:1.1}100%{transform:translateX(0px);opacity:1;scale:1}}@keyframes GentleSway{0%{transform:translateX(-5px) rotate(-1deg)}100%{transform:translateX(5px) rotate(2deg)}}@keyframes SlideFwdCenter{0%{transform:translateY(160px);opacity:0}100%{opacity:1;transform:translateY(0)}}@keyframes Bounce{0%{transform:translateY(0);opacity:0}20%{transform:translateY(0);opacity:1}50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes Breath{40%{transform:scale(1.02)}0%,100%{transform:scale(1.05)}}@keyframes Pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes Shake{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.main-header{position:absolute;top:0;right:0;z-index:10;width:100%;max-width:1920px}.main-header .navbar-bg{position:absolute;top:0;left:0;width:100%;height:68px;background:rgba(0,0,0,.4);z-index:1}.main-header .navbar-inner{position:relative;max-width:1200px;margin:0 auto;padding:0px 24px;display:flex;align-items:flex-start;justify-content:space-between;z-index:2;pointer-events:auto}.main-header .navbar-logo{margin-top:0px;animation-name:ScaleUpVerTop;animation-duration:.5s}.main-header .navbar-logo img{display:block}.main-header .navbar-menu{flex:1;margin-left:40px;margin-top:.5rem}.main-header .navbar-menu .navbar-links{display:flex;list-style:none;gap:36px}.main-header .navbar-menu .navbar-links li a{color:#fff;text-decoration:none;font-size:1rem;position:relative;padding-left:26px;transition:color .2s ease;cursor:pointer}.main-header .navbar-menu .navbar-links li a:hover,.main-header .navbar-menu .navbar-links li a:focus{color:gold}.main-header .navbar-menu .navbar-links li a:hover::before,.main-header .navbar-menu .navbar-links li a:focus::before{content:"";position:absolute;left:0;top:50%;width:18px;height:18px;background-image:url("../assets/images/menu-focus-icon.png");background-size:contain;background-repeat:no-repeat;background-position:center;transform:translateY(-50%)}.main-header .navbar-menu .navbar-links li a.active{color:gold;font-weight:bold}.main-header .navbar-menu .navbar-links li a.active::before{content:"";position:absolute;left:0;top:50%;width:18px;height:18px;background-image:url("../assets/images/menu-focus-icon.png");background-size:contain;background-repeat:no-repeat;background-position:center;transform:translateY(-50%)}.main-header .navbar-icons{display:flex;align-items:flex-start;gap:20px;position:relative;margin-top:15px}.main-header .navbar-icons .share-toggle{position:relative;display:inline-block}.main-header .navbar-icons .share-toggle .share-checkbox-state{display:none}.main-header .navbar-icons .share-toggle .share-icon{cursor:pointer;padding:0}.main-header .navbar-icons .share-toggle .share-icon img{display:block}.main-header .navbar-icons .share-toggle .share-dropdown{display:none;position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);background:#222;border-radius:6px;padding:10px;z-index:20;min-width:50px}.main-header .navbar-icons .share-toggle .share-dropdown::before{content:"";position:absolute;width:19px;height:9px;background-image:url("/assets/images/triangle.png");background-size:contain;background-repeat:no-repeat;background-position:center;z-index:5;top:0;left:50%;transform:translate(-50%, -100%)}.main-header .navbar-icons .share-toggle .share-dropdown a img{width:34px;height:34px;display:block;transition:transform .2s ease}.main-header .navbar-icons .share-toggle .share-dropdown a img:hover{transform:scale(1.1)}.main-header .navbar-icons .share-toggle .share-checkbox-state:checked~.share-dropdown{display:flex;flex-direction:column;gap:12px;align-items:center}.main-header .navbar-icons .menu-toggle{padding:0;display:block;width:40px;height:40px;cursor:pointer}@media not (max-width: 1024px){.main-header .navbar-icons .menu-toggle{display:none}}.back-to-top-btn{display:none;position:fixed;bottom:4rem;right:4rem;animation:Bounce 1.5s ease}@media(max-width: 1024px){.navbar-inner{padding:0px 10px}.navbar-menu{display:none}.navbar-bg{height:55px}.navbar-icons{margin-top:8px;gap:10px}.navbar-logo img{width:80%}.menu-toggle{padding:0;display:block;width:40px;height:40px;cursor:pointer}.menu-toggle img{width:100%;height:auto;display:block}}@media(max-width: 768px){.navbar-logo{top:-10px}.navbar-links{display:none}.share-dropdown{right:-7px;min-width:36px;gap:15px}.share-dropdown::before{top:0;left:18px}.share-dropdown a img{width:26px;height:26px}.back-to-top-btn{display:none;width:3.5rem;bottom:1.5rem;right:1.5rem}}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.6);display:none;justify-content:center;align-items:flex-start;z-index:999;overflow:hidden}.menu-inner{position:relative;background:url("../assets/images/menu-bg.png") no-repeat center top;background-size:contain;width:301px;height:594px;animation:slideInMenu .5s ease forwards}@keyframes slideInMenu{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0%);opacity:1}}.menu-close{position:absolute;top:20px;right:40px;width:21px;height:21px;cursor:pointer}.menu-links{list-style:none;padding:90px 20px 0 0;margin:0;text-align:center}.menu-links li{margin-bottom:30px}.menu-links a{text-decoration:none;color:#000;font-size:1.3em;font-weight:bold;position:relative;padding-left:35px}.menu-links a.active{color:#c33}.menu-links a.active::before{content:"";position:absolute;left:0;top:50%;width:26px;height:24px;background-image:url("../assets/images/menu-focus-icon.png");background-size:contain;background-repeat:no-repeat;background-position:center;transform:translateY(-50%)}.menu-download{margin:50px auto 0 auto;text-align:center;width:70%}.menu-download a{display:flex;flex-direction:column;align-items:center}.menu-download img{width:80%;margin-bottom:12px;transition:transform .3s ease}.menu-download img:hover{transform:scale(1.05)}.mobile-menu-meow{width:100%;max-width:146px;margin:20px auto 0 auto;text-align:center}@media(max-width: 1024px){.mobile-menu.open{display:flex}}.footer{width:100%;background-color:#000;padding:30px 0;color:#fff}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;text-align:center}.footer-logo{width:148px;height:auto}.footer-text{font-size:16px;color:#fff;line-height:1.5;margin-top:1.5em}.footer-terms{display:flex;gap:1em;list-style:none;padding-left:0}.footer-terms a{color:#fff;text-decoration:none}.footer-terms li:not(:first-child)::before{content:"|";margin-right:1rem;color:#fff}.footer-mail{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.footer-mail p{margin:0}.footer-mail .title-icon{display:flex;gap:1em;align-items:center;justify-content:center}.footer-mail .mail{color:#fff;text-decoration:none}.footer-mail .contact{display:flex;justify-content:center;align-items:center;gap:1em}@media(max-width: 768px){.footer-inner{flex-direction:column}.footer-logo{width:120px}.footer-text{font-size:14px}.footer-terms{gap:.5em;font-size:3.5vw}.footer-terms li:not(:first-child)::before{margin-right:.5rem}.footer-mail{flex-direction:column}.contact{flex-direction:column}}.kv-section{position:relative;width:100%;max-width:1920px;margin:0 auto;overflow:hidden}.kv-bg{width:100%;height:auto;display:block}@media(max-width: 1200px){.kv-fixed-container{transform:translateX(-50%) scale(0.0833333333vw)}}.kv-title{position:absolute;bottom:25%;left:18%;width:36%;animation:SlideFwdCenter .5s ease-in-out forwards}.kv-subtitle{position:absolute;bottom:18%;left:18%;width:40%;animation:SlideFwdCenter .8s ease-in-out .3s forwards}.kv-title img,.kv-subtitle img{width:100%}.kv-btn-google .kv-btn-appstore{display:block;transition:transform .3s ease}.kv-download-buttons{display:block}.kv-btn-google{width:16%;max-width:270px;position:absolute;bottom:5%;left:22%;animation:Bounce 2.5s ease}.kv-btn-appstore{width:13%;max-width:217px;position:absolute;bottom:5%;left:40%;animation:Bounce 3s ease}.kv-qrcode-wrapper{width:10%;max-width:170px;position:absolute;bottom:5%;left:56%;animation:Bounce 3.5s ease}.kv-qrcode-wrapper img.qrcode-bg{width:100%;height:auto;display:block !important}.kv-qrcode-wrapper img.store-qr-code{position:absolute;top:50%;left:55%;transform:translate(-50%, -50%);width:45%;height:auto;display:block !important}.booking-btn{width:32%;max-width:540px;position:absolute;bottom:2%;left:20%;animation:Bounce 3.5s ease,Pulse 2s ease-in-out 3.5s infinite;background:rgba(0,0,0,0);border:none;padding:0;cursor:pointer;transition:transform .3s ease}.booking-btn img{width:100%;height:auto;display:block}.booking-btn:hover{animation-play-state:paused;transform:scale(1.1)}.booking-btn:active{transform:scale(0.98)}.kv-bg-mobile{display:none}.kv-btn-google:hover,.kv-btn-appstore:hover{transform:scale(1.05)}@media(max-width: 1280px){.booking-btn{width:24%}}@media(max-width: 768px){.kv-bg{display:none}.kv-bg-mobile{display:block;width:100%;height:auto}.kv-flex-wrapper{position:absolute;bottom:0;left:0;right:0;width:90%;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2}.kv-title,.kv-subtitle{position:static;width:100%;max-width:100%;margin:0 auto;display:block}.kv-download-buttons{display:flex;flex-direction:column;align-items:center;margin-top:5px;width:100%;padding:0 5%;box-sizing:border-box;gap:0}.kv-download-buttons .btn-google-play,.kv-download-buttons .btn-app-store,.kv-download-buttons .kv-qrcode-wrapper{display:none !important}.booking-btn{position:static;background:rgba(0,0,0,0);border:none;padding:0;width:100%;animation:Pulse 2s ease-in-out infinite}.booking-btn:active{animation-play-state:paused}}.downloadzone-mobile{flex-direction:column;align-items:center;justify-content:center;width:100%;padding:24px 5%;box-sizing:border-box;gap:12px}.downloadzone-mobile .btn-google-play,.downloadzone-mobile .btn-app-store{width:100%;max-width:400px;display:block}.downloadzone-mobile .kv-btn-google-mobile,.downloadzone-mobile .kv-btn-appstore-mobile{width:100%;height:auto;display:block}.downloadzone-mobile .kv-qrcode-wrapper{position:relative;width:50%;max-width:200px;margin:8px auto 0;display:block;left:auto;bottom:auto;animation:none}.downloadzone-mobile .kv-qrcode-wrapper img.qrcode-bg{width:100%;height:auto;display:block !important}.downloadzone-mobile .kv-qrcode-wrapper img.store-qr-code{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:45%;height:auto;display:block !important}@media(max-width: 768px){.downloadzone-mobile{padding:24px 5%}}@media screen and (max-width: 768px){.kv-section .kv-inner,.character-section .character-inner,.feature-section .feature-inner{padding:20px 10px}}.bg-scope-wrapper{position:relative;z-index:0}.bg-scope-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../../assets/images/index-bg.jpg");background-size:cover;background-repeat:repeat;background-position:center top;z-index:-1}.intro-section{width:100%;padding:5% 0;overflow:hidden}.intro-inner{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}.intro-social{display:flex;flex-direction:column;align-items:center}.social-x-wrapper{position:relative;display:inline-block;max-width:100%;margin-bottom:10px}.x-container{width:85%;height:16rem;overflow-x:hidden;overflow-y:scroll;position:absolute;top:55%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:2}.twitter-tweet{position:absolute;display:none}.twitter-tweet iframe{position:absolute}.social-x{display:block;width:100%;height:auto}.x-cat-deco{position:absolute;left:-40px;bottom:0;width:100%;max-width:116px;height:auto;z-index:5;animation:GentleSway 3s ease-in-out 0s infinite alternate}.social-btn-group{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.social-btn-img{position:relative;display:inline-block;width:48%;max-width:246px;flex:0 0 auto}.btn-img{width:100%;height:auto;display:block;transition:opacity .3s ease,transform .3s ease}.btn-img.hover{position:absolute;top:0;left:0;opacity:0;pointer-events:none;z-index:2}.social-btn-img:hover .btn-img.hover{opacity:1;transform:scale(1.05);animation:Breath 2s ease .7s infinite}.social-btn-img:hover .btn-img.normal{opacity:0;transform:scale(1.05)}.intro-desc-wrapper{position:relative;max-width:480px;width:100%;transform-origin:top left;display:flex}.intro-desc-bg-wrapper{position:relative;width:100%;max-width:480px;aspect-ratio:480/474;background-image:url("../assets/images/game-introduction-bg.png");background-size:contain;background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,0);box-sizing:border-box}.intro-description-v2{width:100%;position:relative}.intro-deco-cat{position:absolute;right:-52%;bottom:-12%;width:85%;max-width:468px;z-index:1;transition:transform .3s ease}.desc-text{font-size:1.3em;line-height:1.4;color:#000;word-wrap:break-word;text-align:left;width:69%;margin:30% 0 0 12%}@media(max-width: 1024px){.intro-inner{flex-direction:column}.intro-deco-cat{right:-45%;bottom:-9%;width:75%}}@media(max-width: 768px){.intro-social{padding:0 4%}.x-container{height:10rem}.social-btn-group{flex-wrap:nowrap;gap:12px;justify-content:flex-start}.social-btn{flex:0 0 auto;width:120px;height:120px}.intro-deco-cat{right:-41%;bottom:-3%;width:75%}.desc-text{font-size:1.2em;line-height:1.5;width:63%;margin:32% 0 0 12%}.x-cat-deco{left:-11%;width:24%;max-width:116px}.btn-img.hover{opacity:1}}@media(max-width: 430px){.downloadzone-mobile{margin:0 auto;text-align:center}.downloadzone-mobile a{text-align:center}.intro-deco-cat{right:-33%;bottom:5%;width:70%}.desc-text{font-size:1.1em;line-height:1.3;width:260px;margin:32% 0 0 12%}}@media(max-width: 375px){.intro-deco-cat{right:-36%;bottom:-3%;width:72%}.desc-text{font-size:1em;line-height:1.2;width:63%;margin:28% 0 0 10%}}@media screen and (max-width: 375px)and (min-width: 356px)and (max-width: 375px){.desc-text{width:64%;margin:34% 0 0 10%}}@media(max-width: 340px){.desc-text{width:63%;font-size:.9em;margin:30% 0 0 10%}}@media(max-width: 320px){.desc-text{width:65%}}.feature-section{width:100%;max-width:1920px;margin:0 auto;padding:100px 0;position:relative;overflow:hidden}.feature-title{position:absolute;top:5%;left:50%;transform:translateX(-50%);width:600px;max-width:90%;text-align:center;z-index:10}.feature-title-bg{width:100%;height:auto;display:block}.feature-title-text-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.feature-title-text{width:100%;max-width:451px;height:auto}.feature-swiper{max-width:1000px;padding-top:110px}.feature-swiper .swiper-slide{text-align:center}.feature-swiper .feature-pic{width:100%;max-width:454px;aspect-ratio:454/753;height:auto;display:block;margin:0 auto;filter:brightness(30%);transition:filter .3s ease-in-out}.feature-swiper .swiper-slide-active .feature-pic{filter:brightness(100%)}.feature-swiper .swiper-button-prev,.feature-swiper .swiper-button-next{position:absolute;top:50%;transform:translateY(50%);width:86px;height:86px;z-index:10;cursor:grab}.feature-swiper .swiper-button-prev{left:10rem}.feature-swiper .swiper-button-next{right:10rem}.feature-swiper .swiper-button-prev img,.feature-swiper .swiper-button-next img{width:100%;height:auto}.feature-swiper .swiper-button-prev::after,.feature-swiper .swiper-button-next::after{display:none}@media(max-width: 768px){.feature-title{max-width:100%}.feature-swiper .swiper-button-next,.feature-swiper .swiper-button-prev{width:55px;top:45%}.feature-swiper .swiper-button-next{right:1rem}.feature-swiper .swiper-button-prev{left:1rem}.feature-title-text-wrapper{width:80%}.feature-swiper{padding-top:16%}.swiper-slide{width:90%;margin:0 auto}}@media(max-width: 425px){.feature-section{padding:110px 0 60px 0}.feature-swiper{padding-top:40px}.swiper-slide{width:82%;margin:0 auto}}@media(max-width: 375px){.feature-swiper{padding-top:8%}}[data-animate=slide-left]{opacity:0}[data-animate=slide-left].show{animation:SlideLeft .5s ease-in-out .5s forwards,Breath 6s ease-in-out infinite}[data-animate=slide-fwd-center]{opacity:0}[data-animate=slide-fwd-center].show{animation:SlideFwdCenter .6s ease-in .1s forwards}.downloadzone{display:block;width:100%;max-width:540px;margin:8rem auto;padding:0;background:rgba(0,0,0,0);border:none;cursor:pointer;animation:Pulse 2s ease-in-out infinite}.downloadzone img{width:100%;height:auto;display:block}.downloadzone:hover{animation-play-state:paused;transform:scale(1.1)}.downloadzone:active{animation-play-state:paused;transform:scale(0.98)}@media(max-width: 1024px){.downloadzone{max-width:460px;margin:6rem auto}}@media(max-width: 768px){.downloadzone{max-width:380px;margin:5rem auto}}@media(max-width: 425px){.downloadzone{max-width:320px;margin:4rem auto}}@media(max-width: 375px){.downloadzone{max-width:280px;margin:3rem auto}}.role-section-wrapper{width:100%;padding:80px 0 30px 0;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative}.role-title{position:relative;width:100%;max-width:1006px;min-width:700px}.role-title-bg{width:100%;display:block}.role-title::after{content:"";position:absolute;right:-16px;bottom:-144px;width:100%;max-width:84px;aspect-ratio:86/170;background-image:url(../../assets/images/role-introduction/role-titter-pic-r.png);z-index:5}.role-title::before{content:"";position:absolute;left:-16px;bottom:-144px;width:100%;max-width:84px;aspect-ratio:86/170;background-image:url(../../assets/images/role-introduction/role-titter-pic-l.png);z-index:5}.role-name{position:absolute;top:0%;left:50%;transform:translateX(-45%);width:28%}.role-section{position:relative;width:100%;background:url("../../assets/images/role-introduction/role-introduction-bg.png");background-size:auto;background-repeat:no-repeat;background-position:center top;overflow:hidden;height:750px;display:flex;justify-content:center}.role-breed-wrapper{width:100%;max-width:150px;display:flex;justify-content:flex-end;position:absolute;left:calc(50% + 600px - 350px);z-index:20}.role-breed-star img{margin-top:110px;width:100%;max-width:37px}.role-breed-text img{width:100%;max-width:111px}.role-swiper{position:relative;height:600px;width:1200px}.role-swiper .swiper-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out}.role-swiper .swiper-slide-active{opacity:1;visibility:visible;z-index:1}.main-factions{width:110px;display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px;align-items:center;position:absolute;top:40px;left:calc(50% - 600px + 146px);z-index:10;transform-origin:bottom center;transform:scale(0.9)}.faction-btn{width:110px;height:110px;padding:0}.faction-btn.active img{transform:scale(1);filter:brightness(1)}.faction-btn img{width:100%;height:auto;display:block;transform:scale(0.95);filter:brightness(0.6);transition:transform .3s ease,filter .3s ease;z-index:2}.faction-btn:hover img{transform:scale(1);filter:brightness(1);transition:transform .3s ease,filter .3s ease}.sub-faction-wrapper{width:100%;max-width:600px;aspect-ratio:600/143;position:absolute;left:50%;bottom:0;transform:translate(-50%, -50%);transform-origin:center center;z-index:10}.sub-faction-group{width:100%;display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:nowrap;box-sizing:border-box;z-index:10;transform:scale(1);padding:0 40px}.sub-role-icon{width:100%;position:relative}.sub-role-icon img{width:100%;height:auto;display:block}.sub-role-icon.selected::after{content:"";position:absolute;bottom:0;left:8%;width:35%;height:35%;background:url("../../assets/images/role-introduction/icon-focus.png") no-repeat center center;background-size:contain;pointer-events:none;z-index:10}.sub-role-icon{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.sub-role-icon img{width:100%;height:auto;display:block;transform:scale(0.95);filter:brightness(0.6);transition:transform .3s ease,filter .3s ease;z-index:2}.sub-role-icon:hover img{width:100%;height:auto;display:block;transform:scale(1);filter:brightness(1);transition:transform .3s ease,filter .3s ease}.sub-role-icon.selected img{transform:scale(1);filter:brightness(1)}.role-section .swiper-slide{padding:0}.thumbs-swiper{overflow:visible}@media(max-width: 1199px)and (min-width: 769px){.main-factions{left:3%;top:70px;transform:none}}@media(max-width: 768px){.role-section{background-size:cover}.role-breed-wrapper{left:calc(50% + 600px - 430px);top:3%;transform:scale(0.7)}.main-factions{transform:scale(0.8);transform-origin:top left;left:3%;top:10%;gap:5px}.sub-faction-wrapper{transform:scale(0.1666666667vw)}.sub-faction-group{max-width:374px;gap:0px;padding:0 20px;bottom:-30%;margin:0 auto}.role-video-wrapper canvas{transform:scale(0.6) translateX(-35%) translateY(-25%)}}@media(max-width: 500px){.role-section{position:relative;width:100%;background:url(../../assets/images/role-introduction/role-introduction-bg-mb.png);background-size:cover;background-repeat:no-repeat;background-position:center top;overflow:hidden;height:500px;display:flex;justify-content:center}.role-breed-wrapper{left:calc(50% + 600px - 510px);top:-27%;transform:scale(0.5)}.main-factions{transform:scale(0.65);transform-origin:top left;left:3%;gap:5px;top:20px}.role-section-wrapper{padding:80px 0 0 0}.sub-faction-group{transform:scale(0.9);bottom:-60%}}@media(max-width: 425px){.role-breed-wrapper{left:calc(50% + 600px - 535px);top:-27%;transform:scale(0.4)}}@media(max-width: 375px){.main-factions{transform:scale(0.65);transform:scale(0.1666666667vw);left:3%}.sub-faction-group{transform:scale(1);bottom:-40%}}.copyright-section{width:100%;max-width:1000px;margin:0 auto;padding:100px 20px;min-height:calc(100vh - 200px);position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.copyright-container{border-radius:20px;padding:10px;width:100%}.copyright-container h1{font-family:"Microsoft JhengHei","PingFang TC","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:2em;font-weight:bold;color:#333;text-align:center;margin-bottom:20px;padding-bottom:20px}.copyright-container .title-line-image{display:block;margin:0 auto 40px;max-width:100%;height:auto}.copyright-content{font-family:"Microsoft JhengHei","PingFang TC","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;line-height:2;color:#000;max-height:400px;overflow-y:auto;padding:40px;scrollbar-width:thin;scrollbar-color:#fda050 rgba(0,0,0,0)}.copyright-content::-webkit-scrollbar{width:10px}.copyright-content::-webkit-scrollbar-track{background:rgba(0,0,0,0);border-radius:10px}.copyright-content::-webkit-scrollbar-thumb{background:#ff6b6b;border-radius:10px}.copyright-content::-webkit-scrollbar-thumb:hover{background:#ff5252}.copyright-content::-webkit-scrollbar-button{display:none}.copyright-content p{margin:0;white-space:pre-line}@media(max-width: 768px){.copyright-section{padding:80px 15px}.copyright-container{padding:30px 0px;border-radius:15px}.copyright-container h1{font-size:2em;margin-bottom:30px}.copyright-content{font-size:1.1em;line-height:1.8}}@media(max-width: 425px){.copyright-section{padding:60px 10px}.copyright-container{padding:30px 0px;border-radius:10px}.copyright-container h1{font-size:1.6em;margin-bottom:20px;padding-bottom:15px}.copyright-content{font-size:1em;line-height:1.7}}.wallpaper-section{width:100%;max-width:1200px;margin:0 auto;padding:100px 20px;min-height:calc(100vh - 200px);position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.wallpaper-container{border-radius:20px;padding:10px;width:100%;text-align:center}.wallpaper-container h1{font-family:"Microsoft JhengHei","PingFang TC","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:2em;font-weight:bold;color:#333;text-align:center;margin-bottom:20px;padding-bottom:20px}.wallpaper-container .title-line-image{display:block;margin:0 auto 40px;max-width:100%;height:auto}.wallpaper-content{font-family:"Microsoft JhengHei","PingFang TC","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;line-height:2;color:#000;padding:40px;scrollbar-width:thin;scrollbar-color:#fda050 rgba(0,0,0,0)}.wallpaper-content::-webkit-scrollbar{width:10px}.wallpaper-content::-webkit-scrollbar-track{background:rgba(0,0,0,0);border-radius:10px}.wallpaper-content::-webkit-scrollbar-thumb{background:#ff6b6b;border-radius:10px}.wallpaper-content::-webkit-scrollbar-thumb:hover{background:#ff5252}.wallpaper-content::-webkit-scrollbar-button{display:none}.wallpaper-content p{margin:0 0 1em;white-space:pre-line}.wallpaper-content h2{font-size:1.5em;font-weight:bold;color:#333;margin:1.5em 0 1em}.wallpaper-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;margin-top:40px}.wallpaper-item{position:relative;transition:transform .3s ease}.wallpaper-item:hover{transform:translateY(-5px)}.wallpaper-preview{position:relative;width:100%;overflow:hidden;border-radius:15px;margin-bottom:15px}.wallpaper-preview img{width:100%;height:auto;display:block;border-radius:15px}.wallpaper-info{padding:0;text-align:center}.wallpaper-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.wallpaper-title{font-size:1.1em;font-weight:bold;color:#333;margin-bottom:15px}.wallpaper-download-btn{display:block;width:100%;padding:12px 20px;background:linear-gradient(135deg, #f1cc7c 0%, #ecb02e 100%);color:#fff;text-decoration:none;border-radius:25px;font-weight:bold;font-size:.95em;transition:all .3s ease;text-align:center}.wallpaper-download-btn:hover{background:linear-gradient(135deg, #2bb8b1 0%, #50affd 100%);transform:scale(1.05);box-shadow:0 4px 12px rgba(253,160,80,.4)}@media(max-width: 768px){.wallpaper-section{padding:80px 15px}.wallpaper-container{padding:30px 0px;border-radius:15px}.wallpaper-container h1{font-size:2em;margin-bottom:30px}.wallpaper-content{font-size:1.1em;line-height:1.8;padding:30px 20px}.wallpaper-grid{grid-template-columns:repeat(2, 1fr);gap:20px}.wallpaper-buttons{gap:8px}.wallpaper-download-btn{padding:10px 16px;font-size:.9em}}@media(max-width: 425px){.wallpaper-section{padding:60px 10px}.wallpaper-container{padding:30px 0px;border-radius:10px}.wallpaper-container h1{font-size:1.6em;margin-bottom:20px;padding-bottom:15px}.wallpaper-content{font-size:1em;line-height:1.7;padding:20px 15px}.wallpaper-grid{grid-template-columns:1fr;gap:15px}.wallpaper-buttons{gap:8px}.wallpaper-download-btn{padding:10px 16px;font-size:.85em}.wallpaper-item{padding-bottom:60px}}.store-qr-code:not([src]){display:none}.purchasehistory-section{width:100%;max-width:1200px;margin:0 auto;padding:100px 20px;min-height:80vh;position:relative;z-index:1}.purchasehistory-container{border-radius:20px;padding:10px;width:100%}.purchasehistory-content{font-family:"Microsoft JhengHei","PingFang TC","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;line-height:2;color:#000;padding:40px;height:auto}.back-button-container{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.back-button{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border:2px solid #666;border-radius:50rem;color:#333;text-decoration:none;font-size:1em;font-weight:900;transition:all .3s ease;cursor:pointer}.back-button:hover{background:#f8f8f8;border-color:#ebb84c;transform:translateX(-5px);box-shadow:0 4px 10px rgba(0,0,0,.1)}.back-button .back-arrow{font-size:1.5em;line-height:1;transition:transform .3s ease;display:flex;align-items:center}.back-button .back-arrow-icon{width:1em;height:1em}.back-button:hover .back-arrow{transform:translateX(-3px)}.back-button .back-text{line-height:1}#logout-btn{padding:12px 24px;border:2px solid #dc3545;border-radius:50rem;color:#dc3545;cursor:pointer;transition:all .3s ease;font-size:1em;font-weight:900;white-space:nowrap}#logout-btn:hover{background:#dc3545;color:#fff;box-shadow:0 4px 10px rgba(220,53,69,.3);transform:translateY(-2px)}.login-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.login-popup.show{opacity:1}.login-popup.show .login-popup-content{transform:scale(1)}.login-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.login-popup-content{position:relative;background:#fff;border-radius:20px;padding:40px;max-width:500px;width:90%;box-shadow:0 10px 40px rgba(0,0,0,.3);transform:scale(0.9);transition:transform .3s ease;text-align:center}.login-popup-content h2{font-size:1.8em;color:#333;margin:0 0 15px 0}.login-popup-content .login-popup-message{font-size:1em;color:#666;margin:0 0 30px 0;line-height:1.6}.login-popup-close{position:absolute;top:15px;right:15px;background:rgba(0,0,0,0);border:none;font-size:2em;color:#999;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;line-height:1}.login-popup-close:hover{background:#f0f0f0;color:#333;transform:rotate(90deg)}.login-agent-methods{display:flex;flex-direction:column;gap:15px;max-width:400px;margin:0 auto;margin-bottom:1rem}.login-agent-btn{display:flex;align-items:center;gap:15px;padding:15px 25px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:1.1em;width:100%}.login-agent-btn:hover{background:#f8f8f8;border-color:#ebb84c;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.1)}.login-agent-btn .login-icon{flex:0 0 40px}.login-agent-btn .login-icon img{width:40px;height:40px;object-fit:contain}.login-agent-btn .login-label{flex:1;text-align:left;font-weight:500;color:#333}.purchasehistory-title{font-size:2.5em;font-weight:bold;color:#333;text-align:center;margin:30px 0 15px 0}.title-line-image{display:block;margin:0 auto 40px auto;max-width:300px;height:auto}#purchase-history-container{background:#fff;border-radius:15px;padding:30px;box-shadow:0 4px 15px rgba(0,0,0,.1);min-height:300px}#purchase-history-container .loading-text,#purchase-history-container .error-text,#purchase-history-container .no-orders-text,#purchase-history-container .login-required-text{text-align:center;font-size:1.2em;color:#666;padding:50px 20px;line-height:1.8}#purchase-history-container .error-text{color:#dc3545}#history-table .table-wrapper{overflow-x:auto;margin-bottom:20px}#history-table .purchase-history-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}#history-table .purchase-history-table thead{background:#f8f9fa;border-bottom:2px solid #ebb84c}#history-table .purchase-history-table thead th{padding:12px 10px;text-align:left;font-weight:600;color:#333;cursor:pointer;user-select:none;transition:background .3s ease;white-space:nowrap}#history-table .purchase-history-table thead th.sortable:hover{background:#e9ecef}#history-table .purchase-history-table thead th.align-center{text-align:center}#history-table .purchase-history-table thead th.align-right{text-align:right}#history-table .purchase-history-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .3s ease}#history-table .purchase-history-table tbody tr:nth-child(even){background:#fafafa}#history-table .purchase-history-table tbody tr:hover{background:#f8f9fa}#history-table .purchase-history-table tbody tr td{padding:12px 10px;color:#333}#history-table .purchase-history-table tbody tr td.align-center{text-align:center}#history-table .purchase-history-table tbody tr td.align-right{text-align:right}#history-table .pagination-wrapper{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:15px;background:#f8f9fa;border-top:1px solid #e0e0e0;border-radius:0 0 10px 10px}#history-table .page-size-selector{display:flex;align-items:center;gap:10px}#history-table .page-size-selector label{font-size:14px;color:#333;font-weight:500}#history-table .page-size-selector select{padding:5px 10px;border:1px solid #e0e0e0;border-radius:5px;background:#fff;color:#333;cursor:pointer;font-size:14px;transition:all .3s ease}#history-table .page-size-selector select:hover{border-color:#ebb84c}#history-table .page-size-selector select:focus{outline:none;border-color:#ebb84c;box-shadow:0 0 0 2px rgba(235,184,76,.2)}#history-table .pagination-info{font-size:14px;color:#666}#history-table .pagination-buttons{display:flex;align-items:center;gap:5px}#history-table .pagination-buttons .page-btn{padding:5px 10px;border:1px solid #e0e0e0;background:#fff;color:#333;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s ease;min-width:40px}#history-table .pagination-buttons .page-btn:hover:not(:disabled){background:#f8f9fa;border-color:#ebb84c}#history-table .pagination-buttons .page-btn.active{background:#ebb84c;color:#fff;border-color:#ebb84c;font-weight:600}#history-table .pagination-buttons .page-btn:disabled{opacity:.5;cursor:not-allowed}#history-table .pagination-buttons .page-btn[data-page=first],#history-table .pagination-buttons .page-btn[data-page=prev],#history-table .pagination-buttons .page-btn[data-page=next],#history-table .pagination-buttons .page-btn[data-page=last]{font-weight:600}.order-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:600;white-space:nowrap}.order-status.status-done{background:#d4edda;color:#155724}.order-status.status-pending{background:#fff3cd;color:#856404}.order-status.status-invoice{background:#d1ecf1;color:#0c5460}.order-status.status-troubled{background:#f8d7da;color:#721c24}.order-status.status-canceled{background:#e2e3e5;color:#383d41}.order-status.status-refunded{background:#cce5ff;color:#004085}.order-status.status-unknown{background:#e9ecef;color:#495057}.clickable-row{cursor:pointer;transition:all .2s ease}.clickable-row:hover{background:#e3f2fd !important;transform:scale(1.01);box-shadow:0 2px 8px rgba(0,0,0,.1)}.clickable-row:active{transform:scale(0.99)}.order-detail-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.order-detail-popup.show{opacity:1}.order-detail-popup.show .order-detail-content{transform:scale(1)}.order-detail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.order-detail-content{position:relative;background:#fff;border-radius:20px;padding:40px;max-width:700px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,.3);transform:scale(0.9);transition:transform .3s ease}.order-detail-content::-webkit-scrollbar{width:8px}.order-detail-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.order-detail-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.order-detail-content::-webkit-scrollbar-thumb:hover{background:#555}.order-detail-title{font-size:1.8em;color:#333;margin:0 0 25px 0;padding-bottom:15px;border-bottom:2px solid #ebb84c}.order-detail-close{position:absolute;top:15px;right:15px;background:rgba(0,0,0,0);border:none;font-size:2em;color:#999;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;line-height:1}.order-detail-close:hover{background:#f0f0f0;color:#333;transform:rotate(90deg)}.order-detail-grid{display:flex;flex-direction:column;gap:25px}.detail-section{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e0e0e0}.detail-section-title{font-size:1.2em;color:#ebb84c;margin:0 0 15px 0;font-weight:600;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e9ecef}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#666;font-size:.95em}.detail-value{color:#333;font-size:1em;text-align:right;word-break:break-word;max-width:60%}.detail-value.detail-amount{font-size:1.2em;font-weight:700;color:#ebb84c}@media(max-width: 768px){.purchasehistory-section{padding:80px 15px}.purchasehistory-container{padding:30px 0px;border-radius:15px}.purchasehistory-content{font-size:1.1em;line-height:1.8;padding:30px 20px}.back-button-container{margin-bottom:20px}.back-button{padding:10px 20px;font-size:.95em}.login-popup-content{padding:30px 25px}.login-popup-content h2{font-size:1.5em}.login-popup-content .login-popup-message{font-size:.95em;margin-bottom:25px}.login-agent-methods{max-width:100%}.login-agent-btn{padding:12px 20px;font-size:1em}#logout-btn{padding:10px 20px;font-size:.95em}.purchasehistory-title{font-size:2em;margin:20px 0 10px 0}.title-line-image{max-width:250px;margin-bottom:30px}#purchase-history-container{padding:20px}#history-table .purchase-history-table{font-size:13px}#history-table .purchase-history-table thead th{padding:10px 8px;font-size:13px}#history-table .purchase-history-table tbody td{padding:10px 8px;font-size:13px}#history-table .pagination-wrapper{padding:12px;gap:10px}#history-table .page-size-selector label{font-size:13px}#history-table .page-size-selector select{font-size:13px}#history-table .pagination-info{font-size:13px}#history-table .pagination-buttons .page-btn{padding:4px 8px;font-size:13px;min-width:35px}}@media(max-width: 425px){.purchasehistory-section{padding:60px 10px}.purchasehistory-container{padding:30px 0px;border-radius:10px}.purchasehistory-content{font-size:1em;line-height:1.7;padding:20px 10px}.back-button-container{margin-bottom:15px}.back-button{padding:8px 16px;font-size:.9em}.back-button .back-arrow{font-size:1.3em}.login-popup-content{padding:25px 20px;width:95%}.login-popup-content h2{font-size:1.3em;margin-bottom:10px}.login-popup-content .login-popup-message{font-size:.9em;margin-bottom:1rem;margin-top:2rem}.login-popup-close{width:35px;height:35px;font-size:1.8em;top:10px;right:10px}.login-agent-btn{padding:10px 15px;font-size:.95em}.login-agent-btn .login-icon img{width:35px;height:35px}.back-button-container{flex-direction:column;align-items:stretch;gap:10px}#logout-btn{padding:10px 20px;font-size:.9em;width:100%}.purchasehistory-title{font-size:1.6em;margin:15px 0 8px 0}.title-line-image{max-width:200px;margin-bottom:20px}#purchase-history-container{padding:15px}#purchase-history-container .loading-text,#purchase-history-container .error-text,#purchase-history-container .no-orders-text,#purchase-history-container .login-required-text{font-size:1em;padding:40px 15px}#history-table .purchase-history-table{font-size:12px}#history-table .purchase-history-table thead th{padding:8px 6px;font-size:12px}#history-table .purchase-history-table tbody td{padding:8px 6px;font-size:12px}#history-table .pagination-wrapper{padding:10px;gap:8px;flex-direction:column;align-items:stretch}#history-table .page-size-selector{justify-content:center}#history-table .page-size-selector label{font-size:12px}#history-table .page-size-selector select{font-size:12px;padding:4px 8px}#history-table .pagination-info{font-size:12px;text-align:center}#history-table .pagination-buttons{justify-content:center;flex-wrap:wrap}#history-table .pagination-buttons .page-btn{padding:4px 6px;font-size:12px;min-width:30px}.order-status{padding:3px 10px;font-size:.8em}.order-detail-content{padding:30px 20px;width:95%;max-height:85vh}.order-detail-title{font-size:1.4em;margin-bottom:20px}.order-detail-close{width:35px;height:35px;font-size:1.8em;top:10px;right:10px}.detail-section{padding:15px}.detail-section-title{font-size:1.1em}.detail-row{flex-direction:column;align-items:flex-start;gap:5px;padding:8px 0}.detail-label{font-size:.9em}.detail-value{text-align:left;max-width:100%;font-size:.95em}.detail-value.detail-amount{font-size:1.1em}}