:root{--matrix-bg-dark: #0a0f0a;--matrix-bg-deeper: #050805;--matrix-green-primary: #00ff41;--matrix-green-dim: #1b8c2c;--matrix-green-neon: #6eff00;--matrix-green-pale: #a0f0a8;--matrix-black-panel: #0e130e;--matrix-border-glow: #2e8b2e;--matrix-text-shadow: 0px 0px 4px #00ff41, 0 0 2px #008f11;--matrix-panel-glow: 0 0 8px rgba(0, 255, 65, .3), inset 0 0 2px rgba(0,255,100,.2);--matrix-scrollbar-bg: #021102;--matrix-scrollbar-thumb: #1f9c3a;--font-mono: "Courier New", "Fira Code", "VT323", "Source Code Pro", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--matrix-bg-deeper);font-family:var(--font-mono);color:var(--matrix-green-primary);text-shadow:var(--matrix-text-shadow);line-height:1.5;padding:1rem;min-height:100vh;display:flex;flex-direction:column;scroll-behavior:smooth;background-image:linear-gradient(rgba(0,255,65,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,.03) 1px,transparent 1px);background-size:28px 28px}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,20,0,.25) 0px,rgba(0,40,0,.2) 2px,transparent 3px,transparent 8px);z-index:999;opacity:.6}::selection{background-color:var(--matrix-green-dim);color:var(--matrix-bg-dark)}h1{font-size:4rem;letter-spacing:-2px;text-transform:uppercase;font-weight:900;background:linear-gradient(135deg,#1f9e1f,#7eff7e);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:4px 4px 0px #006400,6px 6px 0px #00000088;margin-bottom:.5rem;font-family:var(--font-mono);word-break:break-word}img{max-width:100%;height:auto;display:block;margin:1.5rem auto;border-radius:8px;overflow:hidden}canvas{position:absolute;z-index:-999}#matrix{display:flex;justify-content:center}.full-width-image{width:100%;object-fit:cover}.contain-image{object-fit:contain;max-height:80vh}@media(max-width:768px){img{margin:1rem auto;border-radius:6px}.contain-image{max-height:60vh}}@media(max-width:480px){img{margin:.75rem auto;border-radius:4px}}img{box-shadow:0 2px 8px #0000001a}figure{margin:1.5rem 0}figure img{margin:0}figcaption{text-align:center;font-size:.875rem;color:#666;margin-top:.5rem}blink{animation:blink-animation 1.2s steps(2,start) infinite;font-weight:700;color:#7eff7e}@keyframes blink-animation{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){blink,.marquee-90s span,.retro-progress-fill,.cursor-blink{animation:none!important}}.matrix-app{display:flex;flex-direction:column;min-height:96vh;max-width:1600px;margin:0 auto;width:100%;gap:1.2rem;position:relative;z-index:2}.matrix-header{border:2px solid var(--matrix-green-dim);background:var(--matrix-bg-dark);padding:1.2rem 1.8rem;box-shadow:var(--matrix-panel-glow),inset 0 0 10px #003c0099;backdrop-filter:blur(0px);border-radius:4px;transition:all .2s ease}.header-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem}.neon-title{font-size:2.2rem;font-weight:700;letter-spacing:6px;text-transform:uppercase;background:linear-gradient(135deg,var(--matrix-green-primary),var(--matrix-green-neon));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px #00cc33;animation:flicker 3s infinite}.terminal-badge{font-size:.9rem;border-left:3px solid var(--matrix-green-neon);padding-left:12px;font-style:italic;color:var(--matrix-green-pale)}.columns-container{flex:1;display:flex;gap:1.2rem;flex-wrap:wrap}.sidebar-left{flex:1.2;min-width:180px;background:var(--matrix-black-panel);border:1px solid var(--matrix-border-glow);padding:1.2rem;border-radius:6px;box-shadow:var(--matrix-panel-glow);backdrop-filter:blur(2px);transition:all .2s}.sidebar-right{flex:1.2;min-width:180px;background:var(--matrix-black-panel);border:1px solid var(--matrix-border-glow);padding:1.2rem;border-radius:6px;box-shadow:var(--matrix-panel-glow)}.middle-container{flex:3;min-width:220px;background:var(--matrix-bg-dark);border:1px solid var(--matrix-green-dim);padding:1.2rem;border-radius:8px;box-shadow:0 0 12px #00ff5033,inset 0 0 2px #1f9c1f;transition:all .2s}.matrix-footer{border-top:2px solid var(--matrix-green-dim);background:var(--matrix-bg-dark);padding:.9rem 1.5rem;font-size:.8rem;text-align:center;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;border-radius:3px}a.matrix-link{color:#9eff9e;text-decoration:none;font-weight:700;border-bottom:2px dotted #3ba83b;transition:.1s linear}a:hover.matrix-link{color:#bfffbf;text-shadow:0 0 8px #0f0;border-bottom:2px solid #0f0;background:#0a2f0a;cursor:pointer}ul.matrix-menu{list-style:none;margin-top:1rem;text-transform:uppercase}ul.matrix-menu li{margin:1rem 0;padding:.3rem 0;border-bottom:1px dashed var(--matrix-green-dim)}ul.matrix-menu li a{color:var(--matrix-green-primary);text-decoration:none;font-weight:700;letter-spacing:1px;transition:all .2s;display:inline-block}ul.matrix-menu li a:hover{color:var(--matrix-green-neon);text-shadow:0 0 6px #2eff44;transform:translate(4px);cursor:pointer}hr.matrix-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--matrix-green-primary),transparent);margin:1rem 0}.matrix-section{margin:20px 0;padding:10px;border:1px dashed}.matrix-blink{animation:blink 1.2s step-end infinite}.data-stream{font-size:.85rem;font-family:monospace;background:#021102;padding:.6rem;border-left:3px solid #28e428;margin:12px 0;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.button-90s{background:transparent;border:1px solid var(--matrix-green-primary);color:var(--matrix-green-primary);padding:6px 12px;font-family:monospace;font-weight:700;cursor:pointer;transition:.15s;box-shadow:inset 0 0 4px #0f03}.button-90s:hover{background:var(--matrix-green-dim);color:#030d03;text-shadow:none;box-shadow:0 0 8px var(--matrix-green-neon);border-color:var(--matrix-green-neon)}input,textarea{background:#021a02;border:1px solid var(--matrix-green-dim);color:#a0f0a8;font-family:monospace;padding:4px 8px;width:100%;margin-top:4px}input:focus,textarea:focus{outline:none;border-color:var(--matrix-green-neon);box-shadow:0 0 5px #2eff44}::-webkit-scrollbar{width:10px;background:var(--matrix-scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--matrix-scrollbar-thumb);border-radius:0;border:1px solid #00a52c}::-webkit-scrollbar-track{background:#031003}@keyframes flicker{0%{opacity:1;text-shadow:0 0 2px #00ff41}50%{opacity:.95;text-shadow:0 0 6px #9eff80}to{opacity:1;text-shadow:0 0 2px #00d42a}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:800px){.columns-container{flex-direction:column}.sidebar-left,.sidebar-right,.middle-container{width:100%;min-width:unset}body{padding:.7rem}.neon-title{font-size:1.4rem;letter-spacing:3px}}@media(max-width:480px){.header-content{flex-direction:column;align-items:flex-start}.matrix-footer{flex-direction:column;align-items:center;text-align:center}}.glitch-text{position:relative;display:inline-block}.glitch-text:hover{animation:glitch .3s infinite}@keyframes glitch{0%{text-shadow:-1px 0 red,1px 0 green}50%{text-shadow:1px 0 cyan,-1px 0 lime}to{text-shadow:-1px 0 red,1px 0 green}}.sidebar-left h3,.sidebar-right h3,.middle-container h2{border-bottom:2px solid var(--matrix-green-dim);display:inline-block;margin-bottom:1rem;letter-spacing:2px;font-size:1.3rem}.status-led{display:inline-block;vertical-align:middle;width:10px;height:1.2rem;background:#2eff44;border-radius:0;box-shadow:0 0 6px #19ff2a;margin-right:6px;animation:blink 1s infinite}.marquee-90s{background:#031003;padding:8px;white-space:nowrap;overflow:hidden;border:1px solid #1ba01b}.marquee-90s span{display:inline-block;padding-left:100%;animation:marqueeScroll 20s linear infinite;font-weight:700}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.matrix-card{background:var(--matrix-bg-dark);border:2px solid #2b6e2b;padding:1.5rem;margin:1rem 0;transition:.2s;box-shadow:5px 5px #0000004d;backdrop-filter:blur(3px)}.matrix-card:hover{border-color:#3eff3e;box-shadow:0 0 12px #0f0,4px 4px #000;transform:translate(-2px,-2px)}.h-card,.h-entry{display:block}.p-name,.p-summary,.dt-published{color:var(--matrix-dim)}.u-url,.u-photo,.p-category{display:inline-block}.hidden-meta{display:none}.retro-progress{background:#010a01;border:1px solid #1f9e1f;height:24px;width:100%;margin:12px 0}.retro-progress-fill{width:72%;height:100%;background:repeating-linear-gradient(90deg,#2ecc2e,#0f0 20px,#070 40px);animation:pulseWidth 2s infinite alternate}@keyframes pulseWidth{0%{width:68%}to{width:85%}}.now-playing{background:#010e01;border-left:8px solid #0f0;padding:.9rem;margin:1rem 0 1.5rem;border-radius:8px;box-shadow:inset 0 0 8px #0f03,0 2px 5px #00000080}.track-name{font-size:1.2rem;font-weight:700;color:#cfc;text-shadow:0 0 3px #0f0;letter-spacing:1px;word-break:break-word}.track-artist{font-size:1rem;color:#6f6;margin-top:6px;text-transform:uppercase;letter-spacing:1px}.track-index{font-size:.8rem;color:#3a3;margin-top:10px;font-family:monospace;border-top:1px dotted #0f0;padding-top:8px}.progress-area{margin:20px 0 15px}.time-info{display:flex;justify-content:space-between;color:#6f6;font-size:.8rem;font-family:monospace;margin-bottom:5px}input[type=range]{width:100%;height:4px;-webkit-appearance:none;background:#1a3a1a;border-radius:4px;outline:none;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:0;background:#0f0;border:1px solid #0f0;box-shadow:0 0 6px #0f0;cursor:pointer}input[type=range]::-webkit-slider-thumb:hover{background:#bfb;transform:scale(1.2)}.controls{display:flex;justify-content:end;gap:.5rem;width:100%;margin-top:5px}.ctrl-btn{cursor:pointer;font-family:monospace;transition:all .15s;display:inline-flex;align-items:center;gap:2px;color:#6f6;border:none;background-color:transparent}.ctrl-btn:hover{transform:scale(1.02)}.ctrl-btn:active{transform:scale(.97)}.volume-panel{display:flex;align-items:center;justify-content:center;gap:15px;margin:15px 0 5px;color:#0f0}.volume-panel label{font-size:.85rem;letter-spacing:1px}.volume-slider{width:140px}.playlist-section{margin-top:25px;border-top:1px dashed #2a6b2a;padding-top:15px}.playlist-header{font-size:.9rem;color:#5f5;margin-bottom:10px;display:flex;justify-content:space-between}.playlist-items{max-height:180px;overflow-y:auto;padding-right:5px}.playlist-items::-webkit-scrollbar{width:6px;background:#030}.playlist-items::-webkit-scrollbar-thumb{background:#0f0;border-radius:3px}.playlist-item{padding:8px 10px;margin-bottom:6px;background:#021102;border-left:4px solid #0a4a0a;cursor:pointer;transition:.1s linear;font-size:.85rem;display:flex;justify-content:space-between;font-family:monospace}.playlist-item:hover{background:#083008;border-left-color:#0f0;text-shadow:0 0 2px #0f0}.playlist-item.active-track{background:#1a3a1a;border-left-color:#cfc;box-shadow:inset 0 0 5px #0f0;color:#efe}.song-title-small{font-weight:700;color:#9f9}.song-artist-small{color:#6b6;font-size:.7rem}.footer-matrix{text-align:center;margin-top:18px;font-size:.7rem;color:#2b5e2b;letter-spacing:1px}.scrollbox{display:flex;justify-content:around;align-items:center;gap:8px;border:2px solid var(--matrix-border-glow);padding:0 9px}@media(max-width:550px){.player-container{padding:1.2rem}.track-name{font-size:1.2rem}.ctrl-btn{font-size:1.5rem;padding:6px 16px}.controls{gap:1.2rem;justify-content:center}}