*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ── Theme tokens ── */
:root {
  color-scheme:light;
  --bg:#f4f7fa; --surf:#ffffff; --surf2:#edf1f6; --surf3:#e3e9f2;
  --bd:#ccd5e2; --bd2:#b0bdcf;
  --accent:#0071a4; --accent2:#005880;
  --text:#1a2636; --text2:#4a6075; --text3:#5c6d85;
  --ok:#007a50; --warn:#b86200; --danger:#cc1f3d;
  --focus-ring:var(--accent);
  --ui:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:var(--ui);
  --sans:var(--ui);
}
html.dark {
  color-scheme:dark;
  --bg:#080c14; --surf:#0f1520; --surf2:#161e2e; --surf3:#1c2538;
  --bd:#1e2d45; --bd2:#2a3f5f;
  --accent:#00c8ff; --accent2:#005f7a;
  --text:#e2eaf5; --text2:#8aadcc; --text3:#6b8aa8;
  --ok:#00d68f; --warn:#ffa940; --danger:#ff4d6a;
  --focus-ring:#00c8ff;
}

/* Skip link + visually hidden (WCAG) */
.skip-link{position:absolute;left:.75rem;top:-100px;z-index:500;padding:.45rem .85rem;background:var(--surf);color:var(--accent2);border:2px solid var(--accent2);border-radius:6px;font-family:var(--ui);font-size:.85rem;font-weight:600;text-decoration:none;transition:top .15s}
.skip-link:focus{top:.75rem;outline:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

html,body{background:var(--bg);color:var(--text);font-family:var(--ui);min-height:100vh;font-size:16px;line-height:1.6;transition:background .25s,color .25s}
.app{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 4rem}

/* ── Header ── */
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;border-bottom:1px solid var(--bd);padding-bottom:1rem}
.header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.header-left{display:flex;align-items:baseline;gap:.9rem}
header h1{font-family:var(--ui);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--accent)}
header .sub{font-size:.7rem;color:var(--text3);letter-spacing:.09em;text-transform:uppercase}
/* theme toggle */
.share-btn{display:flex;align-items:center;gap:.35rem;background:var(--surf2);border:1px solid var(--bd);border-radius:20px;padding:.3rem .75rem;cursor:pointer;font-family:var(--ui);font-size:.75rem;font-weight:600;color:var(--accent2);transition:all .18s;white-space:nowrap}
.share-btn:hover{border-color:var(--accent2);color:var(--accent)}
.theme-btn{display:flex;align-items:center;gap:.45rem;background:var(--surf2);border:1px solid var(--bd);border-radius:20px;padding:.3rem .75rem;cursor:pointer;font-family:var(--ui);font-size:.75rem;color:var(--text2);transition:all .18s;white-space:nowrap}
.theme-btn:hover{border-color:var(--bd2);color:var(--text)}
.theme-icon{font-size:.9rem;line-height:1}

/* ── Focus visible (2.4.7) ── */
.share-btn:focus-visible,.theme-btn:focus-visible,.top-tab:focus-visible,.seg-toggle button:focus-visible,.wt-method-btn:focus-visible,.mode-toggle button:focus-visible,.btn:focus-visible,.btn-sm:focus-visible,.btn-danger:focus-visible,.btn-icon:focus-visible,.combo-clear:focus-visible,.preset-pill .pcust:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.top-tab:focus-visible{outline-offset:-2px}
.combo-opt.focused{outline:2px solid var(--focus-ring);outline-offset:-2px}

/* ── Shared panel ── */
.shared-panel{background:var(--surf);border:1px solid var(--bd);border-radius:10px;padding:1.1rem 1.25rem;margin-bottom:1.25rem}
.shared-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.hl-fields-row{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bd2)}
@media(max-width:760px){.shared-grid{grid-template-columns:1fr}}

/* ── Top tabs ── */
.top-tabs{display:flex;gap:0;border:1px solid var(--bd);border-radius:8px;overflow:hidden;margin-bottom:1.25rem;width:fit-content}
.top-tab{background:transparent;border:none;color:var(--text2);font-family:var(--ui);font-size:.8rem;padding:.48rem 1.2rem;cursor:pointer;transition:all .15s;letter-spacing:.02em;white-space:nowrap}
.top-tab.active{background:var(--accent2);color:#fff}
.top-tab:not(.active):hover{background:var(--surf2);color:var(--text)}

/* ── Layout ── */
.tab-layout{display:grid;grid-template-columns:320px 1fr;gap:1.25rem;align-items:start}
@media(max-width:840px){.tab-layout{grid-template-columns:1fr}}
.left-col{display:flex;flex-direction:column;gap:.9rem}

/* ── Panel ── */
.panel{background:var(--surf);border:1px solid var(--bd);border-radius:10px;padding:1.05rem 1.1rem}
.ptitle,.panel h2.ptitle{font-family:var(--ui);font-size:.63rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--text3);margin:0 0 .7rem}

