/* HTTPfy design system: dark, mono-accented toolbox UI */
:root{
  --bg:#0A0D12;--surface:#10141B;--surface-2:#121821;--hover:#131924;--raise:#151A23;
  --line:#1B212C;--border:#222936;--border-2:#2B3443;--border-3:#3A4558;
  --text:#E8ECF2;--muted:#9AA4B2;--dim:#7C8696;
  --accent:#5EEAB5;--accent-hi:#8FF3CD;--accent-ink:#06231A;--accent-wash:#1B2A28;
  --warn:#F5B94A;--warn-line:#5A4520;--danger:#F87171;--danger-line:#5A2626;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:"Space Grotesk",Inter,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
body>main,.hf-page{flex:1 0 auto}
a{color:var(--accent)}a:hover{color:var(--accent-hi)}
::placeholder{color:var(--dim);opacity:1}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
::selection{background:rgba(94,234,181,.25)}
h1,h2,h3,h4,h5,h6{font-family:var(--display);color:var(--text);letter-spacing:-.01em;line-height:1.2}
code,kbd,pre,samp{font-family:var(--mono)}
img{max-width:100%}
hr{border:0;border-top:1px solid var(--line);opacity:1}

/* motion */
@keyframes hf-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes hf-breathe{0%,100%{opacity:.35}50%{opacity:.7}}
@keyframes hf-pulse{0%{box-shadow:0 0 0 0 rgba(94,234,181,.5)}100%{box-shadow:0 0 0 8px rgba(94,234,181,0)}}
@keyframes hf-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes hf-spin{to{transform:rotate(360deg)}}
.rise{animation:hf-rise .5s cubic-bezier(.2,.7,.2,1) both}
.d1{animation-delay:.06s}.d2{animation-delay:.12s}.d3{animation-delay:.18s}.d4{animation-delay:.24s}
.glow{animation:hf-breathe 6s ease-in-out infinite}
.dot{animation:hf-pulse 2s ease-out infinite}
.spin{animation:hf-spin .7s linear infinite}
.skel{background:linear-gradient(90deg,#151A23 25%,#1F2632 50%,#151A23 75%);background-size:200% 100%;animation:hf-shimmer 1.2s linear infinite;border-radius:5px;height:18px}
.grid>*{animation:hf-rise .4s cubic-bezier(.2,.7,.2,1) both}
.grid>*:nth-child(2){animation-delay:.03s}.grid>*:nth-child(3){animation-delay:.06s}.grid>*:nth-child(4){animation-delay:.09s}
.grid>*:nth-child(5){animation-delay:.12s}.grid>*:nth-child(6){animation-delay:.15s}.grid>*:nth-child(7){animation-delay:.18s}
.grid>*:nth-child(8){animation-delay:.21s}.grid>*:nth-child(n+9){animation-delay:.24s}
.rows>*{animation:hf-rise .35s cubic-bezier(.2,.7,.2,1) both}
.rows>*:nth-child(2){animation-delay:.05s}.rows>*:nth-child(3){animation-delay:.1s}.rows>*:nth-child(4){animation-delay:.15s}.rows>*:nth-child(n+5){animation-delay:.2s}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* layout */
.hf-wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.hf-page{max-width:1200px;width:100%;margin:0 auto;padding:28px 24px 64px}
.hf-page.narrow{max-width:860px}
.hf-split{display:flex;flex-wrap:wrap;gap:32px}
.hf-split>.hf-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:24px}
.hf-split>.hf-aside{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:16px}
.hf-stack{display:flex;flex-direction:column;gap:24px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* header */
.hf-header{border-bottom:1px solid var(--line)}
.hf-header .hf-wrap{padding-top:14px;padding-bottom:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px}
.hf-brand{display:flex;align-items:center;gap:10px;min-height:44px;font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--text);text-decoration:none}
.hf-brand:hover{color:var(--text)}
.hf-mark{width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;font-weight:500}
.hf-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;font-size:14px}
.navlink{color:var(--muted);text-decoration:none;transition:color .15s ease;min-height:44px;display:flex;align-items:center}
.navlink:hover,.navlink[aria-current="page"]{color:var(--text)}
.hf-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--dim)}
.hf-crumbs .navlink{min-height:0;display:inline}
.hf-crumbs .here{color:var(--muted)}

