:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#17212b;background:#f1f5f9}*{box-sizing:border-box}body{margin:0}header{position:sticky;z-index:5;top:0;padding:18px;text-align:center;border-bottom:1px solid #d9e0e7;background:#fff}h1{margin:0;color:#00aff0;font-size:26px}header p{margin:5px 0 0;color:#667482;font-size:14px}main{width:min(100% - 24px,600px);margin:auto;padding:20px 0}.post{margin:0 0 24px;overflow:hidden;border:1px solid #d9e0e7;border-radius:14px;background:#fff;box-shadow:0 5px 18px #18283812}.post h2,.post p{margin:0;padding:14px 16px;font-size:14px}.image-container{position:relative;width:100%;height:400px;padding:0;overflow:hidden;border:0;background:#e8edf1;cursor:pointer}.image-container img{width:100%;height:100%;object-fit:cover;filter:blur(40px) brightness(.8);transition:filter .45s}.shimmer{position:absolute;z-index:2;inset:0;background:linear-gradient(-45deg,transparent 40%,#ffffff70 50%,transparent 60%);background-size:300% 300%;animation:shimmer 2s infinite}.lock{position:absolute;z-index:3;left:50%;top:50%;font-size:50px;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 7px #0007)}.revealed img{filter:none}.revealed .shimmer,.revealed .lock{display:none}@keyframes shimmer{from{background-position:100% 100%}to{background-position:0 0}}@media(max-width:640px){.image-container{height:min(400px,72vw)}}