.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root,:root[data-theme=light]{--primary:#8389fa;--primary-hover:#646cff;--primary-light:rgb(from var(--primary) r g b / 50%);--primary-transparent:rgb(from var(--primary) r g b / 5%);--bg-main:#fff;--bg-secondary:#c0cafd;--bg-tertiary:#f3f4ff;--bg-surface:#dfe5fb;--bg-surface-hover:#f1f4fd;--text-main:#1e2030;--text-secondary:#888;--text-inverse:#fff;--border-light:#e2e8f0;--border-strong:#cbd5e1;--error:#ff4d4d;--error-bg:rgb(from var(--error) r g b / 10%);--warning:#b45309;--warning-bg:rgb(from var(--warning) r g b / 10%);--green-color:#249d40;--red-color:#a5212e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--primary:#646cff;--primary-hover:#b1b5ff;--primary-light:rgb(from var(--primary) r g b / 50%);--primary-transparent:rgb(from var(--primary) r g b / 10%);--bg-main:#2b2c3d;--bg-secondary:#1a1b26;--bg-tertiary:#2f3148;--bg-surface:#242533;--bg-surface-hover:#2b2d3d;--text-main:#f2f3f6;--text-inverse:#1e2030;--border-light:#32344a;--border-strong:#41445e;--warning:#fbbf24;--warning-bg:rgb(from var(--warning) r g b / 10%);--green-color:#62b174;--red-color:#e86572;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{color:var(--text-main);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}#root{width:100%}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .45s,color .45s,border-color .45s,fill .45s,stroke .45s!important}@media (prefers-reduced-motion:reduce){html.theme-transition,html.theme-transition *{transition:none!important}}*{box-sizing:border-box}a{color:var(--primary);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500;transition:color .3s}a:hover{color:var(--primary-hover)}body{margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}.info-box{background-color:var(--bg-secondary);border-left:5px solid var(--primary);border-radius:8px;flex-direction:column;align-items:center;padding:1rem 1.5rem;display:flex}header{background-color:var(--bg-secondary);box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:4em;margin-top:0;margin-left:0;margin-right:0;padding:10px 20px;display:grid}header #header-logo-title{justify-self:start}header nav{justify-self:center;align-items:center;gap:10px;display:flex}header .button{justify-content:center;align-items:center;height:40px;padding-top:0;padding-bottom:0;display:inline-flex}header #header-logo-title{color:var(--text-main);cursor:pointer;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;transition:color .2s;display:flex}header #header-logo-title:hover{color:var(--primary-hover)}header #header-logo{width:45px;height:45px}header #header-title{margin:0;font-size:1.5em;font-weight:700}header .header-user-section{justify-self:end;align-items:center;gap:15px;display:flex;position:relative}header .header-user-section .user-connected{color:var(--text-main);cursor:pointer;font-weight:500;transition:color .2s}header .header-user-section .user-connected:hover{color:var(--primary-hover)}header #profile-button{object-fit:cover;background-color:var(--bg-surface);width:40px;height:40px;color:var(--text-main);cursor:pointer;border:1px solid #0000;border-radius:50%;padding:10px;transition:all .3s}header #profile-button:hover{border-color:var(--primary)}header #profile-button:active{background-color:var(--primary-hover);color:var(--text-main);transform:scale(.9)}header #profile-button.active{background-color:var(--primary);color:var(--text-inverse)}header #profile-button.active:active{background-color:var(--primary-hover);color:var(--text-inverse)}@media (max-width:700px){header{justify-content:space-between;display:flex}header nav.media-large,header .header-user-section.media-large{display:none}header .mobile-menu-button.media-small{display:block}}.mobile-menu-button{position:relative}.dropdown.mobile-dropdown{width:200px;margin-right:10px;font-size:1.2em;top:55px;right:0}.dropdown.profile-dropdown{width:200px;margin-right:10px;top:55px;right:0}.dropdown{background-color:var(--bg-surface);border:1px solid var(--border-light);z-index:1000;border-radius:12px;flex-direction:column;padding:8px 0;animation:.2s forwards fadeInDown;display:flex;position:absolute;box-shadow:0 8px 24px #00000026}.dropdown-theme-toggle{padding:4px 12px 8px}.dropdown-divider{background-color:var(--border-light);border:none;height:1px;margin:4px 0}.dropdown-item{text-align:left;width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;height:auto;padding:10px 16px;font-size:.95em;transition:background-color .2s;display:block}.dropdown-item:hover{background-color:var(--primary-transparent);color:var(--primary-hover)}.dropdown-item.logout-btn{color:var(--primary);font-weight:700}.dropdown-item.logout-btn:hover{color:var(--primary-hover);background-color:var(--primary-transparent)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}header nav .button.nav-contextual{animation:.22s cubic-bezier(.22,1,.36,1) both navTabIn}header nav .button.nav-contextual.nav-contextual-out{pointer-events:none;animation:.2s cubic-bezier(.55,0,1,.45) both navTabOut}@keyframes navTabIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes navTabOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-24px)}}@media (prefers-reduced-motion:reduce){header nav .button.nav-contextual,header nav .button.nav-contextual.nav-contextual-out{animation:none}}.lang-toggle .theme-toggle-btn{-webkit-tap-highlight-color:transparent;text-decoration:none}.lang-toggle.theme-toggle-compact .theme-toggle-btn{letter-spacing:.02em;padding:7px 10px;font-size:.82rem}@media (max-width:700px){.lang-toggle:not(.theme-toggle-compact) .theme-toggle-btn{flex-direction:row;padding:8px 12px;font-size:.9rem}}.footer{background-color:var(--bg-secondary);width:100%;color:var(--text-main);flex-flow:wrap;justify-content:space-evenly;align-items:center;gap:1.5em;margin-top:auto;margin-bottom:0;padding:1.5em;display:flex}.footer-brand{align-items:center;gap:.6em;display:flex}.footer-logo{width:50px;height:50px}.footer-title{font-size:1.3em;font-weight:700}.footer-links{flex-direction:row;gap:2em;display:flex}.footer-links a{color:var(--text-main);font-size:.98em;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary-hover)}.footer-copy{color:#4b4b4b;font-size:.9em}:root[data-theme=dark] .footer-copy{color:var(--text-secondary)}@media (max-width:700px){.footer-links{grid-template-columns:repeat(2,1fr);display:grid}}@media (max-width:500px){.footer-links{flex-direction:column;align-items:center;gap:.5em;display:flex}}#root{text-align:center}.app-shell{flex-direction:column;min-height:100vh;display:flex}.media-small{display:none}@media (max-width:700px){.media-small{display:block}.media-large{display:none}}.spinner{border:4px solid var(--text-main);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container{flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100vw;height:100vh;display:flex}