.copytarget{position:relative!important;padding-top:52px!important}
.copybtn{position:absolute;top:10px;right:10px;z-index:20;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #c9a24a;border-radius:999px;background:#fff;color:#14213d;font:600 15px/1 "Public Sans",system-ui,sans-serif;cursor:pointer;transform-origin:top right;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.copybtn:hover{background:#faf1d9}
.copybtn.done{background:#14213d;color:#fff;border-color:#14213d}
.slidev-code-copy{display:none!important}

#page-root{height:calc(100dvh - 60px)!important;max-height:calc(100dvh - 60px)!important}
#navbar-wrap{position:fixed;left:0;right:0;bottom:0;height:60px;z-index:30;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 12px;background:#14213d;box-sizing:border-box}
#navbar-wrap button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:104px;height:44px;padding:0 18px;border:0;border-radius:999px;background:#fff;color:#14213d;font:700 17px/1 "Public Sans",system-ui,sans-serif;cursor:pointer}
#navbar-wrap button:hover{background:#faf1d9}
#navbar-wrap button:disabled{opacity:.35;cursor:default}
#navbar-wrap .navcount{min-width:64px;text-align:center;color:#fff;font:600 16px/1 "Public Sans",system-ui,sans-serif}
@media (max-width:480px){#navbar-wrap button{min-width:0;flex:1;max-width:150px}}

#navbar-wrap{gap:12px!important}
#navbar-wrap #nav-range{-webkit-appearance:none;appearance:none;flex:1;min-width:60px;height:28px;background:transparent;margin:0;cursor:pointer;touch-action:pan-y}
#navbar-wrap #nav-range::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(to right,#c9a24a var(--p,0%),rgba(255,255,255,.3) var(--p,0%))}
#navbar-wrap #nav-range::-moz-range-track{height:8px;border-radius:4px;background:rgba(255,255,255,.3)}
#navbar-wrap #nav-range::-moz-range-progress{height:8px;border-radius:4px;background:#c9a24a}
#navbar-wrap #nav-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff;border:3px solid #c9a24a}
#navbar-wrap #nav-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #c9a24a}
#navbar-wrap .navcount{min-width:58px}
@media (max-width:480px){#navbar-wrap{gap:8px!important;padding:0 8px!important}#navbar-wrap button{min-width:44px!important;flex:none!important;padding:0 12px!important}#navbar-wrap .tx{display:none}#navbar-wrap .ar{font-size:22px}#navbar-wrap .navcount{min-width:50px;font-size:14px!important}}
