:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:var(--color-bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547}}.shell-layout{display:grid;grid-template-columns:15rem 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "sidebar content";width:100%;min-height:100vh;gap:.65rem;background:var(--color-bg-dark)}.shell-layout.content-wide,.shell-layout.sidebar-wide,.shell-layout.header-wide{grid-template-columns:15rem 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "sidebar content"}.shell-sidebar-wrap{grid-area:sidebar}.shell-header-wrap{grid-area:header}.shell-content-section{color:var(--color-text-main);grid-area:content;width:100%;display:flex;justify-content:center}.shell-content-wrap{height:auto;min-width:60%}.menu-item{display:flex;align-items:center;padding:2px 4px;font-size:13px;border-radius:var(--color-radius);cursor:pointer;transition:background .15s,color .15s;outline:none;margin-bottom:0}.sidebar{width:230px;overflow-y:hidden;background:var(--color-bg-dark);color:var(--color-text-main);padding-top:8px;padding-left:0;border-right:1px solid var(--color-border)}.menu-list{padding:0;margin:0}.menu-list+.menu-list{margin-top:12px;border-top:1px solid var(--color-border);padding-top:7px}.menu-item{display:flex;align-items:center;padding:6px 14px;font-size:13px;border-radius:var(--color-radius);cursor:pointer;transition:background .15s,color .15s;outline:none;margin-bottom:0}.menu-item:hover,.menu-item:focus{background:var(--color-surface-hover);color:var(--color-text-accent)}.menu-item.active{background:var(--color-bg-light);color:var(--color-text-accent);font-weight:600}.icon{margin-right:9px;font-size:17px;flex-shrink:0;color:var(--color-text-main)}.text{flex-grow:1;white-space:nowrap;color:inherit}.divider{height:1px;margin:7px 0;background:var(--color-border);border:none;list-style:none}.header-wrap{display:flex;justify-content:space-between;align-items:center;padding:0 12px;gap:10px}.header-divider{width:1px;height:24px}.header-section{display:flex;align-items:center;gap:10px}.site-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-dark);margin:auto}.site-header>*{padding:0 15px;box-sizing:border-box}.logo svg{font-size:28px}.search{position:relative;margin-left:16px}.search input{background-color:var(--color-bg-light);border:none;border-radius:6px;height:32px;padding-left:32px;color:var(--color-text-main);font-size:14px}.search input::placeholder{color:var(--color-text-placeholder)}.search svg{position:absolute;left:8px;top:8px;color:var(--color-text-placeholder);font-size:16px}.notifications svg,.player button svg,.profile-dropdown button svg{color:var(--color-text-main);font-size:20px;transition:color .2s ease}.notifications svg:hover,.player button:hover svg,.profile-dropdown button:hover svg{color:var(--color-text-accent)}.player{display:flex;align-items:center;gap:12px;margin-left:16px}.player button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.player span{color:var(--color-text-main);font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap}.profile-dropdown button{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--color-text-main);padding:4px 8px;border-radius:6px;transition:background-color .2s ease}.profile-dropdown button:hover{background-color:var(--color-border)}.avatar{background-color:var(--color-avatar-bg);border-radius:50%;width:36px;height:36px;font-size:20px;display:flex;align-items:center;justify-content:center;color:var(--color-text-main)}.profile-dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background-color:var(--color-surface);border-radius:8px;box-shadow:0 4px 12px var(--color-shadow);min-width:160px;z-index:1500;overflow:hidden}.dropdown-menu div{padding:10px 16px;cursor:pointer;color:var(--color-text-main);white-space:nowrap;transition:background-color .2s ease}.dropdown-menu div:hover{background-color:var(--color-avatar-bg)}html,body{margin:0 auto;width:90vw;padding:0;height:100%}#root{min-width:100vh;min-height:100vh;height:100vh}:root{--color-bg-dark: #1c1c1c;--color-bg-light: #2b2b2b;--color-bg-lighter: #d2e0f8;--color-surface: #222;--color-surface-hover: #28282c;--color-shadow: rgba(0, 0, 0, .3);--color-text-main: #e0e0e0;--color-text-placeholder: #a0a0a0;--color-text-accent: #64c8ff;--color-text-muted: #888;--color-avatar-bg: #444;--color-border: #333;--color-radius: 8px;--color-radius-extra: 12px;--color-btn-bg: #fff;--color-btn-text: #000;--color-disabled-bg: #666}button.primary{width:100%;background:var(--color-text-main);color:var(--color-bg-dark);border:none;padding:10px 0;border-radius:var(--color-radius);font-size:16px;font-weight:700;margin-bottom:8px;cursor:pointer;transition:background .2s}button.primary:hover{background:var(--color-bg-lighter)}button.secondary{width:100%;background:transparent;color:var(--color-text-main);border:1px solid var(--color-border);padding:10px 0;border-radius:var(--color-radius);font-size:15px;margin-bottom:7px;cursor:pointer;transition:border .2s,background .2s}button.secondary:hover{background:var(--color-surface-hover)}button.tabs .active{background:var(--color-bg-light);color:var(--color-text-main);font-weight:700}.checkbox{cursor:pointer;margin-bottom:10px}.input{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-main);font-size:16px;flex:1;outline:none;padding:8px 12px;border-radius:var(--color-radius);transition:border-color .2s ease-in-out;width:90%;margin-bottom:10px}.input:focus{border-color:var(--color-text-accent);box-shadow:0 0 5px var(--color-text-accent)}.error{border-color:#e74c3c;box-shadow:0 0 5px #e74c3c99;outline:none}.tabs{display:flex;margin-bottom:12px;border-radius:var(--color-radius);background:var(--color-surface)}.tabs button{flex:1;background:none;color:var(--color-text-placeholder);border:none;padding:10px 0;font-size:15px;border-radius:var(--color-radius);cursor:pointer;transition:color .2s,background .2s}.tabs .active{background:var(--color-bg-light);color:var(--color-text-main);font-weight:700}.login-root{background:var(--color-bg-dark);color:var(--color-text-main);border-radius:var(--color-radius);width:330px;margin:40px auto;padding:28px 24px 18px;box-shadow:0 2px 12px var(--color-shadow)}.login-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:16px}.login-policy{color:var(--color-text-muted);font-size:12px;margin-top:5px;text-align:center}.login-policy a{color:var(--color-text-accent);text-decoration:underline}.register-root{background:var(--color-bg-dark);color:var(--color-text-main);border-radius:var(--color-radius-extra);width:340px;margin:40px auto;padding:28px 24px 18px;box-shadow:0 2px 12px var(--color-shadow);text-align:center}.back-button{background:none;border:none;color:var(--color-text-placeholder);font-size:24px;cursor:pointer;margin-bottom:10px;display:block;text-align:left}.register-header{margin:10px 0 8px;font-weight:700;font-size:20px}.register-subtitle{font-size:14px;color:var(--color-text-placeholder);margin-bottom:14px}.policy-text{font-size:12px;color:var(--color-text-muted);margin-top:8px}.policy-text a{color:var(--color-text-accent);text-decoration:underline}