.ud-avatar{border:1px solid hsl(var(--border));background:hsl(var(--muted));width:56px;height:56px;box-shadow:0 10px 20px -12px var(--c2,#0f172a80);border-radius:18px;flex:none;position:relative;overflow:hidden}.ud-level{filter:drop-shadow(0 2px 3px #0000004d);position:absolute;bottom:-2px;right:-2px}.ud-rank{font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground));font-size:12px;font-weight:900}.ud-clear{width:36px;height:36px;color:hsl(var(--muted-foreground));border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:4px;translate:0 -50%}.ud-clear:before{content:"";position:absolute;inset:-4px}.ud-clear:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.ud-clear:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:1px}.hb-search .ud-clear svg{width:16px;height:16px;position:static;translate:none}.dr-topic-n{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.dr-head{color:inherit;border-radius:16px;gap:14px;display:grid}.dr-head:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.dr-menu{border:1px solid hsl(var(--border));background:hsl(var(--background) / .7);border-radius:16px;overflow:hidden}.dark .dr-menu{background:#ffffff08}.dr-menu[open]{border-color:color-mix(in srgb, var(--c2,#6366f1) 45%, hsl(var(--border)));box-shadow:0 14px 28px -22px var(--c2,#6366f1)}.dr-menu-btn{cursor:pointer;min-height:46px;color:hsl(var(--foreground));-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:0 14px;font-size:13.5px;font-weight:750;list-style:none;display:flex}.dr-menu-btn::-webkit-details-marker{display:none}.dr-menu-btn>svg:first-child{width:17px;height:17px;color:var(--c2,hsl(var(--primary)))}.dark .dr-menu-btn>svg:first-child{color:var(--c1,hsl(var(--primary)))}.dr-menu-btn:hover{background:color-mix(in srgb, var(--c2,#6366f1) 7%, transparent)}.dr-menu-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-2px;border-radius:16px}.dr-menu-caret{width:16px;height:16px;color:hsl(var(--muted-foreground));transition:transform .25s cubic-bezier(.16,1,.3,1)}.dr-menu[open] .dr-menu-caret{transform:rotate(180deg)}.dr-menu-list{border-top:1px solid hsl(var(--border) / .7);gap:2px;max-height:280px;padding:4px 6px 8px;display:grid;overflow-y:auto}.dr-menu[open] .dr-menu-list{animation:.3s cubic-bezier(.16,1,.3,1) dr-open}@keyframes dr-open{0%{opacity:0;translate:0 -6px}}.dr-menu-item{min-height:44px;color:hsl(var(--foreground) / .9);border-radius:11px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:650;transition:background-color .15s,transform .2s cubic-bezier(.16,1,.3,1);display:flex}.dr-menu-item:hover{background:color-mix(in srgb, var(--c2,#6366f1) 10%, transparent);transform:translate(2px)}.dr-menu-item:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-2px}.dr-menu-bar{background:hsl(var(--muted));border-radius:999px;flex:none;width:48px;height:5px;overflow:hidden}.dr-menu-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--c1,#a5b4fc), var(--c2,#4f46e5));height:100%;display:block}.dr-acts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dr-act{border:1px solid hsl(var(--border));background:hsl(var(--card));min-height:44px;color:hsl(var(--foreground));box-shadow:0 1px 0 #fff9 inset, 0 3px 0 hsl(var(--border));border-radius:13px;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:800;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s,border-color .2s;display:inline-flex}.dark .dr-act{box-shadow:inset 0 1px #ffffff0d,0 3px #0006}.dr-act svg{width:15px;height:15px;color:var(--c2,currentColor)}.dark .dr-act svg{color:var(--c1,currentColor)}.dr-act:hover{border-color:color-mix(in srgb, var(--c2,#6366f1) 45%, hsl(var(--border)));transform:translateY(-1px)}.dr-act:active{box-shadow:0 1px 0 hsl(var(--border));transform:translateY(2px)}.dr-act:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}@media (prefers-reduced-motion:reduce){.dr-menu-caret,.dr-menu-item,.dr-act{transition:none}.dr-menu-item:hover,.dr-act:hover,.dr-act:active{transform:none}.dr-menu[open] .dr-menu-list{animation:none}}