.dlf-card{max-width:820px;margin:24px auto;padding:18px;background:linear-gradient(135deg,#fff,#f7fbff);border-radius:12px;box-shadow:0 10px 30px rgba(2,6,23,0.06);font-family:Arial, sans-serif;}
.dlf-search{display:flex;gap:10px;}
#dlf_name{flex:1;padding:12px;border-radius:10px;border:1px solid #ddd;font-size:16px;}
#dlf_search{padding:12px 18px;border-radius:10px;background:#0ea5a4;color:#fff;border:none;cursor:pointer;}
.dlf-result{margin-top:18px;padding:16px;border-radius:12px;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,0.05);}
.dlf-circle-wrap{text-align:center;}
#dlf_svg{width:220px;height:220px;margin:0 auto;display:block;}
#dlf_svg .bg{fill:none;stroke:#eee;stroke-width:10;}
#dlf_svg .fg{fill:none;stroke:#06b6d4;stroke-width:10;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;stroke-dasharray:314;stroke-dashoffset:314;}
#dlf_pct{font-size:20px;fill:#111;font-weight:bold;}
.dlf-cat{margin-top:8px;display:inline-block;padding:6px 12px;border-radius:20px;background:#eefdf6;color:#065f46;}
.tip{padding:8px;background:#fafafa;border-left:4px solid #06b6d4;margin-bottom:8px;border-radius:6px;}
.dlf-actions{margin-top:12px;}