/* ── Fields ── */
.field{margin-bottom:.68rem}
.field label,.field-label{display:block;font-size:.63rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);margin-bottom:.22rem}
.fi{width:100%;background:var(--bg);border:1px solid var(--bd);border-radius:6px;color:var(--text);font-family:var(--ui);font-size:.83rem;padding:.38rem .62rem;transition:border-color .15s;outline:none;-webkit-appearance:none;appearance:none;color-scheme:light dark}
.fi:focus-visible{border-color:var(--accent2);box-shadow:0 0 0 2px rgba(0,113,164,.22)}
html.dark .fi:focus-visible{box-shadow:0 0 0 2px rgba(0,200,255,.35)}
select.fi{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235c6d85'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .62rem center;padding-right:1.75rem}
html.dark select.fi{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b8aa8'/%3E%3C/svg%3E")}
textarea.fi{resize:vertical;min-height:100px;line-height:1.72;font-size:.8rem}
.field-row{display:flex;gap:.38rem}.field-row .field{flex:1}.field-row .field.narrow{max-width:86px}

/* ── Combo ── */
.combo-wrap{position:relative}
.combo-input-row{display:flex;align-items:center;gap:.38rem}
.combo-input-row input{flex:1}.combo-input-row input.fi{}
.combo-clear{background:none;border:none;color:var(--text3);cursor:pointer;font-size:.78rem;padding:.18rem .28rem;line-height:1;transition:color .12s;flex-shrink:0}
.combo-clear:hover{color:var(--danger)}
.combo-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surf2);border:1px solid var(--bd2);border-radius:8px;z-index:200;max-height:230px;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.15);display:none}
html.dark .combo-dropdown{box-shadow:0 8px 24px rgba(0,0,0,.5)}
.combo-dropdown.open{display:block}
.combo-empty-msg{padding:.48rem .68rem;font-size:.77rem;color:var(--text2)}
.combo-sec{font-size:.59rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);padding:.32rem .68rem .12rem;pointer-events:none}
.combo-opt{padding:.36rem .68rem;cursor:pointer;transition:background .1s;display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}
.combo-opt:hover,.combo-opt.focused{background:var(--surf3)}
.combo-opt[aria-selected="true"]{background:var(--surf3)}
.combo-opt-name{font-size:.8rem;color:var(--text)}
.combo-opt-meta{font-size:.66rem;color:var(--text3);white-space:nowrap}
.preset-pill{display:flex;align-items:center;gap:.48rem;background:var(--surf2);border:1px solid var(--bd2);border-radius:6px;padding:.32rem .62rem;margin-top:.32rem;font-size:.7rem}
.preset-pill .pname{color:var(--accent);font-weight:500}
.preset-pill .pmeta{color:var(--text2);flex:1}
.preset-pill .pcust{background:none;border:none;color:var(--text3);font-family:var(--ui);font-size:.66rem;cursor:pointer;text-decoration:underline;padding:0;transition:color .12s}
.preset-pill .pcust:hover{color:var(--accent)}
.hl-override{background:var(--surf3);border:1px solid var(--bd2);border-radius:6px;padding:.48rem .62rem;margin-top:.32rem;animation:fIn .15s ease}

