@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Serif+Display&display=swap";.hp-nav{border-bottom:1px solid var(--border);background:var(--bg-subtle);justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex}.hp-nav-left{align-items:center;gap:16px;display:flex}.hp-logo{color:var(--text);letter-spacing:-.3px;white-space:nowrap;font-family:DM Serif Display,Georgia,serif;font-size:18px;text-decoration:none}.hp-nav-user{color:var(--text-muted);align-items:center;gap:7px;font-size:13px;display:flex}.hp-nav-avatar{object-fit:cover;border:1px solid var(--border);vertical-align:middle;border-radius:50%;width:34px;height:34px;display:inline-block}.hp-nav-avatar--initials{background:var(--bg-input);color:var(--text-muted);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.hp-nav-links{align-items:center;gap:2px;display:flex}.hp-nav-links a,.hp-nav-dropdown-btn{color:var(--text);border-radius:6px;padding:5px 12px;font-size:14px;text-decoration:none}.hp-nav-links a:hover{color:var(--text-muted)}.hp-nav-links a.router-link-exact-active{color:var(--accent);background:#2a60c41f;font-weight:500}.hp-sep{color:var(--border);-webkit-user-select:none;user-select:none;padding:0 4px}.hp-nav-dropdown{position:relative}.hp-nav-dropdown-btn{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:14px}.hp-nav-dropdown-btn:hover{color:var(--text-muted)}.hp-nav-dropdown-menu{background:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:8px;flex-direction:column;min-width:180px;padding:8px 4px 4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 16px #0000001a}.hp-nav-dropdown-menu a{color:var(--text);border-radius:6px;padding:8px 14px;font-size:13px;text-decoration:none;display:block}.hp-nav-dropdown-menu a:hover{background:var(--bg-hover)}.hp-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);margin-top:48px;padding:24px;font-size:12px}.hp-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;display:none}.hp-hamburger span{background:var(--text);border-radius:1px;height:2px;transition:background .12s;display:block}.hp-hamburger:hover span{background:var(--text-secondary)}.hp-mobile-menu{background:var(--bg-card);border-bottom:1px solid var(--border);flex-direction:column;padding:8px 0 12px;display:none}.hp-mobile-menu a,.hp-mobile-menu .hp-mobile-menu-group{color:var(--text);padding:11px 20px;font-size:15px;text-decoration:none;display:block}.hp-mobile-menu a.router-link-exact-active{color:var(--accent);font-weight:500}.hp-mobile-menu a:hover{background:var(--bg-hover)}.hp-mobile-menu-group{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);pointer-events:none;padding-top:16px;padding-bottom:4px;font-size:10px;font-weight:700}.hp-mobile-menu-sub{padding-left:32px!important;font-size:14px!important}.hp-mobile-menu-logout{border-top:1px solid var(--border);margin-top:8px;color:var(--text-muted)!important}@media (width<=640px){.hp-nav{padding:0 16px}.hp-logo{font-size:15px}.hp-nav-username,.hp-nav-links{display:none}.hp-hamburger,.hp-mobile-menu{display:flex}}*{box-sizing:border-box}:root{--accent:#2a60c4;--accent-hover:#1e4d9e;--bg:#faf9f7;--bg-card:#fff;--bg-input:#fff;--bg-subtle:#faf9f7;--bg-hover:#00000006;--bg-ranked:#fff5f7;--bg-ranked-hover:#ffeef2;--art-placeholder:#e5e2dc;--text:#111;--text-muted:#777;--text-secondary:#555;--text-dim:#bbb;--border:#e8e5e0;--border-light:#f0ede8;--border-soft:#eeebe6;--radius-sm:6px;--radius:10px}[data-theme=dark]{--bg:#1e1e24;--bg-card:#28282f;--bg-input:#32323c;--bg-subtle:#222229;--bg-hover:#ffffff0d;--bg-ranked:#2d2535;--bg-ranked-hover:#342d3e;--art-placeholder:#3c3c48;--text:#e6e6ed;--text-muted:#8e8ea0;--text-secondary:#aeaebe;--text-dim:#60606e;--border:#3c3c4a;--border-light:#46465a;--border-soft:#34343f}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,system-ui,sans-serif;line-height:1.45}a{color:inherit}button{cursor:pointer;font-family:inherit}input,select,textarea,button{font-family:inherit}input:focus,select:focus,textarea:focus{outline:none}[data-theme=dark] .hp-row{background:#2e2e38}[data-theme=dark] .hp-row.ranked{background:var(--bg-ranked)}.page{max-width:1200px;margin:0 auto;padding:24px 40px 48px}@media (width<=640px){.page{padding:16px 16px 48px}}