*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:ui-monospace,Menlo,Consolas,monospace;line-height:1.6;background:#0b0f10;color:#e6f2ef}
.site-header,.site-footer{background:#0f1416;border-bottom:1px solid #1d2a2e;padding:1rem 1.25rem}
.logo{margin:0 0 .5rem;letter-spacing:.03em}
.logo span{color:#16ff72;opacity:.8;margin-left:.5ch}
.menu{display:flex;gap:.6rem;list-style:none;padding:0;margin:0}
.menu a{color:#9af0c4;text-decoration:none;padding:.35rem .6rem;border-radius:.5rem;border:1px solid #1f3a33}
.menu a:hover{background:#13201d}
main{max-width:980px;margin:1rem auto;padding:0 1rem}
.card{background:#0f1416;border:1px solid #1d2a2e;border-radius:14px;padding:1rem;margin:1rem 0;box-shadow:0 10px 20px rgba(0,0,0,.25)}
.lede{opacity:.85}
.field{margin:.8rem 0;display:grid;gap:.35rem}
.field label{font-weight:700}
.checkbox{margin-top:.6rem}
.hp{position:absolute;left:-9999px}
input,textarea,button{font:inherit;color:#e6f2ef}
input[type="text"],input[type="email"],textarea{background:#0b0f10;border:1px solid #284148;border-radius:10px;padding:.6rem .7rem}
input::placeholder,textarea::placeholder{color:#88a5a1}
.actions{display:flex;gap:.6rem;margin-top:.6rem}
button{background:#16ff72;color:#0b0f10;border:none;border-radius:10px;padding:.6rem .9rem;cursor:pointer}
button[type="reset"]{background:transparent;color:#9af0c4;border:1px solid #284148}
button:hover{filter:brightness(0.95)}
.status{min-height:1.25rem;color:#16ff72}
.entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}
.entry{display:grid;grid-template-columns:32px 1fr;gap:.6rem;align-items:start;padding:.8rem;border:1px solid #1d2a2e;border-radius:12px;background:#0b0f10}
.entry .avatar{width:32px;height:32px;image-rendering:pixelated}
.entry .meta{font-size:.85rem;opacity:.8}
.entry .txt{margin:.2rem 0 0;word-wrap:break-word}
.media{margin:1rem 0}
.media figcaption{font-weight:700;margin-bottom:.35rem}
.responsive-iframe{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;border:1px solid #1d2a2e}
.responsive-iframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(22,255,114,.07) 0 2px,transparent 2px 4px);mix-blend-mode:screen;opacity:.18;animation:scan 12s linear infinite}
@keyframes scan{0%{transform:translateY(-8%)}100%{transform:translateY(8%)}}
a,input,textarea,button{transition:transform .06s}
a:hover,input:focus,textarea:focus,button:hover{transform:translate3d(.25px,-.25px,0) rotate(.05deg)}