:root{--ba-primary:#2563eb;--ba-primary-dark:#1d4ed8;--ba-border:#e2e8f0;--ba-surface:#ffffff;--ba-surface-muted:#f8fafc;--ba-text:#0f172a;--ba-text-muted:#64748b;--ba-shadow-soft:0 4px 12px rgb(15 23 42 / 0.08);--primary:var(--ba-primary);--primary-dark:var(--ba-primary-dark);--border:var(--ba-border);--surface:var(--ba-surface);--shadow-soft:var(--ba-shadow-soft);--surface-muted:var(--ba-surface-muted);--text-main:var(--ba-text);--text-muted:var(--ba-text-muted);}
.tool-hero{margin-bottom:1.25rem;}
.hero-text h1{color:var(--ba-text);letter-spacing:-0.02em;}
.hero-subtitle{color:var(--ba-text-muted);max-width:920px;}
.ba-pills{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 1.5rem;padding:0;list-style:none;}
.ba-pill{background:var(--ba-surface);color:var(--ba-text-muted);border:1px solid var(--ba-border);border-radius:9999px;padding:8px 12px;font-weight:700;font-size:14px;box-shadow:0 1px 2px rgb(15 23 42 / 0.08);}
.ba-wrap{background:var(--ba-surface);border:1px solid rgb(148 163 184 / 0.25);border-radius:20px;box-shadow:0 12px 24px rgb(15 23 42 / 0.12);padding:clamp(1.25rem,3vw,2.25rem);}
.ba-layout{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;}
@media (min-width:992px){.ba-layout{grid-template-columns:0.95fr 1.05fr;gap:36px;}}
.ba-panel{padding:8px 18px;min-width:0;}
.ba-hint{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:14px 14px;background:#e5ebfb;color:var(--ba-primary);border-left:4px solid var(--ba-primary);line-height:1.4;margin:0 0 16px;}
.ba-form{display:flex;flex-direction:column;gap:14px;margin:0;}
.ba-field{display:flex;flex-direction:column;gap:8px;}
.ba-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800;color:var(--ba-text);font-size:14px;margin:0;}
.ba-tip{display:inline-flex;align-items:center;gap:8px;}
.ba-tip-btn{width:24px;height:24px;border-radius:9999px;border:1px solid var(--ba-border);background:var(--ba-surface);color:var(--ba-text-muted);font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;}
.ba-tip-btn:focus{outline:2px solid rgb(37 99 235 / 0.35);outline-offset:2px;}
.ba-tip-pop{position:absolute;left:-9999px;top:auto;}
.ba-tip-wrap{position:relative;display:inline-flex;align-items:center;}
.ba-tip-wrap[aria-expanded="true"] .ba-tip-pop{left:0;top:34px;z-index:5;width:min(340px,76vw);background:var(--ba-surface);border:1px solid var(--ba-border);border-radius:12px;padding:10px 12px;box-shadow:0 12px 24px rgb(15 23 42 / 0.12);color:var(--ba-text);font-weight:600;}
.ba-input{width:100%;padding:14px 14px;border:2px solid var(--ba-border);border-radius:14px;font-size:16px;color:var(--ba-text);background:var(--ba-surface);box-shadow:inset 0 1px 2px rgb(15 23 42 / 0.04);transition:border-color .2s ease;}
.ba-input:focus{outline:none;border-color:var(--ba-primary);}
.ba-check{display:flex;align-items:center;gap:10px;padding:12px;background:var(--ba-surface-muted);border-radius:12px;border:1px solid var(--ba-border);}
.ba-check input{width:18px;height:18px;accent-color:var(--ba-primary);}
.ba-check label{font-weight:700;color:var(--ba-text);margin:0;cursor:pointer;}
.ba-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px;}
.ba-btn{flex:1 1 220px;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);color:#fff;border:none;padding:14px 18px;border-radius:14px;font-weight:900;font-size:16px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;}
.ba-btn:hover{transform:translateY(-2px);box-shadow:0 12px 20px rgb(37 99 235 / 0.25);}
.ba-btn:active{transform:translateY(0);}
.ba-btn[disabled]{opacity:.9;cursor:wait;}
.ba-ghost{background:transparent;border:2px solid var(--ba-border);color:var(--ba-text-muted);border-radius:14px;padding:12px 14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 160px;}
.ba-ghost:hover{border-color:var(--ba-primary);color:var(--ba-primary);box-shadow:0 1px 2px rgb(15 23 42 / 0.08);}
.ba-results{border-radius:16px;padding:24px;border:1px solid var(--ba-border);min-width:0;}
.ba-results.is-hidden{display:none;}
.ba-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.ba-results-title{margin:0;color:var(--ba-text);font-weight:900;font-size:18px;}
.ba-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:9999px;background:#eff6ff;border:1px solid rgb(37 99 235 / 0.25);color:var(--ba-primary);font-weight:900;font-size:12px;}
.ba-output{background:var(--ba-surface-muted);border-radius:14px;padding:14px;border:1px solid var(--ba-border);}
.ba-output pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:var(--ba-text);font-size:14px;line-height:1.45;}
.ba-caption{margin:10px 0 0;color:var(--ba-text-muted);font-weight:700;font-size:13px;}
.ba-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;}
@media (max-width:576px){.ba-stats{grid-template-columns:1fr;}}
.ba-stat{background:var(--ba-surface);border:1px solid var(--ba-border);border-radius:14px;padding:12px;box-shadow:0 1px 2px rgb(15 23 42 / 0.08);}
.ba-stat small{display:block;color:var(--ba-text-muted);font-weight:800;font-size:12px;margin-bottom:4px;}
.ba-stat strong{display:block;color:var(--ba-text);font-weight:700;font-size:18px;line-height:1.1;}
.ba-helper{margin-top:14px;border-radius:16px;padding:16px;border:1px solid var(--ba-border);background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);}
.ba-helper h3{margin:0 0 10px;color:var(--ba-text);font-weight:700;font-size:16px;}
.ba-helper ul{margin:0;padding-left:18px;color:var(--ba-text-muted);font-weight:400;line-height:1.5;}
.ba-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.ba-act{flex:1 1 180px;border:none;border-radius:14px;padding:12px 14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s ease,box-shadow .18s ease;}
.ba-act-copy{background:#353a45;color:#fff;}
.ba-act-share{background:var(--ba-surface);border:1px solid var(--ba-border);color:var(--ba-text);}
.ba-act:hover{transform:translateY(-1px);box-shadow:0 12px 20px rgb(15 23 42 / 0.08);}
.ba-toast{margin-top:12px;border-radius:12px;padding:10px 12px;font-weight:800;font-size:13px;display:none;}
.ba-toast.is-show{display:block;}
.ba-toast.ok{background:#ecfdf5;color:#047857;border:1px solid rgb(16 185 129 / 0.3);}
.ba-toast.bad{background:#fff7ed;color:#9a3412;border:1px solid rgb(234 88 12 / 0.3);}
.ba-modal{position:fixed;inset:0;background:rgb(15 23 42 / 0.55);display:none;align-items:center;justify-content:center;padding:18px;z-index:999;}
.ba-modal.is-open{display:flex;}
.ba-modal-card{width:min(560px,96vw);background:var(--ba-surface);border-radius:16px;border:1px solid var(--ba-border);box-shadow:0 24px 48px rgb(15 23 42 / 0.2);padding:18px;}
.ba-modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;}
.ba-modal-top h3{margin:0;font-weight:900;color:var(--ba-text);font-size:18px;}
.ba-modal-close{border:none;background:transparent;font-size:26px;line-height:1;color:var(--ba-text-muted);padding:0 6px;cursor:pointer;}
.ba-modal p{margin:0 0 12px;color:var(--ba-text-muted);font-weight:700;}
.ba-share-row{display:flex;gap:10px;align-items:center;}
.ba-share-row input{flex:1 1 auto;}
.ba-share-copy{background:var(--ba-primary);color:#fff;border:none;border-radius:14px;padding:12px 14px;font-weight:900;cursor:pointer;}
.ba-note{margin-top:12px;padding:12px;background:#f3f4f6;border-radius:12px;font-size:13px;color:var(--ba-text-muted);font-weight:700;}
.ba-edu{margin-top:22px;}
.ba-edu-card{background:var(--ba-surface);border:1px solid var(--ba-border);border-radius:20px;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 12px 24px rgb(15 23 42 / 0.06);}
.ba-edu-card h2{margin:0 0 10px;color:var(--ba-text);font-weight:700;font-size:22px;}
.ba-edu-card h3{margin:16px 0 8px;color:var(--ba-text);font-weight:700;font-size:18px;}
.ba-edu-card p{margin:0 0 12px;color:var(--ba-text-muted);font-weight:500;line-height:1.6;}
.ba-edu-card ul{margin:0 0 12px;padding-left:18px;color:var(--ba-text-muted);font-weight:750;line-height:1.6;}
.ba-edu-card dl{margin:0 0 12px;}
.ba-edu-card dt{color:var(--ba-text);font-weight:700;margin:10px 0 4px;}
.ba-edu-card dd{margin:0 0 10px;color:var(--ba-text-muted);font-weight:500;line-height:1.55;}
.ba-edu-callout{border:1px solid rgb(234 88 12 / 0.35);background:#fff7ed;border-radius:16px;padding:14px 14px;margin:14px 0;}
.ba-edu-callout strong{display:block;color:#9a3412;margin-bottom:6px;}
.ba-edu-callout p{margin:0;color:#9a3412;font-weight:750;}
.ba-link{color:var(--ba-primary);font-weight:900;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;}
.ba-link:hover{color:var(--ba-primary-dark);}