/* GuyZ3R0 — shared site styles (loaded by Home, Blog, Projects) */
html{scroll-behavior:smooth}
body{margin:0;background:#0a040d;color:#eae6f2;font-family:'Space Grotesk',sans-serif;overflow-x:hidden}
a{color:#00ff90;text-decoration:none}
a:hover{color:#ffcc37}
::selection{background:#00ff90;color:#0a040d}

/* keyframes */
@keyframes gz-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes gz-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes gz-pop{0%{transform:scale(1)}30%{transform:scale(1.28,0.78) rotate(-4deg)}55%{transform:scale(0.88,1.18) rotate(3deg)}75%{transform:scale(1.1,0.94) rotate(-1deg)}100%{transform:scale(1.14) rotate(-2deg)}}
@keyframes gz-unpop{0%{transform:scale(1.14) rotate(-2deg)}100%{transform:none}}
@keyframes gz-splash{0%,100%{transform:rotate(-20deg) scale(1)}50%{transform:rotate(-20deg) scale(1.1)}}
@keyframes gz-jitter{0%,100%{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,-2px)}}
@keyframes gz-bounce{0%,100%{transform:scale(1)}35%{transform:scale(1.12,0.82)}65%{transform:scale(0.92,1.14)}85%{transform:scale(1.05,0.97)}}
@keyframes gz-wobble{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg) scale(1.05)}50%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}}
@keyframes gz-modal{0%{opacity:0;transform:translateY(18px) scale(0.97)}100%{opacity:1;transform:translateY(0) scale(1)}}

/* scrollbars */
::-webkit-scrollbar{height:10px;width:10px}
::-webkit-scrollbar-track{background:#0a040d}
::-webkit-scrollbar-thumb{background:#1e1e90;border:2px solid #0a040d}
[data-deck="1"]{scrollbar-width:none;-ms-overflow-style:none}
[data-deck="1"]::-webkit-scrollbar{display:none;height:0}

/* blog markdown body */
[data-md]{font-size:16px;line-height:1.8;color:#c9c2dd}
[data-md] h1,[data-md] h2,[data-md] h3,[data-md] h4{font-family:'Space Grotesk',sans-serif;font-weight:700;color:#ffffff;line-height:1.3;margin:36px 0 14px}
[data-md] h2{font-size:26px;color:#ffcc37}
[data-md] h3{font-size:21px;color:#00ff90}
[data-md] p{margin:0 0 18px}
[data-md] ul,[data-md] ol{margin:0 0 18px;padding-left:26px}
[data-md] li{margin:6px 0}
[data-md] code{font-family:'JetBrains Mono',monospace;font-size:14px;background:#1b123e;padding:2px 6px;color:#00ff90}
[data-md] pre{background:#12093a;border:2px solid #1e1e90;padding:18px;overflow-x:auto;margin:0 0 18px}
[data-md] pre code{background:none;padding:0;color:#c9c2dd}
[data-md] blockquote{margin:0 0 18px;padding:12px 20px;border-left:4px solid #00ff90;background:#1b123e;color:#eae6f2}
[data-md] blockquote p{margin:0}
[data-md] img{max-width:100%;border:2px solid #1e1e90}
[data-md] hr{border:none;border-top:2px solid #1b123e;margin:28px 0}
[data-md] strong{color:#ffffff}

/* ---------- responsive: phones, tablets, laptops ---------- */
@media (pointer: coarse){
  [data-btn]{min-width:42px;min-height:42px}
}
@media (max-width: 900px){
  main{padding:0 18px !important}
}
@media (max-width: 720px){
  nav{flex-wrap:wrap !important;justify-content:center !important;gap:10px 18px !important;padding:10px 14px !important}
  main h1{font-size:clamp(30px, 11vw, 46px) !important}
  main h2{font-size:clamp(20px, 6.5vw, 26px) !important}
  [data-avatar]{width:min(60vw, 240px) !important;height:min(60vw, 240px) !important}
  [data-avatar] img{width:100% !important;height:100% !important}
  [data-avatar] span{font-size:15px !important}
  [data-deck="1"] article{flex-basis:264px !important;min-height:320px !important}
  [data-post="1"]{flex-direction:column !important}
  [data-cover="1"]{flex:0 0 130px !important;min-height:130px !important;border-right:none !important;border-bottom:2px solid #1e1e90 !important}
  [data-mimgs="1"]{flex-wrap:wrap !important}
  [data-mimgs="1"] > div{flex:1 1 45% !important;height:110px !important}
  footer{justify-content:center !important;text-align:center !important}
}
@media (max-width: 400px){
  main{padding:0 12px !important}
}