:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{min-width:320px;min-height:100vh;margin:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page-loading{text-align:center;opacity:.7;padding:2rem}.register-page{flex-direction:column;gap:12px;display:flex}.register-form{flex-direction:column;gap:12px;max-width:400px;display:flex}.register-form-group{flex-direction:column;gap:4px;display:flex}.register-status{margin-top:8px;font-size:14px}.login-page{flex-direction:column;gap:12px;display:flex}.login-form{flex-direction:column;gap:12px;max-width:400px;display:flex}.login-form-group{flex-direction:column;gap:4px;display:flex}.login-status{margin-top:8px;font-size:14px}.left-menu-nav{color:#000;font-size:16px;font-weight:400}.left-menu-nav h3{margin-top:0;margin-bottom:12px}.left-menu{margin:0;padding-left:0;list-style:none}.left-menu-sub{margin:4px 0 0;padding-left:16px;list-style:none}.left-menu-nav .left-menu>li,.left-menu-nav .left-menu-sub>li{margin:4px 0}.left-menu-nav .left-menu a{color:#1a3c6b;font-size:16px;font-weight:400;line-height:1.4;text-decoration:none;display:block}.left-menu-nav .left-menu a:hover{color:#1a3c6b;text-decoration:underline}.left-menu-toggle{cursor:pointer;color:#1a3c6b;text-align:left;background:0 0;border:none;margin:4px 0;padding:0;font-family:inherit;font-size:16px;font-weight:400;line-height:1.4;display:block}.left-menu-toggle:focus{outline:none}.app-root{justify-content:center;align-items:flex-start;min-height:100vh;padding:24px 0;display:flex}.app-shell{flex-direction:column;gap:16px;width:100%;max-width:1600px;margin:0 24px;display:flex}.app-body{grid-template-columns:260px 1fr 280px;gap:16px;display:grid}.body-left,.body-center,.body-right{background:#fff;border:1px solid #000;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f}.header{background:#fff;border:1px solid #000;border-radius:12px;padding:10px 16px;box-shadow:0 2px 8px #0000000f}.header-inner{justify-content:space-between;align-items:center;display:flex}.header-left{align-items:center;gap:8px;display:flex}.header-logo img{width:auto;height:128px;display:block}.header-title{font-size:18px;font-weight:600}.header-right{align-items:center;display:flex}.header-user{align-items:center;gap:12px;display:flex}.header-username,.header-coins{font-weight:500}.header-logout{cursor:pointer;background:#f5f5f5;border:1px solid #ccc;border-radius:6px;padding:4px 10px}.header-logout:hover{background:#e9e9e9}.header-auth{gap:10px;display:flex}.btn-link{color:#36c;font-size:14px;text-decoration:none}.footer{background:#fff;border:1px solid #000;border-radius:12px;margin-top:8px;padding:10px 16px;box-shadow:0 2px 8px #0000000f}