#root{max-width:100%;margin:0;padding:0;min-height:100vh;background:#050505;font-family:Courier New,monospace}.App{display:flex;height:100vh;background:#050505;color:#e8e8e8;gap:0}.main-content{flex:1;display:flex;flex-direction:column;gap:1rem;padding:1rem;overflow:hidden}.sidebar{width:280px;background:linear-gradient(to right,#050505,#0b1320);border-right:1px solid #000;color:#e8e8e8;font-family:Courier New,monospace;display:flex;flex-direction:column;padding:2rem 0;box-shadow:inset -10px 0 24px #000000d9}.sidebar-header{padding:0 1.5rem 2rem;border-bottom:1px dashed rgba(154,163,173,.36);margin-bottom:2rem}.sidebar-title{font-size:1.6rem;font-weight:700;letter-spacing:2px;margin:0 0 .5rem;color:#ffd84d;text-shadow:0 0 10px rgba(255,216,77,.25);line-height:1.2}.bitcoin-logo{font-size:1.8rem;color:#3aa8ff;text-shadow:0 0 6px rgba(58,168,255,.25);margin-left:.5rem}.sidebar-subtitle{font-size:1.2rem;font-weight:700;margin:.3rem 0;letter-spacing:1px;color:#e8e8e8}.sidebar-tagline{font-size:.75rem;color:#9aa3ad;text-shadow:0 0 4px rgba(154,163,173,.12);margin:.8rem 0 0;line-height:1.3;letter-spacing:.5px}.playlist-section{flex:1;overflow-y:auto;padding:0 1rem}.playlist-title{font-size:.9rem;font-weight:700;margin:0 0 1rem .5rem;letter-spacing:1px;color:#9aa3ad}.playlist{display:flex;flex-direction:column;gap:.5rem}.playlist-item{display:flex;gap:.8rem;padding:.6rem .8rem;cursor:pointer;border-left:3px solid transparent;transition:all .2s ease;border-radius:2px}.playlist-item:hover{background:#3aa8ff14;border-left-color:#3aa8ff;box-shadow:0 0 10px #3aa8ff1f}.playlist-item.active{background:#00ff9c1f;border-left-color:#00ff9c;box-shadow:0 0 14px #00ff9c2e}.item-number{font-weight:700;min-width:2rem;color:#ffd84d}.item-details{display:flex;flex-direction:column;font-size:.8rem}.item-date{color:#9aa3ad;font-size:.75rem}.item-title{color:#e8e8e8;font-weight:700}.item-caption{color:#9aa3ad;font-size:.72rem;margin-top:.25rem;line-height:1.3;opacity:.9}.sidebar-footer{border-top:1px dashed rgba(154,163,173,.36);padding:1.5rem;text-align:center}.memory-count{font-size:.8rem;margin:0 0 1rem;letter-spacing:.5px;text-shadow:0 0 4px rgba(255,255,255,.1)}.vhs-label{background:linear-gradient(135deg,#0b1320,#050505);border:1px solid #3aa8ff;padding:.4rem .8rem;font-weight:700;font-size:.9rem;letter-spacing:2px;color:#e8e8e8;box-shadow:0 0 10px #3aa8ff1f}.playlist-section::-webkit-scrollbar{width:6px}.playlist-section::-webkit-scrollbar-track{background:#0003}.playlist-section::-webkit-scrollbar-thumb{background:#9aa3ad59;border-radius:3px}.main-screen{flex:1;background:#050505;display:flex;flex-direction:column;padding:1.5rem;gap:1rem;border:1px solid #000;box-shadow:inset 0 0 24px #ffffff0d}.screen-header{display:flex;justify-content:space-between;align-items:center;color:#e8e8e8;font-family:Courier New,monospace;padding:.5rem 1rem;background:#0b1320bf;border:1px solid rgba(58,168,255,.18);border-radius:2px}.rec-indicator{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9rem}.rec-dot{display:inline-block;width:10px;height:10px;background:#ff3b3b;border-radius:50%;animation:pulse .5s infinite alternate;box-shadow:0 0 10px #ff3b3b66}@keyframes pulse{0%{box-shadow:0 0 10px #ff3b3b66}to{box-shadow:0 0 2px #ff3b3b66}}.time-display{text-align:right;font-size:.85rem;letter-spacing:1px;text-shadow:0 0 6px rgba(255,255,255,.18);color:#9aa3ad}.timestamp{font-size:1rem;font-weight:700;color:#e8e8e8}.screen-video{flex:1;background:#0b1320;position:relative;border:2px solid #000;overflow:hidden;box-shadow:inset 0 0 30px #000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.07),rgba(255,255,255,.07) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:10}.video-content{position:relative;z-index:5;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.image-placeholder{width:60%;aspect-ratio:1.5;background:#0b1320;border:2px solid #3aa8ff;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#9aa3ad;font-size:.95rem;text-shadow:0 0 3px rgba(255,255,255,.1);overflow:hidden;position:relative}.memory-image{width:100%;height:100%;object-fit:cover}.placeholder-text{padding:1rem;text-align:center;color:#9aa3ad;font-style:italic}.video-preview{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;color:#e8e8e8}.video-banner{position:absolute;top:0;width:100%;text-align:center;font-size:.8rem;letter-spacing:.2rem;text-transform:uppercase;padding:.6rem 0;background:#000000bf;border-bottom:1px solid rgba(58,168,255,.25)}.video-frame{width:90%;height:60%;background:linear-gradient(135deg,#0b1320,#050505);border:1px solid #3aa8ff;box-shadow:inset 0 0 18px #3aa8ff1f;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.video-frame:before{content:"";position:absolute;width:120%;height:120%;background:radial-gradient(circle at center,rgba(58,168,255,.05),transparent 35%);opacity:.45}.video-play-icon{position:relative;font-size:3rem;color:#e8e8e8;text-shadow:0 0 12px rgba(58,168,255,.3)}.video-caption{font-size:.85rem;text-align:center;color:#9aa3ad;max-width:90%}.video-overlay{text-align:center;color:#e8e8e8;font-family:Courier New,monospace}.video-title{font-size:1.6rem;font-weight:700;margin:0;color:#3aa8ff;text-shadow:0 0 14px rgba(58,168,255,.24);letter-spacing:2px;text-transform:uppercase}.video-description{font-size:.95rem;margin:.5rem 0 0;color:#9aa3ad;text-shadow:0 0 6px rgba(255,255,255,.12);font-style:italic}.terminal-panel{width:100%;height:100%;background:#000000eb;border:1px solid rgba(0,255,156,.25);border-radius:6px;padding:1rem;box-shadow:inset 0 0 18px #00ff9c14;display:flex;flex-direction:column;justify-content:flex-start}.terminal-header{font-size:.75rem;color:#00ff9c;letter-spacing:.2rem;margin-bottom:.75rem;text-transform:uppercase}.terminal-lines{max-height:168px;overflow-y:auto}.terminal-line{color:#e8e8e8;font-size:.92rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.terminal-cursor .cursor{display:inline-block;margin-left:.15rem;width:8px;animation:blink 1s step-start infinite;color:#00ff9c}@keyframes blink{0%,50%{opacity:1}50.1%,to{opacity:0}}.tracking-info{position:absolute;bottom:1rem;left:1rem;display:flex;align-items:center;gap:.8rem;font-size:.8rem;color:#9aa3ad}.sp-label{font-weight:700;border:1px solid rgba(0,255,156,.4);padding:.3rem .6rem;border-radius:2px;color:#00ff9c}.tracking-label{font-weight:700;color:#e8e8e8}.tracking-bar{width:100px;height:3px;background:linear-gradient(90deg,#00ff9c,#3aa8ff,#00ff9c);box-shadow:0 0 6px #00ff9c40}.screen-footer{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#0b1320bf;border:1px solid rgba(58,168,255,.15);border-radius:2px;font-family:Courier New,monospace;font-size:.85rem;color:#e8e8e8}.counter-display{display:flex;gap:1rem;align-items:center}.counter-label{font-weight:700}.counter-value{color:#ddd;font-weight:700;text-shadow:0 0 3px rgba(255,255,255,.12)}.duration-display{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.duration-time{color:#ccc;font-weight:700}.control-bar{background:linear-gradient(180deg,#050505,#0b1320);border:1px solid #000;border-radius:4px;padding:1.5rem;display:flex;justify-content:space-around;align-items:center;gap:1rem;box-shadow:0 0 18px #3aa8ff1a,inset 0 2px 5px #0009}.control-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem 1.2rem;background:#0b1320f2;border:1px solid rgba(58,168,255,.4);color:#e8e8e8;font-family:Courier New,monospace;font-weight:700;font-size:.8rem;cursor:pointer;border-radius:4px;transition:all .2s ease;text-shadow:0 0 3px rgba(255,255,255,.2);box-shadow:0 0 12px #3aa8ff1f}.control-btn:hover{background:#3aa8ff24;color:#e8e8e8;box-shadow:0 0 18px #3aa8ff3d;text-shadow:none}.control-btn:active{transform:scale(.95)}.control-label{font-size:.7rem;letter-spacing:.5px;color:#9aa3ad}.play-icon,.rewind-icon,.fastforward-icon,.pause-icon{font-size:1.2rem}.tape-reel{display:flex;align-items:center;gap:1rem;padding:0 1.5rem}.reel{width:50px;height:50px;border:2px solid #3aa8ff;border-radius:50%;position:relative;background:radial-gradient(circle at center,#0b1320,#050505);box-shadow:inset 0 0 12px #000000d9,0 0 12px #3aa8ff29;animation:spin 3s linear infinite}.reel:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#9aa3ad;border-radius:2px;box-shadow:0 0 5px #9aa3ad40}.reel-left{animation-direction:normal}.reel-right{animation-direction:reverse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tape-cassette{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.8rem 1.2rem;background:linear-gradient(135deg,#0b1320,#050505);border:1px solid rgba(58,168,255,.3);border-radius:4px;box-shadow:0 0 10px #3aa8ff14}.cassette-label{font-family:Courier New,monospace;font-weight:700;font-size:.8rem;color:#e8e8e8;letter-spacing:1px;text-shadow:0 0 4px rgba(58,168,255,.14)}.cassette-sublabel{font-family:Courier New,monospace;font-size:.65rem;color:#9aa3ad;letter-spacing:.5px}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505;color:#e8e8e8;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes flicker{0%{opacity:.95}5%{opacity:.85}10%{opacity:.95}to{opacity:.95}}#root{animation:flicker .15s infinite}