:root{
  --ks-bg:#0b0d12;
  --ks-panel:#121826;
  --ks-text:#e5e7eb;
  --ks-muted:#9aa4b2;
  --ks-border:rgba(148,163,184,.18);
  --ks-accent:#60a5fa;
  --ks-accent-2:#34d399;
}

body{background:var(--ks-bg)!important;color:var(--ks-text)!important}
.main,.header,.nav,.footer{max-width:1100px}

a{color:var(--ks-accent)!important}
a:hover{color:#93c5fd!important}

.profile{padding-top:48px!important}
.profile_inner{gap:18px}
.profile_inner img{border-radius:18px!important;box-shadow:0 18px 55px rgba(0,0,0,.45);border:1px solid var(--ks-border)}
.profile_inner h1{letter-spacing:-.02em}
.profile_inner span{color:var(--ks-muted)!important}

.button{border-radius:12px!important;border:1px solid var(--ks-border)!important;background:rgba(255,255,255,.03)!important}
.button:hover{background:rgba(96,165,250,.12)!important;border-color:rgba(96,165,250,.35)!important}
.button .button-inner{color:var(--ks-text)!important}

.post-entry{border-radius:16px!important;border:1px solid var(--ks-border)!important;background:rgba(255,255,255,.02)!important}
.post-entry:hover{border-color:rgba(96,165,250,.35)!important;background:rgba(255,255,255,.03)!important}
.post-title{letter-spacing:-.01em}
.post-meta,.entry-footer{color:var(--ks-muted)!important}

.nav a,#menu a{color:var(--ks-text)!important;opacity:.9}
.nav a:hover,#menu a:hover{opacity:1}

code,kbd,pre{border:1px solid var(--ks-border)!important}
pre{background:rgba(255,255,255,.03)!important}

/* Minimal header on sub-pages (PaperMod header is disabled on home) */
.header,.nav{background:transparent!important;border-bottom:0!important;box-shadow:none!important}
#menu,.logo-switches{display:none!important}
.logo{margin:auto var(--gap)!important}
.logo a{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid var(--ks-border);
  background:rgba(255,255,255,.02);
  font-size:0!important; /* hide site title text */
}
.logo a:hover{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.35)}
.logo a img{margin:0!important;transform:none!important}

@supports ((-webkit-mask:url("")) or (mask:url(""))) {
  .logo a img{display:none!important}
  .logo a::before{
    content:"";
    width:18px;
    height:18px;
    background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20fill%3D'black'%20d%3D'M12%203L2%2012h3v9h6v-6h2v6h6v-9h3z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
    mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20fill%3D'black'%20d%3D'M12%203L2%2012h3v9h6v-6h2v6h6v-9h3z'/%3E%3C/svg%3E") no-repeat 50% 50%/contain;
  }
}