/* ==== mini chrome (bio pages + 404) ==== */
.ychrome{
  position:fixed;top:14px;left:14px;right:14px;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  pointer-events:none;
}
.ychrome-logo,.ychrome-right,.ychrome-btn{pointer-events:auto}
.ychrome-logo{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(0,0,0,.09);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  font-weight:800;font-size:13px;color:#2a2620;
  box-shadow:0 8px 24px -12px rgba(0,0,0,.25);
  transition:transform .15s;
}
.ychrome-logo:hover{transform:translateY(-1px)}
.ychrome-logo .ic{width:17px;height:17px;color:#ff5c39}
.ychrome-right{display:flex;gap:8px}
.ychrome-btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:36px;min-width:36px;padding:0 13px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(0,0,0,.09);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  font-size:12px;font-weight:800;color:#2a2620;
  box-shadow:0 8px 24px -12px rgba(0,0,0,.25);
  transition:transform .15s;
}
.ychrome-btn:hover{transform:translateY(-1px)}
.ychrome-btn.ychrome-icon{padding:0}
.ychrome-btn .ic{width:16px;height:16px}
html[data-theme="dark"] .ychrome-logo,
html[data-theme="dark"] .ychrome-btn{
  background:rgba(20,18,24,.78);
  border-color:rgba(255,255,255,.14);
  color:#efeaf6;
}

/* ==== 404 ==== */
.yc404{min-height:100vh;display:flex;flex-direction:column}
.yc404-body{
  flex:1;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  text-align:center;padding:40px 20px;
  background:#fff9f2;
  color:#3a2c24;
  font-family:ui-sans-serif,system-ui,sans-serif;
}
html[data-theme="dark"] .yc404-body{background:#1a1512;color:#f6ece2}
.yc404-cat{
  width:110px;height:110px;border-radius:50%;
  background:linear-gradient(135deg,#ff5c39,#ffb26b);
  display:flex;align-items:center;justify-content:center;
  font-size:54px;margin-bottom:20px;
  animation:yc404-bounce 2.4s ease-in-out infinite;
  box-shadow:0 20px 40px -16px rgba(255,92,57,.55);
}
.yc404-body h1{
  font-size:56px;margin:0;letter-spacing:.04em;font-weight:900;
}
.yc404-body p{margin:10px 0 26px;color:#8f7f72;font-size:15px}
html[data-theme="dark"] .yc404-body p{color:#b39c8b}
.yc404-home{
  display:inline-flex;align-items:center;gap:9px;
  padding:13px 26px;border-radius:14px;
  background:#ff5c39;color:#fff;font-weight:800;font-size:14px;
  box-shadow:0 14px 30px -12px rgba(255,92,57,.6);
  transition:transform .15s;
}
.yc404-home:hover{transform:translateY(-2px)}
.yc404-home .ic{width:15px;height:15px}
@keyframes yc404-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}