:root{--bg:#000;--fg:#fff;--column-width:320px}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:#fff}
body{font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit}
#wall{position:relative;width:100%;min-height:100vh;overflow:hidden;background:#000}
.tile{position:absolute;display:block;margin:0;padding:0;overflow:hidden;background:#000;color:#fff;transform:translateZ(0)}
.tile.image{cursor:zoom-in}
.tile img{display:block;width:100%;height:100%;object-fit:cover;border:0}
.tile-source{position:absolute;z-index:2;top:0;left:0;right:0;display:block;max-height:44%;overflow:hidden;padding:10px 12px;background:linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,.57));color:#fff;text-decoration:none;font:700 10px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.08em;overflow-wrap:anywhere;text-shadow:0 1px 2px #000;cursor:alias}
.tile-source:hover,.tile-source:focus-visible{background:rgba(0,0,0,.9);text-decoration:underline;text-underline-offset:3px}
.tile.text{cursor:pointer;padding:18px 20px;background:#000!important;color:#fff!important;display:block}
.tile.text *{background:transparent!important;color:#fff!important}
.text-inner{height:100%;overflow:hidden;position:relative;font-family:inherit;font-size:15px;line-height:1.42;font-weight:400}
.text-title{font-family:inherit;font-size:18px;font-weight:700;line-height:1.16;margin:0 0 10px}
.text-body{white-space:pre-wrap;overflow-wrap:anywhere}
.text-font-arial{font-family:Arial,Helvetica,sans-serif}
.text-font-georgia{font-family:Georgia,'Times New Roman',serif}
.text-font-courier{font-family:'Courier New',Courier,monospace}
.text-font-trebuchet{font-family:'Trebuchet MS',Arial,sans-serif}
.text-font-verdana{font-family:Verdana,Geneva,sans-serif}
.text-font-palatino{font-family:'Palatino Linotype','Book Antiqua',Palatino,serif}

.tile.video{background:#000}
.video-frame{width:100%;height:100%;border:0;display:block}
/* Vimeo/legacy embeds keep the proven central interaction layer. YouTube is left completely native. */
.video-click-layer{position:absolute;left:12%;right:12%;top:10%;bottom:56px;z-index:4;pointer-events:auto;background:transparent;cursor:pointer}
.wall-loading{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:25;font:600 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.22em;color:#aaa;background:#000;padding:5px 7px;display:none}
.wall-loading.show{display:block}
.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#090909;cursor:pointer}
.play{font-size:30px;opacity:.9}

/* Approved Tumblr-style lower-left navigation. */
#site-links{position:fixed;left:18px;bottom:22px;z-index:20;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.section-row{display:flex;align-items:center;gap:6px;margin-bottom:3px;white-space:nowrap}
.section-row a,.section-row span,#site-links>a,#site-links>button{appearance:none;border:0;background:none;color:#bdbdc3;padding:0;margin:0;text-decoration:none;font:700 11px/1.16 Arial,Helvetica,sans-serif;letter-spacing:.10em;text-transform:uppercase;cursor:pointer;text-shadow:1px 1px 0 rgba(0,0,0,.55)}
.section-row span{cursor:default}
.section-row a:hover,#site-links>a:hover,#site-links>button:hover{color:#fff}
.section-row a:focus-visible,#site-links>a:focus-visible,#site-links>button:focus-visible{outline:1px solid #fff;outline-offset:3px}

#empty{display:none;padding:70px 20px;text-align:center;color:#555;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
#lightbox{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.84);padding:24px;cursor:zoom-out}
#lightbox.open{display:flex}
#lb-content{max-width:96vw;max-height:94vh;display:flex;align-items:center;justify-content:center;cursor:default}
#lb-content img{display:block;max-width:96vw;max-height:94vh;width:auto;height:auto;object-fit:contain}
.text-overlay{width:min(720px,92vw);max-height:86vh;overflow:auto;background:#000!important;color:#fff!important;padding:30px 34px;cursor:default;font-size:15px;line-height:1.5}
.text-overlay *{background:transparent!important;color:#fff!important}
.text-overlay h2{font-family:inherit;font-size:20px;line-height:1.2;margin:0 0 18px}
.text-overlay a{color:#fff;text-decoration:underline}
.lb-nav{display:none;position:fixed;top:50%;transform:translateY(-50%);z-index:55;border:0;background:rgba(0,0,0,.18);color:#fff;font:300 44px/1 Arial,Helvetica,sans-serif;width:58px;height:90px;cursor:pointer;padding:0;opacity:.78}
.lb-nav:hover{opacity:1}
#prev{left:0}#next{right:0}
#lightbox.multi .lb-nav{display:block}
.lb-attribution{display:none;position:fixed;z-index:54;bottom:16px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 85px);padding:8px 11px;background:rgba(0,0,0,.82);color:#fff;text-align:center;font:700 10px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.07em;cursor:default;overflow-wrap:anywhere}
#lightbox.has-attribution .lb-attribution{display:block}
.lb-attribution a{color:#fff;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#lightbox.has-attribution #lb-content img{max-height:calc(94vh - 50px)}

@media(max-width:640px){
  :root{--column-width:190px}
  #site-links{left:12px;bottom:16px;gap:3px}
  .section-row a,.section-row span,#site-links>a,#site-links>button{font-size:10px}
  .tile.text{padding:14px 15px}
  .text-inner{font-size:14px}
  .text-title{font-size:17px;margin-bottom:8px}
  .tile-source{padding:7px 9px;font-size:9px;letter-spacing:.05em}
  .lb-attribution{bottom:10px;max-width:calc(100vw - 36px);font-size:9px}
}


/* v41 safe inline formatting for text posts */
.tile.text .text-body a,.text-overlay a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.tile.text .text-body strong,.text-overlay strong{font-weight:700}
.tile.text .text-body em,.text-overlay em{font-style:italic}