:root{--brown-50:#efebe9;--brown-100:#d7ccc8;--brown-200:#bcaaa4;--brown-300:#a1887f;--brown-400:#8d6e63;--brown-500:#795548;--brown-600:#6d4c41;--brown-700:#5d4037;--brown-800:#4e342e;--brown-900:#3e2723;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--deep-orange-50:#fbe9e7;--deep-orange-100:#ffccbc;--deep-orange-200:#ffab91;--deep-orange-300:#ff8a65;--deep-orange-400:#ff7043;--deep-orange-500:#ff5722;--deep-orange-600:#f4511e;--deep-orange-700:#e64a19;--deep-orange-800:#d84315;--deep-orange-900:#bf360c;--header-color-bg:var(--gray-900);--header-color-fr:var(--gray-50);--header-color-fr-2:var(--gray-300);--nav-color-bg:var(--brown-900);--nav-color-fr:var(--brown-100);--nav-hover-fr:var(--deep-orange-900);--container-title-bg:var(--brown-800);--container-title-fr:var(--brown-200);--container-bold-fr:var(--brown-900);--container-subtitle-bg:var(--brown-600);--container-subtitle-fr:var(--brown-200);--card-color-bg:var(--brown-50);--button-fr:var(--brown-900);--button-bg:var(--brown-50);--button-hover-fr:var(--brown-50);--button-hover-bg:var(--brown-900);--background:var(--brown-100);--paper:#fdfcf9;--text-color:#333;--text-secondary:#5a5a5a;--accent:#a8967f;--dark:#4b423b}
body{background-color:var(--background);color:var(--text-color);margin:0;padding:0;font-family:Inter,sans-serif}h1,h2,h3,h4{text-align:center;margin-top:8px;margin-bottom:8px}html{scroll-behavior:smooth}@supports not (scroll-behavior:smooth){html{scroll-behavior:auto}}
.header-title-bar{background:var(--header-color-bg);text-align:center;z-index:900;padding-top:8px;padding-bottom:8px;padding-left:12px;display:flex;position:relative}.header-title-bar h1{color:var(--header-color-fr);margin-top:0;display:inline}.header-title-bar h1:after{content:":"}.header-title-bar h2{color:var(--header-color-fr-2);padding-left:8px;display:inline;position:relative}.header-title-bar .header-hero{width:calc(100% - 90px)}.header-title-bar .header-language{width:90px}@media (max-width:900px){.header-title-bar h1,.header-title-bar h2{display:block}}@media (max-width:768px){.header-title-bar h1{font-size:24px}.header-title-bar h2{font-size:20px}}
.grid{grid-template-columns:1fr;gap:1.5rem;width:100%;display:grid}.grid.grid-2col{grid-template-columns:repeat(2,1fr)}.grid.grid-3col{grid-template-columns:repeat(3,1fr)}.grid.grid-4col{grid-template-columns:repeat(4,1fr)}@media (min-width:768px){.grid.grid-2col-m{grid-template-columns:repeat(2,1fr)}.grid.grid-3col-m{grid-template-columns:repeat(3,1fr)}.grid.grid-4col-m{grid-template-columns:repeat(4,1fr)}}@media (min-width:1440px){.grid.grid-2col-xl{grid-template-columns:repeat(2,1fr)}.grid.grid-3col-xl{grid-template-columns:repeat(3,1fr)}.grid.grid-4col-xl{grid-template-columns:repeat(4,1fr)}}.grid .text-container{padding-left:4px;padding-right:4px}.grid .text-container h3,.grid .text-container h4{margin:0;padding-top:8px;padding-bottom:8px}.grid .text-container h3{background-color:var(--container-title-bg);color:var(--container-title-fr)}.grid .text-container h4{background-color:var(--container-subtitle-bg);color:var(--container-subtitle-fr)}.grid .text-container div{margin-top:8px;margin-bottom:8px}.grid .text-container div b{color:var(--container-bold-fr)}.grid .text-container div.card{background-color:var(--card-color-bg);margin:0;padding:0}.grid .text-container div.card:hover{transition:all .3s;transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.grid .text-container div.card div,.grid .text-container div.card img{margin-top:4px}.grid .text-container div.card div{padding-left:4px;padding-right:4px}@media (min-width:768px){.grid .text-container h3{font-size:36px}.grid .text-container div{padding-top:12px;padding-bottom:12px;font-size:20px}}@media (min-width:1440px){.grid .text-container h3{font-size:40px}.grid .text-container div{padding-top:12px;padding-bottom:12px;font-size:24px}}@media (max-width:768px){.hide-s{display:none!important}.show-s{display:block}}@media (min-width:768px){.hide-m{display:none!important}.show-m{display:block}}@media (min-width:992px){.hide-l{display:none!important}}@media (max-width:992px){.show-l{display:none!important}}
.header-menu-bar{background:var(--nav-color-bg);transition:all .3s;position:sticky;top:0}.header-menu-bar .header-menu-container{justify-content:center;align-items:center;height:50px;margin:0;padding:0;display:flex}.header-menu-bar .header-menu-container ul.menu-list{gap:2.2rem;margin:0;padding:0;list-style:none;display:flex}.header-menu-bar .header-menu-container ul.menu-list li a{color:var(--nav-color-fr);padding:8px 4px;font-weight:400;text-decoration:none;transition:color .2s;position:relative}.header-menu-bar .header-menu-container ul.menu-list li a:hover,.header-menu-bar .header-menu-container ul.menu-list li a:focus{color:var(--nav-hover-fr)}.header-menu-bar .header-menu-container ul.menu-list li a:after{content:"";background:var(--nav-hover-fr);border-radius:3px;width:0;height:3px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.header-menu-bar .header-menu-container ul.menu-list li a:hover:after{width:70%}@media (min-width:768px){.header-menu-bar .header-menu-container ul.menu-list li{font-size:22px}}@media (min-width:1440px){.header-menu-bar .header-menu-container ul.menu-list li{font-size:28px}}@media (max-width:768px){.header-menu-bar .header-menu-container ul.menu-list.desktop-menu{display:none}}.header-menu-bar .header-menu-container .menu-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:28px;height:22px;padding:0;display:none}.header-menu-bar .header-menu-container .menu-hamburger span{background:var(--nav-color-bg);border-radius:3px;width:100%;height:3px;transition:all .3s;display:block}@media (max-width:768px){.header-menu-bar .header-menu-container .menu-hamburger{margin-left:auto;display:flex}}.header-menu-bar .mobile-menu-overlay .mobile-menu-content{background:#f8f5f2;border-radius:16px;width:90%;max-width:400px;padding:8px;animation:.4s slideUp;position:fixed;box-shadow:0 10px 40px #0003}.header-menu-bar .mobile-menu-overlay .mobile-menu-content .mobile-menu-close{color:#555;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;position:absolute;top:4px;right:1.2rem}.header-menu-bar .mobile-menu-overlay .mobile-menu-content .mobile-menu-close:hover{color:#c76b4a;background:#c76b4a1a}.header-menu-bar .mobile-menu-overlay .mobile-menu-content li{flex-direction:column;gap:1.4rem;margin-top:4px;padding:0;list-style:none;display:flex}.header-menu-bar .mobile-menu-overlay .mobile-menu-content li a{color:#2a2a2a;padding:8px 0;text-decoration:none;transition:color .2s;display:block}.header-menu-bar .mobile-menu-overlay .mobile-menu-content li a:hover{color:#c76b4a}@media (max-width:768px){.header-menu-bar{background-color:#0000}}
.grid.grid-join{grid-template-columns:140px 1fr 300px;gap:6px;margin-top:4px}.grid.grid-join.grid-title{margin:0}.grid.grid-join.grid-title div{color:var(--container-subtitle-fr);background-color:var(--container-subtitle-bg);padding-top:8px;padding-bottom:8px;padding-left:4px;font-weight:700}.grid.grid-join div .pose-btn{background:var(--button-bg);border:2px solid var(--button-fr);text-align:left;cursor:pointer;width:100%;color:var(--button-fr);border-radius:8px;margin-bottom:4px;margin-left:4px;margin-right:4px;padding:8px;font-size:1rem;transition:all .2s}.grid.grid-join div .pose-btn:hover:not(:disabled){border-color:var(--button-hover-fr);background:var(--button-hover-bg);color:var(--button-hover-fr);transform:translate(5px)}.grid.grid-join div .pose-btn.active{border-color:var(--button-hover-fr);background:var(--button-hover-bg);color:var(--button-hover-fr);font-weight:700;transform:translate(10px);box-shadow:0 4px 12px #c76b4a4d}.grid.grid-join div .scroll-pose-result-cta{color:#c76b4a;font-size:18px;font-weight:700}@media (max-width:768px){.grid.grid-join{grid-template-columns:70px 1fr 130px}.grid.grid-join div .pose-btn{color:var(--button-fr);border-radius:4px;margin-bottom:2px;margin-left:2px;margin-right:2px;padding:4px;font-size:12px}.grid.grid-join div .pose-btn.active{box-shadow:0 2px 6px #c76b4a4d}}@media (max-width:550px){.grid.grid-join{grid-template-columns:70px 1fr}.grid.grid-join div .pose-btn{color:var(--button-fr);border-radius:4px;margin-bottom:2px;margin-left:2px;margin-right:2px;padding:4px;font-size:12px}.grid.grid-join div .pose-btn.active{box-shadow:0 2px 6px #c76b4a4d}}@media (min-width:550px){.show-ss{display:none}}@media (max-width:550px){.hide-ss{display:none}}
.language-switcher{z-index:100;padding-left:20px;display:contents}.language-switcher .language-button{cursor:pointer;color:#333;background:#fffffff2;border:1px solid #e0e0e0;border-radius:12px;align-items:center;margin-left:12px;padding:4px 6px;font-weight:600;transition:all .2s;top:8px;right:8px;box-shadow:0 2px 8px #0000000d}.language-switcher .language-button .flag{font-size:1.3rem}.language-switcher .language-button .code{color:#ff6b35;font-weight:700}.language-switcher .language-button .chevron{opacity:.6;font-size:.5rem;transition:transform .2s}.language-switcher .language-button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.language-switcher .language-button:hover .chevron{transform:translateY(-1px)}.language-switcher .language-dropdown{z-index:20000;background:#fff;border-radius:12px;width:220px;margin-top:10px;animation:.2s fadeIn;display:inline;position:fixed;top:50px;right:0;overflow:hidden;box-shadow:0 8px 25px #00000026}.language-switcher .language-dropdown .language-dropdown-header{color:#fff;background:linear-gradient(135deg,#ff6b35 0%,#ff8c5a 100%);border-bottom:2px solid #fff3;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.language-switcher .language-dropdown .language-dropdown-header .header-icon{font-size:1.2rem}.language-switcher .language-dropdown .language-option{color:#333;border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.language-switcher .language-dropdown .language-option:hover{color:#ff6b35;background:#fff9f5;border-left:3px solid #ff6b35;padding-left:13px}.language-switcher .language-dropdown .language-option.active{color:#ff6b35;cursor:default;background:#fff3ec;border-left:3px solid #ff6b35;font-weight:600}.language-switcher .language-dropdown .language-option .flag{min-width:24px;font-size:1.3rem}.language-switcher .language-dropdown .language-option .name{flex:1;font-size:.95rem}.language-switcher .language-dropdown .language-option .native{color:#888;font-size:.85rem;font-style:italic}.language-switcher .language-dropdown .language-option .check{color:#ff6b35;font-size:1.1rem;font-weight:700}