html,body{margin:0;padding:0;min-height:100%;background:#0a0a0a;color:#0f8;font-family:Courier New,monospace}.starfield{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.container{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:6rem 2rem 3rem;box-sizing:border-box}.feed-surface{position:relative;width:90%;max-width:900px;background:linear-gradient(180deg,#050607,#080a0c 15%,#0a0c0e 85%,#0d0f11);border-radius:8px;border:1px solid rgba(26,31,35,.8);box-shadow:inset 0 1px 4px #00000080,0 1px #b4ffd205;padding:2rem 1.5rem 1.5rem;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.surface-header{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#080a0c;padding:0 8px;z-index:10}.led-label{font-size:clamp(.75rem,2vw,.9rem);font-weight:700;color:#b4ffd2d9;text-shadow:0 0 6px rgba(180,255,210,.5);background:linear-gradient(180deg,#050607,#0d0f11);border:1px solid rgba(180,255,210,.15);border-radius:4px;padding:.4rem 1rem;box-shadow:inset 0 1px 2px #000c;letter-spacing:.2em}.corner-bracket{position:absolute;width:6px;height:6px;border-color:#b4ffd24d;border-style:solid;border-width:0;pointer-events:none}.tl{top:4px;left:4px;border-top-width:1.5px;border-left-width:1.5px}.tr{top:4px;right:4px;border-top-width:1.5px;border-right-width:1.5px}.bl{bottom:4px;left:4px;border-bottom-width:1.5px;border-left-width:1.5px}.br{bottom:4px;right:4px;border-bottom-width:1.5px;border-right-width:1.5px}.tagline{font-size:clamp(.65rem,1.8vw,.8rem);color:#b4ffd280;letter-spacing:.25em;margin:0;text-align:center}.tag-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%}.tag-btn{position:relative;font-family:monospace;font-size:clamp(.55rem,1.5vw,.65rem);font-weight:700;letter-spacing:.1em;color:#b4ffd2b3;background:linear-gradient(180deg,#1a1f23,#151a1d 20%,#12161a,#0f1315 80%,#0d1012);border:1.5px solid rgba(180,255,210,.25);border-radius:6px;padding:.6rem 1rem;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:inset 1px 1px #b4ffd20f,0 3px 8px #00000080}.tag-btn:hover{transform:translateY(-2px);color:#b4ffd2f2;border-color:#b4ffd280;box-shadow:inset 1px 1px #b4ffd214,0 5px 12px #0009,0 0 15px #b4ffd214}.tag-btn.active{color:#b4ffd2;background:linear-gradient(180deg,#0a0c0e,#080a0c 30%,#0d0f12 70%,#0a0c0e);border-color:#b4ffd299;text-shadow:0 0 8px rgba(180,255,210,.6);box-shadow:inset 0 2px 4px #000000b3,0 2px 5px #00000080,0 0 15px #b4ffd21f}.tag-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #000000b3,0 1px 3px #0006}.tag-btn-icon{display:flex;align-items:center;gap:.4rem;padding-left:.75rem;padding-right:1rem}.tag-btn-icon svg{width:14px;height:14px;flex-shrink:0}.tag-btn[data-tag=music] svg,.tag-btn[data-tag=Music] svg{color:#64dcffe6}.tag-btn[data-tag=music]:hover svg,.tag-btn[data-tag=Music]:hover svg,.tag-btn[data-tag=music].active svg,.tag-btn[data-tag=Music].active svg{color:#64dcff;filter:drop-shadow(0 0 6px rgba(100,220,255,.6))}.tag-btn[data-tag=writing] svg,.tag-btn[data-tag=Writing] svg{color:#ffe696e6}.tag-btn[data-tag=writing]:hover svg,.tag-btn[data-tag=Writing]:hover svg,.tag-btn[data-tag=writing].active svg,.tag-btn[data-tag=Writing].active svg{color:#ffe696;filter:drop-shadow(0 0 6px rgba(255,230,150,.6))}.tag-btn[data-tag=tech] svg,.tag-btn[data-tag=Tech] svg{color:#c8b4ffe6}.tag-btn[data-tag=tech]:hover svg,.tag-btn[data-tag=Tech]:hover svg,.tag-btn[data-tag=tech].active svg,.tag-btn[data-tag=Tech].active svg{color:#c8b4ff;filter:drop-shadow(0 0 6px rgba(200,180,255,.6))}.feed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;justify-content:center;max-width:900px;width:100%;margin-bottom:3rem}.feed-tile{display:flex;flex-direction:column;text-decoration:none;color:inherit;aspect-ratio:1;background:linear-gradient(145deg,#141618,#0f1113,#0a0c0e);border:1.5px solid rgba(180,255,210,.25);border-radius:6px;overflow:hidden;transition:all .25s ease;box-shadow:inset 0 1px 1px #b4ffd20a,inset 0 -1px 2px #0006,0 4px 12px #00000080;position:relative}.feed-tile:hover{transform:translateY(-3px);border-color:#b4ffd299;box-shadow:inset 0 1px 1px #b4ffd20a,inset 0 -1px 2px #0006,0 8px 24px #0009,0 0 30px #b4ffd226}.feed-tile:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0009,0 2px 8px #0006}.tile-artwork{flex:1;width:100%;overflow:hidden;position:relative}.tile-artwork img,.tile-artwork video{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.tile-artwork video{filter:brightness(.9)}.feed-tile:hover .tile-artwork img,.feed-tile:hover .tile-artwork video{transform:scale(1.08)}.tile-overlay-top{position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(to bottom,rgba(10,12,14,1) 0%,rgba(10,12,14,.9) 40%,rgba(10,12,14,.5) 70%,transparent 100%);pointer-events:none;z-index:1}.tile-overlay-bottom{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,transparent 0%,rgba(10,12,14,.5) 30%,rgba(10,12,14,.9) 60%,rgba(10,12,14,1) 85%);pointer-events:none;z-index:1}.tile-header-top{position:absolute;top:0;left:0;right:0;padding:.6rem .5rem;z-index:2}.tile-title{font-size:clamp(.55rem,1.5vw,.7rem);font-weight:700;font-family:monospace;color:#b4ffd2e6;text-shadow:0 0 6px rgba(180,255,210,.5);letter-spacing:.12em;text-align:left;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-label{position:absolute;bottom:0;left:0;right:0;padding:.5rem;display:flex;flex-direction:column;gap:.4rem;z-index:2}.tile-bottom-row{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;width:100%}.tile-bottom-left{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.tile-description{font-size:clamp(.5rem,1.3vw,.65rem);font-weight:400;font-family:monospace;color:#b4ffd280;letter-spacing:.05em;text-align:left;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-tile:hover .tile-description{color:#b4ffd2b3}.tile-date{font-size:clamp(.45rem,1.2vw,.55rem);font-weight:400;font-family:monospace;color:#b4ffd280;letter-spacing:.1em;text-align:left}.feed-tile:hover .tile-date{color:#b4ffd2b3}.tile-icon{width:18px;height:18px;flex-shrink:0;color:#b4ffd2b3;display:flex;align-items:center;justify-content:center;transition:all .25s ease;margin-bottom:2px}.tile-icon svg{width:100%;height:100%}.feed-tile:hover .tile-icon{color:#b4ffd2;filter:drop-shadow(0 0 4px rgba(180,255,210,.6))}.feed-tile[data-type=music] .tile-icon{color:#64dcffb3}.feed-tile[data-type=music]:hover .tile-icon{color:#64dcff;filter:drop-shadow(0 0 6px rgba(100,220,255,.7))}.feed-tile[data-type=writing] .tile-icon{color:#ffe696b3}.feed-tile[data-type=writing]:hover .tile-icon{color:#ffe696;filter:drop-shadow(0 0 6px rgba(255,230,150,.7))}.feed-tile[data-type=tech] .tile-icon{color:#c8b4ffb3}.feed-tile[data-type=tech]:hover .tile-icon{color:#c8b4ff;filter:drop-shadow(0 0 6px rgba(200,180,255,.7))}.footer{margin-top:auto;text-align:center;padding:2rem}.footer-credit{font-size:.7rem;color:#00ff884d;letter-spacing:.15em;margin:0}@media (max-width: 768px){.container{padding-top:5rem;padding-left:1rem;padding-right:1rem}.feed-surface{width:95%;padding:1.5rem 1rem 1rem;gap:1rem}.tag-filter{gap:.5rem}.tag-btn{padding:.5rem .75rem;font-size:.55rem}.feed-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:400px}.tile-header-top{padding:.5rem .4rem}.tile-label{padding:.4rem}.tile-title{font-size:.6rem}.tile-icon{width:16px;height:16px}}@media (max-width: 400px){.feed-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.tile-header-top{padding:.4rem .3rem}.tile-label{padding:.3rem;gap:.3rem}.tile-title{font-size:.5rem;letter-spacing:.08em}.tile-icon{width:14px;height:14px}}