/* ── Dosing ── */
.seg-toggle{display:flex;background:var(--bg);border:1px solid var(--bd);border-radius:6px;overflow:hidden;margin-bottom:.68rem}
.seg-toggle button{flex:1;background:transparent;border:none;color:var(--text2);font-family:var(--ui);font-size:.71rem;padding:.33rem 0;cursor:pointer;transition:all .15s}
.seg-toggle button.active{background:var(--surf2);color:var(--text);border-bottom:2px solid var(--accent2)}
.calc-box{background:var(--surf2);border:1px solid var(--bd);border-radius:6px;padding:.42rem .62rem;margin-bottom:.68rem}
.calc-label{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:.12rem}
.calc-val{
  font-family:var(--ui);
  font-size:1rem;
  font-weight:650;
  color:var(--accent);
  letter-spacing:0;
  font-variant-numeric:tabular-nums;
}
.calc-val .u{font-size:.7rem;color:var(--text2);font-weight:400;margin-left:.18rem}
.wt-method-row{display:flex;gap:.3rem;margin-bottom:.68rem;flex-wrap:wrap}
.wt-method-btn{flex:1;min-width:70px;background:transparent;border:1px solid var(--bd);border-radius:6px;color:var(--text2);font-family:var(--ui);font-size:.7rem;padding:.3rem .4rem;cursor:pointer;transition:all .15s;text-align:center}
.wt-method-btn.active{background:var(--surf2);border-color:var(--accent2);color:var(--text)}
.ibw-result-row{display:flex;gap:.5rem;margin-bottom:.68rem;flex-wrap:wrap}
.ibw-chip{flex:1;min-width:110px;background:var(--surf2);border:1px solid var(--bd);border-radius:6px;padding:.35rem .6rem}
.ibw-chip-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text3);margin-bottom:.08rem}
.ibw-chip-val{font-size:.88rem;font-weight:500;color:var(--text)}
.ibw-chip-val.used{color:var(--accent)}

/* ── Time row ── */
.time-row{display:flex;align-items:center;gap:.52rem;margin-top:-.15rem;margin-bottom:.68rem}
.time-row label{display:flex;align-items:center;gap:.32rem;font-size:.65rem;color:var(--text2);cursor:pointer;user-select:none}
.time-row input[type=checkbox]{width:12px;height:12px;accent-color:var(--accent2);cursor:pointer}
.dose-time-input-hidden{display:none!important}
.fi-like-time{background:var(--bg);border:1px solid var(--bd);border-radius:5px;color:var(--text);font-family:var(--mono);font-size:.79rem;padding:.24rem .48rem;outline:none;color-scheme:light dark;transition:border-color .15s;width:100px}
.time-row input[type=time]{background:var(--bg);border:1px solid var(--bd);border-radius:5px;color:var(--text);font-family:var(--ui);font-size:.79rem;padding:.24rem .48rem;outline:none;color-scheme:light dark;transition:border-color .15s;width:100px}
.time-row input[type=time].fi-like-time{font-family:var(--mono)}
.time-row input[type=time]:focus-visible{border-color:var(--accent2);box-shadow:0 0 0 2px rgba(0,113,164,.22)}
html.dark .time-row input[type=time]:focus-visible{box-shadow:0 0 0 2px rgba(0,200,255,.35)}

/* ── Schedule mode ── */
.mode-toggle{display:flex;background:var(--bg);border:1px solid var(--bd);border-radius:7px;overflow:hidden;margin-bottom:.78rem}
.mode-toggle button{flex:1;background:transparent;border:none;color:var(--text2);font-family:var(--ui);font-size:.7rem;padding:.34rem 0;cursor:pointer;transition:all .15s}
.mode-toggle button.active{background:var(--accent2);color:#fff}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;background:var(--accent2);color:#fff;border:none;border-radius:6px;font-family:var(--ui);font-size:.78rem;font-weight:600;letter-spacing:.04em;padding:.46rem .9rem;cursor:pointer;transition:background .15s,transform .1s;width:100%;margin-top:.28rem}
.btn:hover{background:var(--accent)}.btn:active{transform:scale(.98)}
.btn-sm{background:transparent;border:1px solid var(--bd);border-radius:6px;color:var(--text2);font-family:var(--ui);font-size:.69rem;padding:.23rem .56rem;cursor:pointer;transition:all .15s;white-space:nowrap}
.btn-sm:hover{border-color:var(--bd2);background:var(--surf2);color:var(--text)}
.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(204,31,61,.3);border-radius:6px;font-family:var(--ui);font-size:.69rem;padding:.23rem .56rem;cursor:pointer;transition:all .15s}
.btn-danger:hover{background:rgba(204,31,61,.08)}
html.dark .btn-danger{border-color:rgba(255,77,106,.3)}
html.dark .btn-danger:hover{background:rgba(255,77,106,.08)}
.btn-icon{background:transparent;border:none;color:var(--text3);font-size:.74rem;cursor:pointer;padding:.08rem .2rem;line-height:1;transition:color .12s}
.btn-icon:hover{color:var(--accent)}.btn-icon.del:hover{color:var(--danger)}
.btn-row{display:flex;gap:.36rem;flex-wrap:wrap;margin-top:.6rem}