/* footer */
.hf-footer{border-top:1px solid var(--line);margin-top:auto}
.hf-footer .hf-wrap{padding-top:32px;padding-bottom:40px;display:flex;flex-direction:column;gap:28px;font-size:14px;color:var(--muted)}
.hf-footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 48px}
.hf-footer-brand{display:flex;flex-direction:column;gap:6px;max-width:360px}
.hf-footer-brand b{font-family:var(--display);font-weight:700;font-size:16px;color:var(--text)}
.hf-footer nav{display:flex;flex-wrap:wrap;gap:4px 28px;align-items:center}
.hf-dir{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px 24px;font-size:13px}
.hf-dir a{color:var(--dim);text-decoration:none;padding:4px 0;transition:color .15s ease}
.hf-dir a:hover{color:var(--text)}
.hf-legal{font-size:12.5px;color:var(--dim)}

/* type */
.hf-h1{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(30px,5vw,40px);line-height:1.1;letter-spacing:-.02em}
.hf-h2{margin:0;font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:-.01em}
.hf-lede{margin:0;color:var(--muted);max-width:620px}
.hf-muted{color:var(--muted)}.hf-dim{color:var(--dim)}
.hf-mono{font-family:var(--mono)}

/* surfaces */
.hf-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px}
.hf-panel.pad{padding:20px}
.hf-dashed{border:1px dashed var(--border-2);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.hf-empty{margin:0;color:var(--muted);border:1px dashed var(--border-2);border-radius:12px;padding:24px;text-align:center}
.hf-tag{font-family:var(--mono);font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:1px 6px;white-space:nowrap}
.hf-badge{font-family:var(--mono);font-size:12px;color:var(--accent-ink);background:var(--accent);border-radius:5px;padding:1px 7px}
.hf-badge.warn{color:var(--warn);background:transparent;border:1px solid var(--warn-line);font-family:var(--sans)}
.hf-pillbox{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 12px}
.hf-pillbox .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}

/* cards */
.hf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px}
.card-t{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:124px;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}
.card-t.pinned{background:var(--surface-2);border-color:var(--border-2)}
.card-t:hover{transform:translateY(-2px);border-color:var(--border-3);background:var(--hover)}
.card-t .top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.card-t .ttl{display:flex;align-items:center;gap:8px}
.card-t .go{color:var(--accent);font-family:var(--mono);transition:transform .2s ease,opacity .2s ease;opacity:0;transform:translateX(-4px)}
.card-t:hover .go{opacity:1;transform:none}
.card-t p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.45}
.card-link{color:var(--text);text-decoration:none;font-weight:600;font-size:15px}
.card-link:hover{color:var(--text)}
.card-link::after{content:"";position:absolute;inset:0;border-radius:12px}
.star{position:relative;z-index:1;width:44px;height:44px;margin:-12px -12px -12px 0;background:transparent;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--dim);transition:color .15s ease,transform .15s ease}
.star:hover{color:var(--text);transform:scale(1.1)}
.star.on{color:var(--warn)}.star.on svg{fill:var(--warn)}

