*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;--bg-color: #f5f5f5;--text-color: #333;--card-bg: #fff;--card-border: #ddd;--accent-color: #0066cc;--header-bg: #ffffff;--footer-bg: #f0f0f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{text-decoration:underline}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}h1{font-size:2.5rem;line-height:1.2;font-weight:600}h2{font-size:2rem;line-height:1.25;font-weight:600}h3{font-size:1.5rem;line-height:1.3;font-weight:600}button{border-radius:8px;border:1px solid var(--card-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card-bg);color:var(--text-color);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--accent-color);background-color:var(--bg-color)}button:focus,button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.card{background-color:var(--card-bg);border-radius:8px;border:1px solid var(--card-border);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}._header_itqxd_1{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;position:relative;background-color:var(--header-bg);border-radius:8px;margin-bottom:1.5rem}._header_itqxd_1 p{font-size:1.5rem;font-weight:700;margin:0 1rem;z-index:10}._banner_itqxd_37{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.2;border-radius:8px}._group_itqxd_55{display:flex;align-items:center;margin-right:1rem;z-index:10}._pfp_itqxd_69{width:40px;height:40px;border-radius:50%;margin-left:1rem;border:2px solid var(--accent-color)}@media (max-width: 600px){._header_itqxd_1{flex-direction:column;padding:1rem}._group_itqxd_55{margin-top:1rem;margin-right:0}}._wrapper_1ayta_1,._mainwrapper_codjf_1{display:flex;flex-direction:column;align-items:center;justify-content:center}._themeswitchwrapper_codjf_15{position:relative;width:50px;height:28px}._input_codjf_27{opacity:0;width:0;height:0}._sliderwrapper_codjf_39{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:30px;overflow:hidden}._themebtnslider_codjf_65{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;z-index:10}._input_codjf_27:checked+._sliderwrapper_codjf_39{background-color:#242526}._input_codjf_27:checked+._sliderwrapper_codjf_39 ._themebtnslider_codjf_65{transform:translate(22px)}._input_codjf_27:focus+._sliderwrapper_codjf_39{box-shadow:0 0 1px #2196f3}._star_codjf_115{position:absolute;background-color:#fff;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transition:.4s;opacity:0}._input_codjf_27:checked+._sliderwrapper_codjf_39 ._star_codjf_115{opacity:1}._star1_codjf_157{top:6px;left:6px;width:6px;height:6px}._star2_codjf_171{top:14px;left:3px;width:4px;height:4px}._star3_codjf_185{top:18px;left:10px;width:6px;height:6px}._star4_codjf_199{top:5px;left:15px;width:4px;height:4px}._star5_codjf_213{top:10px;left:20px;width:6px;height:6px}._star6_codjf_227{top:18px;left:22px;width:3px;height:3px}._footer_qu94a_1{margin-top:auto;padding:1.5rem 0;text-align:center;background-color:var(--footer-bg);border-radius:8px}._footer_qu94a_1 p{margin:0;font-size:.9rem}._links_qu94a_27{display:flex;justify-content:center;gap:1rem;margin-top:.5rem}._links_qu94a_27 a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}._links_qu94a_27 a:hover{text-decoration:underline}._navbar_cfxc2_1{width:200px;background-color:var(--card-bg);border-right:1px solid var(--card-border);padding:1.5rem 0;display:flex;flex-direction:column}._navLinks_cfxc2_19{list-style:none;padding:0;margin:0}._navItem_cfxc2_31{padding:.5rem 1.5rem;margin:.5rem 0}._navLink_cfxc2_19{text-decoration:none;color:var(--text-color);font-weight:500;display:flex;align-items:center;transition:color .3s ease}._navLink_cfxc2_19:hover{color:var(--accent-color)}._active_cfxc2_67{color:var(--accent-color);font-weight:700}._icon_cfxc2_77{margin-right:.5rem;width:20px;height:20px}._logo_cfxc2_89{font-size:1.5rem;font-weight:700;margin:0 0 2rem 1.5rem;color:var(--accent-color)}@media (max-width: 768px){._navbar_cfxc2_1{width:100%;border-right:none;border-bottom:1px solid var(--card-border);padding:1rem 0}._navLinks_cfxc2_19{display:flex;justify-content:center;flex-wrap:wrap}._navItem_cfxc2_31{padding:.5rem 1rem;margin:0}._logo_cfxc2_89{text-align:center;margin:0 0 1rem}}._app_1lpj3_1{display:flex;min-height:100vh;width:100%;background-color:var(--bg-color);color:var(--text-color)}._container_1lpj3_17{flex:1;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:1rem}:root[color-scheme=light]{--bg-color: #f5f5f5;--text-color: #333;--card-bg: #fff;--card-border: #ddd;--accent-color: #0066cc;--header-bg: #ffffff;--footer-bg: #f0f0f0}:root[color-scheme=dark]{--bg-color: #121212;--text-color: #e0e0e0;--card-bg: #1e1e1e;--card-border: #333;--accent-color: #4d8bf0;--header-bg: #1a1a1a;--footer-bg: #1a1a1a}@media (max-width: 768px){._app_1lpj3_1{flex-direction:column}}._loginContainer_s5dpp_1{max-width:400px;margin:0 auto;padding:2rem;background-color:var(--card-bg);border-radius:8px;border:1px solid var(--card-border);box-shadow:0 4px 6px #0000001a}._loginTitle_s5dpp_21{text-align:center;margin-bottom:1.5rem;color:var(--accent-color)}._formGroup_s5dpp_33{margin-bottom:1.5rem}._label_s5dpp_41{display:block;margin-bottom:.5rem;font-weight:500}._input_s5dpp_53{width:100%;padding:.75rem;border:1px solid var(--card-border);border-radius:4px;background-color:var(--bg-color);color:var(--text-color);font-size:1rem}._input_s5dpp_53:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #4d8bf04d}._button_s5dpp_85{width:100%;padding:.75rem;background-color:var(--accent-color);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}._button_s5dpp_85:hover{background-color:#3a78d4}._forgotPassword_s5dpp_119{text-align:center;margin-top:1rem}._forgotPassword_s5dpp_119 a{color:var(--accent-color);text-decoration:none}._forgotPassword_s5dpp_119 a:hover{text-decoration:underline}._cardsSection_180r0_1{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}@media (max-width: 768px){._cardsSection_180r0_1{grid-template-columns:1fr}}._card_1aveb_1{background-color:var(--card-bg);border-radius:8px;border:1px solid var(--card-border);padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}._card_1aveb_1:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}._cardTitle_1aveb_29{font-size:1.5rem;margin-bottom:1rem;color:var(--accent-color)}._cardContent_1aveb_41{color:var(--text-color)}._calcCard_vpxz3_1{max-width:260px;padding:1.5rem;border-radius:12px;box-shadow:0 6px 10px #0000001a;display:flex;flex-direction:column;background-color:var(--card-bg)}._display_vpxz3_21{width:100%;min-height:60px;color:var(--text-color);border:1px solid var(--card-border);background-color:var(--bg-color);margin-bottom:15px;padding:10px;font-size:1.5rem;text-align:right;border-radius:8px;font-family:monospace}._btnarea_vpxz3_49{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}._btn_vpxz3_49{border-radius:8px;padding:12px;min-width:50px;min-height:50px;font-size:1.1rem;cursor:pointer;transition:all .2s ease;border:1px solid var(--card-border);background-color:var(--card-bg);display:flex;align-items:center;justify-content:center}._btn_vpxz3_49:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-2px)}._btn_vpxz3_49:active{transform:translateY(0)}._operatorBtn_vpxz3_111{background-color:var(--accent-color);color:#fff}._clearBtn_vpxz3_121{background-color:#ff6b6b;color:#fff}@media (max-width: 480px){._calcCard_vpxz3_1{max-width:100%}._btn_vpxz3_49{min-width:40px;min-height:40px;font-size:1rem}}._title_11bjs_1{width:100%;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center;color:var(--accent-color);border:none;background:transparent}._display_11bjs_23{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--card-border);background-color:var(--bg-color);color:var(--text-color);margin-bottom:10px;font-size:1rem}._players_11bjs_45{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px}._player_11bjs_45{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--card-border);background-color:var(--bg-color);color:var(--text-color);transition:all .3s ease}._ticboxes_11bjs_79{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 auto 15px;width:fit-content}._ticbox_11bjs_79{width:70px;height:70px;border-radius:8px;border:1px solid var(--card-border);background-color:var(--bg-color);color:var(--text-color);font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}._ticbox_11bjs_79:hover{background-color:color-mix(in srgb,var(--accent-color) 20%,var(--bg-color))}._btn_11bjs_135{width:100%;padding:10px 15px;border-radius:8px;border:none;background-color:var(--accent-color);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px}._btn_11bjs_135:hover{background-color:color-mix(in srgb,var(--accent-color) 80%,white);transform:translateY(-2px)}._win_11bjs_173{background-color:#4caf50;color:#fff;animation:_pulse_11bjs_1 1.5s infinite}@keyframes _pulse_11bjs_1{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}@media (max-width: 480px){._ticbox_11bjs_79{width:60px;height:60px;font-size:1.5rem}}._comment_12hfl_1{padding:1.5rem;gap:10px;display:flex;flex-direction:column;max-width:400px;min-height:200px;margin-bottom:1rem;transition:transform .3s ease,box-shadow .3s ease}._comment_12hfl_1:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}._commentText_t9bxi_1{font-size:1rem;line-height:1.5;flex-grow:1;overflow-wrap:break-word;margin-bottom:1rem}._author_t9bxi_17{font-weight:700;font-size:1.25rem;color:var(--accent-color);margin-bottom:.5rem}._date_t9bxi_31{font-size:.8rem;color:var(--text-muted);margin-top:auto}._about-page_ras7v_1{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto}._about-page_ras7v_1 section{padding:1.5rem;border-radius:8px;background-color:var(--card-bg);border:1px solid var(--card-border)}._about-page_ras7v_1 h1{color:var(--accent-color);margin-bottom:1rem}._about-page_ras7v_1 h2{color:var(--accent-color);margin-bottom:1rem;font-size:1.5rem}._about-page_ras7v_1 p{margin-bottom:1rem;line-height:1.6}._about-page_ras7v_1 ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:1rem}._about-page_ras7v_1 li{margin-bottom:.5rem}._about-page_ras7v_1 a{color:var(--accent-color);text-decoration:none;transition:all .3s ease}._about-page_ras7v_1 a:hover{text-decoration:underline}.sorter-container{display:flex;flex-direction:column;align-items:center;padding:30px;margin-bottom:20px}.sorter-content{background-color:#ffffff1a;border-radius:12px;padding:30px;width:100%;max-width:600px;min-height:300px;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px #0003;margin-bottom:30px;position:relative;overflow:hidden}.ready-display{text-align:center;color:#fff;font-size:1.2rem}.available-count{margin-top:10px;font-size:.9rem;color:#ffffffb3}.countdown-display{display:flex;flex-direction:column;align-items:center;justify-content:center}.countdown-number{font-size:8rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.7);line-height:1}.countdown-text{font-size:1.5rem;color:#fffc;margin-top:10px}.winner-display{width:100%}.winner-header{text-align:center;margin-bottom:20px}.winner-header h2{color:#fff;font-size:2rem;margin:0;text-shadow:0 2px 10px rgba(255,255,255,.5)}.winner-info{display:flex;align-items:center;background-color:#ffffff26;border-radius:8px;padding:20px;box-shadow:0 5px 15px #0000001a}.winner-image-container{flex:0 0 120px;margin-right:20px}.winner-image{width:100%;height:auto;border-radius:50%;box-shadow:0 4px 8px #0003}.winner-details{flex:1}.winner-name{font-size:2rem;color:#fff;margin:0 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.winner-squad{font-size:1.2rem;color:#ffffffe6;margin-bottom:5px}.winner-extra{font-size:1.2rem;color:#ffffffe6;font-weight:500;letter-spacing:.5px;background-color:#0003;padding:8px 12px;border-radius:4px;margin-top:8px}.draw-button{background-color:#ff4081;color:#fff;border:none;padding:15px 40px;font-size:1.2rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #ff408166;letter-spacing:1px;text-transform:uppercase}.draw-button:hover:not(.disabled){background-color:#f50057;transform:translateY(-2px);box-shadow:0 7px 20px #ff408180}.draw-button:active:not(.disabled){transform:translateY(1px);box-shadow:0 3px 10px #ff408166}.draw-button.disabled{background-color:#9e9e9e;cursor:not-allowed;box-shadow:none}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.countdown-number{animation:pulse 1s infinite}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.settings-panel{background-color:#fff;border-radius:8px;width:90%;max-width:400px;padding:20px;box-shadow:0 5px 15px #0000004d;animation:slideIn .3s ease-in-out}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.settings-header h2{margin:0;font-size:1.5rem;color:#333}.close-button{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#666;transition:color .2s}.close-button:hover{color:#000}.settings-group{margin-bottom:20px}.settings-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.settings-group input[type=number]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.checkbox-label{display:flex;align-items:center;cursor:pointer}.checkbox-label input{margin-right:10px;width:18px;height:18px}.settings-actions{display:flex;justify-content:space-between;margin-top:30px}.reset-button,.save-button{padding:10px 20px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.reset-button{background-color:#f44336;color:#fff}.reset-button:hover{background-color:#d32f2f}.save-button{background-color:#4caf50;color:#fff}.save-button:hover{background-color:#388e3c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.history-container{background-color:#ffffff1a;border-radius:8px;padding:20px;margin-top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.history-container h2{margin-top:0;color:#fff;font-size:1.5rem;text-align:center;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.history-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex-grow:1}.history-item{margin-bottom:10px;border-radius:6px;padding:12px;background-color:#ffffff26;transition:all .3s ease;animation:slideIn .5s ease forwards;opacity:0;transform:translateY(10px)}.history-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003;background-color:#ffffff40}.history-item-content{display:flex;align-items:center}.history-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#fff3;border-radius:50%;margin-right:15px;font-weight:700;color:#fff}.history-details{flex-grow:1;display:flex;flex-direction:column}.history-name{font-weight:700;font-size:1.1rem;color:#fff;margin-bottom:2px}.history-squad{font-size:.9rem;color:#ffffffe6;margin-bottom:2px}.history-extra{font-size:.9rem;color:#ffffffe6;background-color:#0003;padding:4px 8px;border-radius:4px;margin-top:5px;font-weight:500;letter-spacing:.5px}.empty-history{display:flex;justify-content:center;align-items:center;height:100px;color:#fff9;font-style:italic}.history-item.thunderbolt{border-left:4px solid #cdcdcd}.history-item.dumont{border-left:4px solid #89cc7c}.history-item.apolo{border-left:4px solid #ffff8a}.history-item.fera{border-left:4px solid #855df1}.history-item.atena{border-left:4px solid #d9d9d9}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.apolo{background-color:#917e00;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg %3E%3Cpolygon fill='%23aaad3c' points='100 57.1 64 93.1 71.5 100.6 100 72.1'/%3E%3Cpolygon fill='%23d4d563' points='100 57.1 100 72.1 128.6 100.6 136.1 93.1'/%3E%3Cpolygon fill='%23aaad3c' points='100 163.2 100 178.2 170.7 107.5 170.8 92.4'/%3E%3Cpolygon fill='%23d4d563' points='100 163.2 29.2 92.5 29.2 107.5 100 178.2'/%3E%3Cpath fill='%23FFFF8A' d='M100 21.8L29.2 92.5l70.7 70.7l70.7-70.7L100 21.8z M100 127.9L64.6 92.5L100 57.1l35.4 35.4L100 127.9z'/%3E%3Cpolygon fill='%23aba200' points='0 157.1 0 172.1 28.6 200.6 36.1 193.1'/%3E%3Cpolygon fill='%23d4c80b' points='70.7 200 70.8 192.4 63.2 200'/%3E%3Cpolygon fill='%23FFEF45' points='27.8 200 63.2 200 70.7 192.5 0 121.8 0 157.2 35.3 192.5'/%3E%3Cpolygon fill='%23d4c80b' points='200 157.1 164 193.1 171.5 200.6 200 172.1'/%3E%3Cpolygon fill='%23aba200' points='136.7 200 129.2 192.5 129.2 200'/%3E%3Cpolygon fill='%23FFEF45' points='172.1 200 164.6 192.5 200 157.1 200 157.2 200 121.8 200 121.8 129.2 192.5 136.7 200'/%3E%3Cpolygon fill='%23aba200' points='129.2 0 129.2 7.5 200 78.2 200 63.2 136.7 0'/%3E%3Cpolygon fill='%23FFEF45' points='200 27.8 200 27.9 172.1 0 136.7 0 200 63.2 200 63.2'/%3E%3Cpolygon fill='%23d4c80b' points='63.2 0 0 63.2 0 78.2 70.7 7.5 70.7 0'/%3E%3Cpolygon fill='%23FFEF45' points='0 63.2 63.2 0 27.8 0 0 27.8'/%3E%3C/g%3E%3C/svg%3E")}.dumont{background-color:#487346;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg %3E%3Cpolygon fill='%234c8e43' points='100 57.1 64 93.1 71.5 100.6 100 72.1'/%3E%3Cpolygon fill='%236aac5f' points='100 57.1 100 72.1 128.6 100.6 136.1 93.1'/%3E%3Cpolygon fill='%234c8e43' points='100 163.2 100 178.2 170.7 107.5 170.8 92.4'/%3E%3Cpolygon fill='%236aac5f' points='100 163.2 29.2 92.5 29.2 107.5 100 178.2'/%3E%3Cpath fill='%2389CC7C' d='M100 21.8L29.2 92.5l70.7 70.7l70.7-70.7L100 21.8z M100 127.9L64.6 92.5L100 57.1l35.4 35.4L100 127.9z'/%3E%3Cpolygon fill='%23768c3a' points='0 157.1 0 172.1 28.6 200.6 36.1 193.1'/%3E%3Cpolygon fill='%2396ac58' points='70.7 200 70.8 192.4 63.2 200'/%3E%3Cpolygon fill='%23B6CC76' points='27.8 200 63.2 200 70.7 192.5 0 121.8 0 157.2 35.3 192.5'/%3E%3Cpolygon fill='%2396ac58' points='200 157.1 164 193.1 171.5 200.6 200 172.1'/%3E%3Cpolygon fill='%23768c3a' points='136.7 200 129.2 192.5 129.2 200'/%3E%3Cpolygon fill='%23B6CC76' points='172.1 200 164.6 192.5 200 157.1 200 157.2 200 121.8 200 121.8 129.2 192.5 136.7 200'/%3E%3Cpolygon fill='%23768c3a' points='129.2 0 129.2 7.5 200 78.2 200 63.2 136.7 0'/%3E%3Cpolygon fill='%23B6CC76' points='200 27.8 200 27.9 172.1 0 136.7 0 200 63.2 200 63.2'/%3E%3Cpolygon fill='%2396ac58' points='63.2 0 0 63.2 0 78.2 70.7 7.5 70.7 0'/%3E%3Cpolygon fill='%23B6CC76' points='0 63.2 63.2 0 27.8 0 0 27.8'/%3E%3C/g%3E%3C/svg%3E")}.thunderbolt{background-color:#9b9b9b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg %3E%3Cpolygon fill='%238b8b8b' points='100 57.1 64 93.1 71.5 100.6 100 72.1'/%3E%3Cpolygon fill='%23ababab' points='100 57.1 100 72.1 128.6 100.6 136.1 93.1'/%3E%3Cpolygon fill='%238b8b8b' points='100 163.2 100 178.2 170.7 107.5 170.8 92.4'/%3E%3Cpolygon fill='%23ababab' points='100 163.2 29.2 92.5 29.2 107.5 100 178.2'/%3E%3Cpath fill='%23CDCDCD' d='M100 21.8L29.2 92.5l70.7 70.7l70.7-70.7L100 21.8z M100 127.9L64.6 92.5L100 57.1l35.4 35.4L100 127.9z'/%3E%3Cpolygon fill='%23ababab' points='0 157.1 0 172.1 28.6 200.6 36.1 193.1'/%3E%3Cpolygon fill='%23d4d4d4' points='70.7 200 70.8 192.4 63.2 200'/%3E%3Cpolygon fill='%23FFFFFF' points='27.8 200 63.2 200 70.7 192.5 0 121.8 0 157.2 35.3 192.5'/%3E%3Cpolygon fill='%23d4d4d4' points='200 157.1 164 193.1 171.5 200.6 200 172.1'/%3E%3Cpolygon fill='%23ababab' points='136.7 200 129.2 192.5 129.2 200'/%3E%3Cpolygon fill='%23FFFFFF' points='172.1 200 164.6 192.5 200 157.1 200 157.2 200 121.8 200 121.8 129.2 192.5 136.7 200'/%3E%3Cpolygon fill='%23ababab' points='129.2 0 129.2 7.5 200 78.2 200 63.2 136.7 0'/%3E%3Cpolygon fill='%23FFFFFF' points='200 27.8 200 27.9 172.1 0 136.7 0 200 63.2 200 63.2'/%3E%3Cpolygon fill='%23d4d4d4' points='63.2 0 0 63.2 0 78.2 70.7 7.5 70.7 0'/%3E%3Cpolygon fill='%23FFFFFF' points='0 63.2 63.2 0 27.8 0 0 27.8'/%3E%3C/g%3E%3C/svg%3E")}.fera{background-color:#00007f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg %3E%3Cpolygon fill='%235737c5' points='100 57.1 64 93.1 71.5 100.6 100 72.1'/%3E%3Cpolygon fill='%236e4adb' points='100 57.1 100 72.1 128.6 100.6 136.1 93.1'/%3E%3Cpolygon fill='%235737c5' points='100 163.2 100 178.2 170.7 107.5 170.8 92.4'/%3E%3Cpolygon fill='%236e4adb' points='100 163.2 29.2 92.5 29.2 107.5 100 178.2'/%3E%3Cpath fill='%23855DF1' d='M100 21.8L29.2 92.5l70.7 70.7l70.7-70.7L100 21.8z M100 127.9L64.6 92.5L100 57.1l35.4 35.4L100 127.9z'/%3E%3Cpolygon fill='%23110fc4' points='0 157.1 0 172.1 28.6 200.6 36.1 193.1'/%3E%3Cpolygon fill='%233320d3' points='70.7 200 70.8 192.4 63.2 200'/%3E%3Cpolygon fill='%234A2EE3' points='27.8 200 63.2 200 70.7 192.5 0 121.8 0 157.2 35.3 192.5'/%3E%3Cpolygon fill='%233320d3' points='200 157.1 164 193.1 171.5 200.6 200 172.1'/%3E%3Cpolygon fill='%23110fc4' points='136.7 200 129.2 192.5 129.2 200'/%3E%3Cpolygon fill='%234A2EE3' points='172.1 200 164.6 192.5 200 157.1 200 157.2 200 121.8 200 121.8 129.2 192.5 136.7 200'/%3E%3Cpolygon fill='%23110fc4' points='129.2 0 129.2 7.5 200 78.2 200 63.2 136.7 0'/%3E%3Cpolygon fill='%234A2EE3' points='200 27.8 200 27.9 172.1 0 136.7 0 200 63.2 200 63.2'/%3E%3Cpolygon fill='%233320d3' points='63.2 0 0 63.2 0 78.2 70.7 7.5 70.7 0'/%3E%3Cpolygon fill='%234A2EE3' points='0 63.2 63.2 0 27.8 0 0 27.8'/%3E%3C/g%3E%3C/svg%3E")}.atena{background-color:#565656;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg %3E%3Cpolygon fill='%23929292' points='100 57.1 64 93.1 71.5 100.6 100 72.1'/%3E%3Cpolygon fill='%23b5b5b5' points='100 57.1 100 72.1 128.6 100.6 136.1 93.1'/%3E%3Cpolygon fill='%23929292' points='100 163.2 100 178.2 170.7 107.5 170.8 92.4'/%3E%3Cpolygon fill='%23b5b5b5' points='100 163.2 29.2 92.5 29.2 107.5 100 178.2'/%3E%3Cpath fill='%23D9D9D9' d='M100 21.8L29.2 92.5l70.7 70.7l70.7-70.7L100 21.8z M100 127.9L64.6 92.5L100 57.1l35.4 35.4L100 127.9z'/%3E%3Cpolygon fill='%23797979' points='0 157.1 0 172.1 28.6 200.6 36.1 193.1'/%3E%3Cpolygon fill='%23959595' points='70.7 200 70.8 192.4 63.2 200'/%3E%3Cpolygon fill='%23B2B2B2' points='27.8 200 63.2 200 70.7 192.5 0 121.8 0 157.2 35.3 192.5'/%3E%3Cpolygon fill='%23959595' points='200 157.1 164 193.1 171.5 200.6 200 172.1'/%3E%3Cpolygon fill='%23797979' points='136.7 200 129.2 192.5 129.2 200'/%3E%3Cpolygon fill='%23B2B2B2' points='172.1 200 164.6 192.5 200 157.1 200 157.2 200 121.8 200 121.8 129.2 192.5 136.7 200'/%3E%3Cpolygon fill='%23797979' points='129.2 0 129.2 7.5 200 78.2 200 63.2 136.7 0'/%3E%3Cpolygon fill='%23B2B2B2' points='200 27.8 200 27.9 172.1 0 136.7 0 200 63.2 200 63.2'/%3E%3Cpolygon fill='%23959595' points='63.2 0 0 63.2 0 78.2 70.7 7.5 70.7 0'/%3E%3Cpolygon fill='%23B2B2B2' points='0 63.2 63.2 0 27.8 0 0 27.8'/%3E%3C/g%3E%3C/svg%3E")}.default{background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg %3E%3Ccircle fill='%23000000' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23001518' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23002a30' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%23004047' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%2300555f' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23006A77' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-size:cover}.app-container{min-height:100vh;display:flex;flex-direction:column;transition:background-color 1s ease,background-image 1s ease;background-size:cover;background-position:center;background-attachment:fixed}.app-header{padding:20px;display:flex;justify-content:space-between;align-items:center;background-color:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.app-header h1{color:#fff;margin:0;font-size:2rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.settings-button{background-color:#fff3;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:1rem;display:flex;align-items:center;transition:background-color .3s}.settings-button:hover{background-color:#ffffff4d}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px;max-width:1200px;margin:0 auto;width:100%}.app-footer{background-color:#00000080;color:#ffffffb3;text-align:center;padding:15px;font-size:.9rem}@media (max-width: 768px){.app-header h1{font-size:1.5rem}.settings-button{font-size:.9rem}}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--text-color)}h1{font-size:2.5rem;margin-bottom:1.5rem}h2{font-size:2rem;margin-bottom:1.25rem}section{margin-bottom:2.5rem}.welcome-section{padding:2rem;background-color:var(--card-bg);border-radius:8px;border:1px solid var(--card-border);margin-bottom:2rem}.features-section,.comments-section{padding:1.5rem;background-color:var(--card-bg);border-radius:8px;border:1px solid var(--card-border)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}