/* ── Dose list ── */
.dose-list{margin-top:.58rem;display:flex;flex-direction:column;gap:.22rem;max-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bd2) transparent}
.dose-item{display:flex;align-items:center;justify-content:space-between;background:var(--surf2);border:1px solid var(--bd);border-radius:6px;padding:.25rem .48rem .25rem .58rem;animation:fIn .17s ease}
.dose-edit-row{display:flex;gap:.32rem;align-items:center;padding:.25rem .45rem;background:var(--surf3);border:1px solid var(--accent2);border-radius:6px;animation:fIn .15s ease}
.dose-edit-row input[type=date],.dose-edit-row input[type=number]{background:var(--bg);border:1px solid var(--bd);border-radius:5px;color:var(--text);font-family:var(--ui);font-size:.79rem;padding:.26rem .48rem;outline:none;color-scheme:light dark;transition:border-color .15s}
.dose-edit-row input[type=date]{flex:1}.dose-edit-row input[type=number]{width:78px}
.dose-edit-row input:focus-visible{border-color:var(--accent2);box-shadow:0 0 0 2px rgba(0,113,164,.22)}
html.dark .dose-edit-row input:focus-visible{box-shadow:0 0 0 2px rgba(0,200,255,.35)}
.dose-edit-actions{display:flex;gap:.22rem;flex-shrink:0}
.dose-amt{font-size:.79rem;font-weight:500;color:var(--accent)}
.dose-dt{font-size:.65rem;color:var(--text2)}
.dose-actions{display:flex;gap:.08rem;flex-shrink:0}
.gap-badge{display:inline-flex;align-items:center;gap:.2rem;font-size:.61rem;color:var(--warn);background:rgba(184,98,0,.1);border:1px solid rgba(184,98,0,.25);border-radius:4px;padding:.04rem .34rem;margin:.09rem 0}
html.dark .gap-badge{background:rgba(255,169,64,.1);border-color:rgba(255,169,64,.25);color:var(--warn)}
.dose-empty{font-size:.72rem;color:var(--text3);text-align:center;padding:.58rem 0;font-style:italic}
.dose-count{display:inline-block;background:var(--accent2);color:#fff;font-size:.6rem;font-weight:600;border-radius:10px;padding:.05rem .38rem;margin-left:.34rem;vertical-align:middle}

/* ── Parse result ── */
.parse-result{font-size:.69rem;margin-top:.33rem;color:var(--text2);min-height:1em}
.ok{color:var(--ok)}.bad{color:var(--danger)}.warn-text{color:var(--warn)}

/* ── Day checks ── (checkbox remains focusable, styled via clip) */
.day-checks{display:flex;gap:.24rem;flex-wrap:wrap;margin-top:.34rem}
.day-check{position:relative;cursor:pointer;user-select:none;display:inline-flex;align-items:stretch}
.day-check input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.day-check span{position:relative;display:inline-block;padding:.14rem .38rem;border:1px solid var(--bd);border-radius:5px;font-size:.66rem;color:var(--text2);transition:all .12s;pointer-events:none}
.day-check input:checked + span{background:var(--accent2);border-color:var(--accent2);color:#fff}
.day-check input:focus-visible + span{outline:2px solid var(--focus-ring);outline-offset:2px}

/* ── Chart options ── */
.opt-row{display:flex;align-items:center;justify-content:space-between;padding:.33rem 0;border-bottom:1px solid var(--bd)}
.opt-row:last-child{border-bottom:none}
.opt-label{font-size:.72rem;color:var(--text2)}
.opt-sub{font-size:.61rem;color:var(--text3);display:block}
.toggle{position:relative;width:30px;height:16px;flex-shrink:0}
.toggle input{position:absolute;opacity:0;width:30px;height:16px;margin:0;cursor:pointer;z-index:2}
.toggle-slider{position:absolute;inset:0;background:var(--bd2);border-radius:16px;cursor:pointer;transition:background .2s;pointer-events:none}
.toggle input:focus-visible + .toggle-slider{outline:2px solid var(--focus-ring);outline-offset:2px}
.toggle-slider::before{content:'';position:absolute;width:10px;height:10px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}
.toggle input:checked + .toggle-slider{background:var(--accent2)}
.toggle input:checked + .toggle-slider::before{transform:translateX(14px)}

/* ── Stats ── */
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.58rem;margin-bottom:.82rem}
.stat-card{background:var(--surf);border:1px solid var(--bd);border-radius:8px;padding:.6rem .82rem}
.stat-label{font-size:.61rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:.16rem}
.stat-value{font-family:var(--ui);font-size:1rem;font-weight:600;color:var(--text);letter-spacing:-.02em}
.stat-value.accent{color:var(--accent)}.stat-value.ok{color:var(--ok)}

/* ── Chart ── */
.chart-panel{background:var(--surf);border:1px solid var(--bd);border-radius:10px;padding:1.05rem 1.05rem .8rem}
.chart-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.78rem;gap:.5rem;flex-wrap:wrap}
.chart-hints{display:flex;flex-direction:column;align-items:flex-end;gap:.08rem}
.chart-hint{font-size:.58rem;color:var(--text3)}
.chart-wrap{position:relative;width:100%;height:340px}
#medChart:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:4px}
.chart-controls{display:flex;gap:.4rem;margin-top:.52rem;justify-content:flex-end}
.empty-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:340px;gap:.6rem;color:var(--text3)}
.empty-chart .icon{font-size:1.9rem;opacity:.2}
.empty-chart p{font-size:.77rem;text-align:center}