/* chips / pills / buttons */
.chip{min-height:44px;padding:0 12px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-family:var(--mono);font-size:12.5px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.chip:hover{border-color:var(--border-3);color:var(--text)}
.chip.cat{border-radius:999px;padding:0 16px;font-family:var(--sans);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}
.chip.cat .n{font-family:var(--mono);font-size:12px;opacity:.75}
.chip.cat[aria-pressed="true"]{background:var(--text);color:var(--bg);border-color:var(--text)}
.pill{min-width:56px;height:44px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:var(--mono);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.pill:hover{border-color:var(--border-3)}
.pill[aria-pressed="true"]{background:var(--accent-wash);color:var(--accent);border-color:var(--accent)}
.seg{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:3px;gap:2px}
.seg button{height:38px;padding:0 12px;border-radius:6px;border:0;background:transparent;color:var(--muted);font-family:var(--sans);font-size:13px;font-weight:500;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--border);color:var(--text)}
.btn-run,.default-btn,.btn-primary,.btn-success{height:48px;padding:0 22px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:10px;font-family:var(--sans);font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;transition:transform .12s ease,background-color .15s ease}
.btn-run:hover,.default-btn:hover,.btn-primary:hover,.btn-success:hover{background:var(--accent-hi);color:var(--accent-ink)}
.btn-run:active{transform:scale(.97)}
.btn-run:disabled{opacity:.7;cursor:progress}
.btn-run kbd{font-family:var(--mono);font-size:12px;border:1px solid rgba(6,35,26,.35);border-radius:5px;padding:0 5px;background:transparent;color:inherit}
.ghost,.btn-secondary,.btn-outline-primary,.btn-light,.copy-btn{height:44px;padding:0 14px;background:transparent;border:1px solid var(--border);border-radius:9px;color:var(--muted);font-family:var(--sans);font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.ghost:hover,.btn-secondary:hover,.btn-outline-primary:hover,.btn-light:hover,.copy-btn:hover{background:var(--raise);border-color:var(--border-3);color:var(--text)}
.btn-danger{background:transparent;border:1px solid var(--danger-line);color:var(--danger);border-radius:9px}
.btn-sm{height:34px;padding:0 10px;font-size:12.5px}

/* fields */
.field{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;background:var(--bg);border:1px solid var(--border-2);border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease}
.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(94,234,181,.12)}
.field .pr{font-family:var(--mono);color:var(--accent)}
.field input,.field select,.field textarea{flex:1;min-width:0;height:46px;background:transparent;border:0;color:var(--text);font-family:var(--mono);font-size:15px;outline:none}
.field.area{align-items:flex-start;padding:12px 14px}
.field.area textarea{height:auto;min-height:180px;resize:vertical;line-height:1.55;font-size:14px}
.field select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%239AA4B2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right center}
.field select option{background:var(--surface);color:var(--text)}
.hf-label{font-size:13px;color:var(--muted);font-weight:500}
.hf-fieldset{display:flex;flex-direction:column;gap:6px;min-width:0}

/* tool form */
.hf-form{display:flex;flex-direction:column;gap:16px}
.hf-form .row1{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.hf-form .row1>.hf-fieldset{flex:1 1 280px}
.hf-form .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px}
.hf-form .fields .wide{grid-column:1/-1}
.hf-pills{display:flex;flex-wrap:wrap;gap:6px}

