#dri-tool{--dri-bg:#ffffff;--dri-ink:#1b2433;--dri-muted:#5b6778;--dri-line:#dfe4ec;--dri-brand:#0f2a4a;--dri-accent:#f5b301;--dri-low:#1f8a4c;--dri-mid:#c77700;--dri-high:#c62828;max-width:760px;margin:24px auto;padding:24px;background:var(--dri-bg);color:var(--dri-ink);border:1px solid var(--dri-line);border-radius:14px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5;box-sizing:border-box}
#dri-tool *{box-sizing:border-box}
#dri-tool h2{margin:0 0 4px;font-size:24px;color:var(--dri-brand)}
#dri-tool .dri-sub{margin:0 0 20px;color:var(--dri-muted);font-size:15px}
#dri-tool fieldset{border:1px solid var(--dri-line);border-radius:10px;padding:16px;margin:0 0 16px}
#dri-tool legend{font-weight:700;padding:0 6px;color:var(--dri-brand)}
#dri-tool .dri-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#dri-tool label{display:block;font-size:14px;font-weight:600;margin-bottom:4px}
#dri-tool input[type=number],#dri-tool select{width:100%;padding:10px 12px;border:1px solid var(--dri-line);border-radius:8px;font-size:15px;background:#fff;color:var(--dri-ink)}
#dri-tool .dri-check{display:flex;gap:10px;align-items:flex-start;font-weight:500;margin:0 0 10px;cursor:pointer}
#dri-tool .dri-check input{margin-top:4px;width:18px;height:18px;flex:none}
#dri-tool .dri-btns{display:flex;gap:10px;flex-wrap:wrap}
#dri-tool button{padding:12px 22px;border:0;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}
#dri-tool .dri-go{background:var(--dri-brand);color:#fff}
#dri-tool .dri-reset{background:#eef1f6;color:var(--dri-ink)}
#dri-tool .dri-err{color:var(--dri-high);font-size:14px;margin:10px 0 0;display:none}
#dri-tool .dri-result{display:none;margin-top:22px;padding:20px;border-radius:12px;border:2px solid var(--dri-line)}
#dri-tool .dri-score{font-size:44px;font-weight:800;line-height:1}
#dri-tool .dri-level{font-size:20px;font-weight:700;margin:6px 0 10px}
#dri-tool .dri-bar{height:12px;background:#eef1f6;border-radius:99px;overflow:hidden;margin-bottom:14px}
#dri-tool .dri-fill{height:100%;width:0;transition:width .5s}
#dri-tool .dri-result h3{font-size:18px;margin:16px 0 8px}
#dri-tool ol{margin:0;padding-left:22px}
#dri-tool ol li{margin-bottom:8px}
#dri-tool .dri-note{font-size:13px;color:var(--dri-muted);margin-top:14px}
@media (max-width:600px){#dri-tool{padding:16px}#dri-tool .dri-grid{grid-template-columns:1fr}}