/* ── Infusion ── */
.inf-layout{display:grid;grid-template-columns:300px 1fr;gap:1.25rem;align-items:start}
@media(max-width:820px){.inf-layout{grid-template-columns:1fr}}
.rate-table{width:100%;border-collapse:collapse;margin-bottom:.45rem}
.rate-table th{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);text-align:left;padding:.28rem .45rem .28rem 0;border-bottom:1px solid var(--bd)}
.rate-table td{padding:.26rem .4rem .26rem 0;vertical-align:middle}
.rate-table input[type=number]{background:var(--bg);border:1px solid var(--bd);border-radius:5px;color:var(--text);font-family:var(--ui);font-size:.8rem;padding:.26rem .42rem;outline:none;color-scheme:light dark;transition:border-color .15s;width:100%}
.rate-table input[type=number]:focus-visible{border-color:var(--accent2);box-shadow:0 0 0 2px rgba(0,113,164,.22)}
html.dark .rate-table input[type=number]:focus-visible{box-shadow:0 0 0 2px rgba(0,200,255,.35)}
.rate-table .col-rate{width:88px}.rate-table .col-dur{width:94px}.rate-table .col-del{width:26px;text-align:center}
.row-rest-badge{font-size:.72rem;font-weight:600;color:#3d2600;background:#ffe8c8;border:1px solid #a66f14;border-radius:4px;padding:.12rem .42rem;white-space:nowrap}
html.dark .row-rest-badge{color:#fff4e6;background:#4a320c;border:1px solid #d9a54a}
.inf-result-panel{background:var(--surf);border:1px solid var(--bd);border-radius:10px;padding:1.05rem}
.inf-summary{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:.9rem}
.inf-stat{background:var(--surf2);border:1px solid var(--bd);border-radius:7px;padding:.5rem .75rem}
.inf-stat-label{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:.13rem}
.inf-stat-value{font-family:var(--ui);font-size:1rem;font-weight:600;color:var(--accent);letter-spacing:-.01em}
.inf-steps-table{width:100%;border-collapse:collapse;font-size:.77rem}
.inf-steps-table th{font-size:.59rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);text-align:left;padding:.26rem .45rem .26rem 0;border-bottom:1px solid var(--bd)}
.inf-steps-table td{padding:.3rem .45rem .3rem 0;border-bottom:1px solid var(--bd);color:var(--text2)}
.inf-steps-table td:first-child{color:var(--text3);font-size:.68rem}
.inf-steps-table tr:last-child td{border-bottom:none}
.inf-steps-table .hi{color:var(--text);font-weight:500}
.inf-bar{height:19px;border-radius:5px;overflow:hidden;display:flex;margin-bottom:.9rem;gap:1px}
.inf-bar-seg{height:100%;display:flex;align-items:center;justify-content:center;font-size:.57rem;color:#fff;font-weight:600;min-width:0;overflow:hidden;transition:width .3s;text-shadow:0 0 2px rgba(0,0,0,.45)}
.inf-empty{text-align:center;color:var(--text3);font-size:.78rem;padding:2.5rem 1rem}

/* ── Misc ── */
.divider{border:none;border-top:1px solid var(--bd);margin:.75rem 0}
.disclaimer{font-size:.59rem;color:var(--text3);line-height:1.5;margin-top:.42rem;padding:.42rem .58rem;background:var(--surf2);border-radius:6px;border-left:2px solid var(--bd2)}
@keyframes fIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:2px}