/* result panel */
.hf-result{overflow:hidden}
.hf-result .bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:12px 12px 12px 20px;border-bottom:1px solid var(--border)}
.hf-result .bar .l{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}
.hf-result .bar .r{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.hf-result .bar .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.hf-result .bar .dot.idle{background:var(--border-3);animation:none}
.hf-result .bar .dot.err{background:var(--danger);animation:none}
.hf-result .subj{font-family:var(--mono);font-size:14px;overflow-wrap:anywhere}
.hf-result .sum{font-size:13px;color:var(--muted)}
.hf-out{margin:0;min-height:180px;padding:20px;overflow-x:auto;font-family:var(--mono);font-size:13.5px;line-height:1.6;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}
.hf-out:empty::before{content:attr(data-empty);color:var(--dim);font-family:var(--sans)}
.hf-out img{background:#fff;padding:8px;border-radius:8px;max-width:100%}
.hf-out table{white-space:normal}
.hf-out a{overflow-wrap:anywhere}
.hf-out.err{color:var(--danger)}
.hf-table{min-width:520px;font-family:var(--mono);font-size:13.5px}
.hf-table .hd,.hf-table .rw{display:grid;grid-template-columns:var(--cols,2fr 72px 4fr);gap:16px;padding:13px 20px;border-bottom:1px solid var(--line);align-items:baseline}
.hf-table .hd{padding:10px 20px;color:var(--dim);font-size:12px}
.hf-table .rw{transition:background-color .15s ease}
.hf-table .rw:hover{background:var(--hover)}
.hf-table .rw span{overflow-wrap:anywhere}
.hf-table .ty{color:var(--accent)}

/* keep going */
.next{min-height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);font-size:14px;color:var(--text);text-decoration:none;transition:background-color .15s ease}
.next:hover{background:var(--raise);color:var(--text)}
.next .go{font-family:var(--mono);color:var(--dim);transition:transform .2s ease,color .2s ease}
.next:hover .go{transform:translateX(3px);color:var(--accent)}

/* article / accordion content */
.hf-prose{color:var(--muted);max-width:720px}
.hf-prose h1,.hf-prose h2,.hf-prose h3,.hf-prose h4{margin:28px 0 10px}
.hf-prose h2{font-size:20px}.hf-prose h3{font-size:17px}.hf-prose h4{font-size:16px}
.hf-prose p,.hf-prose ul,.hf-prose ol{margin:0 0 14px}
.hf-prose li{margin-bottom:6px}
.hf-prose strong,.hf-prose b{color:var(--text);font-weight:600}
.hf-prose code{background:var(--raise);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:.9em;color:var(--text)}
.hf-prose pre{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;overflow-x:auto;color:var(--text)}
.hf-prose pre code{background:none;border:0;padding:0}
.hf-prose table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:14px}
.hf-prose th,.hf-prose td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left}
.hf-prose th{color:var(--text)}
.hf-prose blockquote{margin:0 0 14px;padding-left:14px;border-left:2px solid var(--accent)}
.hf-prose img{border-radius:10px}
.hf-acc details{border-top:1px solid var(--line)}
.hf-acc details:last-child{border-bottom:1px solid var(--line)}
.hf-acc summary{cursor:pointer;list-style:none;min-height:52px;display:flex;align-items:center;gap:12px;font-weight:500;color:var(--text)}
.hf-acc summary::-webkit-details-marker{display:none}
.hf-acc summary h2,.hf-acc summary h3{margin:0;font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:0}
.hf-acc .chev{font-family:var(--mono);color:var(--dim);transition:transform .2s ease}
.hf-acc details[open] .chev{transform:rotate(90deg)}
.hf-acc .body{padding:0 0 18px 24px;color:var(--muted);max-width:680px}
.hf-acc details[open] .body{animation:hf-rise .3s ease both}
.hf-acc .body>*:first-child{margin-top:0}
.hf-acc .body p,.hf-acc .body ul,.hf-acc .body ol{margin:0 0 12px}
.hf-acc .body strong{color:var(--text);font-weight:600}

/* pagination */
.pagination,.hf-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:24px 0;list-style:none;margin:0}
.page-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.pagination a,.pagination span,.hf-pager a,.hf-pager span,.page-link{min-width:44px;height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;color:var(--muted);text-decoration:none;font-family:var(--mono);font-size:13px;background:transparent}
.pagination a:hover,.hf-pager a:hover,.page-link:hover{border-color:var(--border-3);color:var(--text);background:transparent}
.pagination span,.hf-pager .cur,.page-item.active .page-link{background:var(--accent-wash);border-color:var(--accent);color:var(--accent)}
.page-item.disabled .page-link{opacity:.4;background:transparent;border-color:var(--border)}

/* toast */
.hf-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--surface-2);border:1px solid var(--border-2);color:var(--text);padding:10px 16px;border-radius:10px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1000;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.hf-toast.show{opacity:1;transform:translate(-50%,0)}

