
html,body{background:#030408!important}
body{isolation:isolate;overflow-x:hidden}
.ambient,#pqi-particles,.channel,.coordinates,.portrait-index,.page-footer,.terminal-meta,.orbit,.reticle{display:none!important}

#pqi-quantum{
  position:fixed;inset:0;
  width:100%;height:100%;
  z-index:0;pointer-events:none;
  opacity:1!important
}

body>.portrait#pqi-dog-layer{
  position:fixed!important;
  inset:-10vh -10vw!important;
  left:-10vw!important;top:-10vh!important;
  width:120vw!important;height:120vh!important;
  max-width:none!important;margin:0!important;
  z-index:1!important;
  opacity:.10!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  pointer-events:none!important;
  transform:translate3d(var(--dog-x,0px),var(--dog-y,0px),0)!important;
  isolation:isolate;
  will-change:transform
}

#pqi-dog-layer::before,
#pqi-dog-layer::after{display:none!important}

#pqi-dog-layer #dog,
#pqi-dog-layer .dog-fallback{
  position:absolute!important;
  inset:0!important;
  width:100%!important;height:100%!important;
  opacity:1!important;
  filter:drop-shadow(0 0 10px #80efb5aa) drop-shadow(0 0 40px #6fdaa444)!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  transition:none!important
}

#pqi-dog-layer:not(.ready) #dog{visibility:hidden!important}
#pqi-dog-layer.ready .dog-fallback{display:none!important;opacity:0!important}

.page{
  z-index:2!important;
  position:relative!important;
  background:transparent!important
}

.hero{min-height:0!important;padding-top:24px!important}
.hero-title{margin-top:0!important}

.terminal,.terminal-header,.terminal-body,.terminal-footer{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  backdrop-filter:none!important
}

.terminal::before,.terminal::after{display:none!important}

.topbar{
  justify-content:flex-start!important;
  gap:12px;
  flex-wrap:wrap
}

#pqi-x-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  font-size:12px;
  color:#d6ffe8;
  letter-spacing:0
}

#pqi-x-link:hover{color:#fff;text-shadow:0 0 12px #baff86}

#pqi-x-link .x-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;height:30px;
  border:1px solid #b5ffd74d;
  border-radius:4px;
  background:#09130c88
}

.post-text{color:#d4e6db;text-shadow:0 1px 5px #000}

@media(max-width:600px){
  .topbar{gap:7px}
  .wordmark{gap:5px}
  .top-label{letter-spacing:.4px}
  .hero{padding-top:18px!important}
  #pqi-x-link .x-button{width:25px;height:25px}
}

/* PQI_VIEWPORT_V1_START */
html,body{
  height:100%;
  overflow:hidden!important;
  overscroll-behavior:none
}
body{height:100dvh}
.page{
  height:90vh;
  height:90dvh;
  max-height:90dvh;
  display:flex!important;
  flex-direction:column;
  overflow:hidden;
  min-height:0
}
.topbar{flex:0 0 83px}
.page>main{
  display:flex!important;
  flex-direction:column;
  flex:1 1 0;
  min-height:0;
  overflow:hidden
}
.hero{flex:0 0 auto}
.page-footer{display:none!important}
.terminal{
  display:flex!important;
  flex-direction:column;
  flex:1 1 0;
  min-height:0!important;
  height:auto!important;
  width:100%;
  margin:0 auto!important;
  overflow:hidden!important
}
.terminal-header,.terminal-footer{flex:0 0 auto}
.terminal-body{
  flex:1 1 0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable
}
.terminal h2{font-size:15.4px!important}
.terminal-symbol{font-size:23.8px!important}
.terminal .version{font-size:12.6px!important}
.feed-state{font-size:11.2px!important}
.transmission{font-size:16.8px!important;padding-left:58px!important}
.transmission:before{font-size:11.2px!important}
.post-head{font-size:14px!important}
.post-text{font-size:16.8px!important}
.empty-state{
  font-size:15.4px!important;
  min-height:0!important;
  padding:30px 0
}
.prompt-sign{font-size:26.6px!important}
.terminal .cursor{width:12px;height:26px}
.terminal-footer{font-size:11.2px!important}
.new-posts{font-size:14px!important}
@media(max-width:900px){
  .topbar{flex-basis:70px}
}
@media(max-width:600px){
  .topbar{flex-basis:61px}
  .terminal h2{font-size:12.6px!important}
  .feed-state{font-size:9.8px!important}
  .transmission{font-size:15.4px!important;padding-left:46px!important}
  .post-head{font-size:12.6px!important}
  .post-text{font-size:15.4px!important}
  .empty-state{font-size:14px!important}
  .terminal-footer{font-size:9.8px!important}
}
@media(max-height:600px){
  .topbar{height:48px!important;flex-basis:48px}
  .hero-title{display:none!important}
  .hero{padding:8px 0!important}
  .copy-status{height:0;margin:0}
  .terminal-header{padding-top:8px;padding-bottom:8px}
  .terminal-footer{height:34px}
}
/* PQI_VIEWPORT_V1_END */

/* pqi-1000-v1 */
.pqi-scan-timer{display:none!important}