/* ---- Bootstrap component re-skin (used by secondary pages) ---- */
.container{max-width:1200px;padding-left:24px;padding-right:24px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--text)}
.card-header{background:transparent!important;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--display);font-weight:600;padding:14px 20px}
.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5{margin:0;font-size:16px}
.card-body{padding:20px;color:var(--muted)}
.card-title{color:var(--text)}.card-text{color:var(--muted)}
.card-footer{background:transparent;border-top:1px solid var(--border)}
.list-group{border-radius:12px;--bs-list-group-bg:transparent}
.list-group-item{background:transparent;border-color:var(--line);color:var(--muted);padding:12px 16px}
.list-group-item strong,.list-group-item b{color:var(--text)}
a.list-group-item:hover,.list-group-item-action:hover{background:var(--hover);color:var(--text)}
.table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-striped-bg:rgba(255,255,255,.02);--bs-table-hover-bg:var(--hover);--bs-table-border-color:var(--line);color:var(--text);font-size:14px}
.table>:not(caption)>*>*{background:transparent;color:inherit;border-bottom-color:var(--line);padding:10px 12px}
.table thead th,.thead-light th{color:var(--dim);font-weight:500;font-size:12.5px;background:transparent!important;border-bottom:1px solid var(--border)}
.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:rgba(255,255,255,.02);color:var(--text)}
.form-control,.form-select{background:var(--bg);border:1px solid var(--border-2);border-radius:10px;color:var(--text);font-family:var(--mono);font-size:15px;min-height:48px;padding:10px 14px}
.form-control:focus,.form-select:focus{background:var(--bg);color:var(--text);border-color:var(--accent);box-shadow:0 0 0 4px rgba(94,234,181,.12)}
.form-label{font-size:13px;color:var(--muted);font-weight:500}
.alert{border-radius:12px;border:1px solid var(--border-2);background:var(--surface);color:var(--muted)}
.alert-info{border-color:#1F3A4A;color:#9BCBE6;background:#0F1A22}
.alert-danger{border-color:var(--danger-line);color:var(--danger);background:#1A1012}
.alert-success{border-color:#1F4A3A;color:var(--accent);background:var(--accent-wash)}
.alert-warning{border-color:var(--warn-line);color:var(--warn);background:#1A160E}
.badge{font-family:var(--mono);font-weight:500;border-radius:5px}
.bg-primary{background:var(--accent)!important;color:var(--accent-ink)!important}
.bg-secondary{background:var(--border)!important;color:var(--text)!important}
.bg-success{background:var(--accent-wash)!important;color:var(--accent)!important}
.bg-danger{background:#2A1416!important;color:var(--danger)!important}
.bg-warning{background:#2A2210!important;color:var(--warn)!important}
.bg-info{background:#12232E!important;color:#9BCBE6!important}
.bg-light,.bg-white{background:var(--surface)!important;color:var(--text)!important}
.text-muted{color:var(--dim)!important}
.text-dark,.text-black{color:var(--text)!important}
.text-primary{color:var(--accent)!important}
.text-success{color:var(--accent)!important}
.text-danger{color:var(--danger)!important}
.modal-content{background:var(--surface);border:1px solid var(--border);color:var(--text)}
.nav-tabs{border-bottom-color:var(--border)}
.nav-tabs .nav-link{color:var(--muted);border:0}
.nav-tabs .nav-link.active{background:transparent;color:var(--text);border-bottom:2px solid var(--accent)}
.accordion{--bs-accordion-bg:transparent;--bs-accordion-color:var(--text);--bs-accordion-border-color:var(--line);--bs-accordion-btn-color:var(--text);--bs-accordion-active-bg:var(--hover);--bs-accordion-active-color:var(--text)}
.hf-form .fields .field input,.hf-form .fields .field select{font-size:14px}
@media (max-width:640px){.hf-page{padding-top:20px}.hf-form .row1 .btn-run{width:100%}.hf-result .bar{padding-left:16px}}