.address-bar{display:flex;gap:8px;padding:16px;background:var(--bg-light);border-bottom:1px solid var(--primary-color)}.nav-button,.action-button,.go-button{background:var(--bg-light);border:1px solid var(--primary-color);color:var(--primary-color);padding:8px 16px;cursor:pointer;font-family:Courier New,monospace;font-size:16px;transition:all .2s}.nav-button:hover:not(:disabled),.action-button:hover:not(:disabled),.go-button:hover{background:var(--primary-color);color:var(--bg-color);box-shadow:0 0 10px var(--primary-color)}.nav-button:disabled{opacity:.3;cursor:not-allowed}.url-form{flex:1;display:flex;gap:8px}.url-input{flex:1;background:var(--bg-color);border:1px solid var(--primary-color);color:var(--primary-color);padding:8px 12px;font-family:Courier New,monospace;font-size:14px}.url-input:focus{outline:none;box-shadow:0 0 10px var(--primary-color)}.url-input::placeholder{color:var(--primary-color);opacity:.4}.search-input{display:flex;gap:8px;padding:16px;background:var(--bg-light);border:1px solid var(--primary-color);margin-bottom:16px}.search-field{flex:1;background:var(--bg-color);border:1px solid var(--primary-color);color:var(--primary-color);padding:8px 12px;font-family:Courier New,monospace;font-size:14px}.search-field:focus{outline:none;box-shadow:0 0 10px var(--primary-color)}.search-field::placeholder{color:var(--primary-color);opacity:.4}.search-button{background:var(--bg-light);border:1px solid var(--primary-color);color:var(--primary-color);padding:8px 16px;cursor:pointer;font-family:Courier New,monospace;font-size:14px;transition:all .2s}.search-button:hover:not(:disabled){background:var(--primary-color);color:var(--bg-color);box-shadow:0 0 10px var(--primary-color)}.search-button:disabled{opacity:.3;cursor:not-allowed}.content-display{padding:20px;flex:1;overflow-y:auto}.content-display.menu{display:flex;flex-direction:column;gap:4px}.menu-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:transparent;border:1px solid transparent;color:var(--primary-color);font-family:Courier New,monospace;font-size:14px;text-align:left;cursor:pointer;transition:all .2s}.menu-item:hover{background:var(--bg-light);border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.menu-item.info{cursor:default;opacity:.7}.menu-item.info:hover{background:transparent;border-color:transparent;box-shadow:none}.menu-item.error{color:#f33;border-color:#f33}.menu-item.error:hover{background:#ff33331a;box-shadow:0 0 10px #ff33334d}.menu-item.binary .download-badge{margin-left:auto;font-size:10px;opacity:.6}.item-icon{font-size:16px;width:20px;text-align:center}.item-display{flex:1}.content-display.text{background:var(--bg-light);border:1px solid var(--primary-color);opacity:.9}.content-display.text pre{color:var(--primary-color);font-family:Courier New,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;margin:0}.content-display.empty{display:flex;align-items:center;justify-content:center;color:var(--primary-color);opacity:.5;font-style:italic}.panel{position:fixed;right:20px;top:120px;width:400px;max-height:600px;background:var(--bg-color);border:2px solid var(--primary-color);box-shadow:0 0 20px var(--primary-color);z-index:1000;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--primary-color);background:var(--bg-light)}.panel-header h2{margin:0;font-size:16px;color:var(--primary-color);font-family:Courier New,monospace}.panel-actions{display:flex;gap:8px;align-items:center}.close-button,.clear-button{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:4px 12px;cursor:pointer;font-family:Courier New,monospace;font-size:14px;transition:all .2s}.close-button:hover,.clear-button:hover{background:var(--primary-color);color:var(--bg-color)}.panel-content{flex:1;overflow-y:auto;padding:12px}.empty-message{color:var(--primary-color);opacity:.5;text-align:center;padding:40px 20px;font-style:italic}.item-list{display:flex;flex-direction:column;gap:8px}.panel-item{display:flex;gap:8px;border:1px solid var(--primary-color);opacity:.7;background:var(--bg-light);transition:all .2s}.panel-item:hover{border-color:var(--primary-color);opacity:1;box-shadow:0 0 5px var(--primary-color)}.item-link{flex:1;background:transparent;border:none;color:var(--primary-color);padding:12px;text-align:left;cursor:pointer;font-family:Courier New,monospace}.item-title{font-size:14px;font-weight:700;margin-bottom:4px}.item-url{font-size:11px;opacity:.7;word-break:break-all}.item-time{font-size:10px;opacity:.5;margin-top:4px}.delete-button{background:transparent;border:none;color:#f33;padding:8px;cursor:pointer;font-size:16px;transition:all .2s}.delete-button:hover{background:#ff33331a}*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#0f0;font-family:Courier New,Courier,monospace;overflow:hidden}.app.theme-green{--primary-color: #00ff00;--bg-color: #000;--bg-light: #001a00}.app.theme-amber{--primary-color: #ffb000;--bg-color: #000;--bg-light: #1a0f00}.app.theme-white{--primary-color: #ffffff;--bg-color: #000;--bg-light: #1a1a1a}.app{height:100vh;display:flex;flex-direction:column;background:var(--bg-color);color:var(--primary-color)}.app-header{padding:20px;text-align:center;border-bottom:2px solid var(--primary-color);background:linear-gradient(180deg,var(--bg-light) 0%,var(--bg-color) 100%);box-shadow:0 0 20px var(--primary-color);position:relative}.theme-toggle{position:absolute;top:20px;right:20px;background:var(--bg-light);border:1px solid var(--primary-color);color:var(--primary-color);padding:8px 16px;cursor:pointer;font-family:Courier New,monospace;font-size:12px;transition:all .2s}.theme-toggle:hover{background:var(--primary-color);color:var(--bg-color);box-shadow:0 0 10px var(--primary-color)}.app-title{font-size:32px;font-weight:700;color:var(--primary-color);text-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color);letter-spacing:4px;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color)}to{text-shadow:0 0 20px var(--primary-color),0 0 30px var(--primary-color),0 0 40px var(--primary-color)}}.gopher-icon{display:inline-block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.subtitle{font-size:14px;opacity:.7;margin-left:16px;letter-spacing:2px}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--primary-color)}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p{font-size:14px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error{padding:40px;text-align:center;color:#f33;border:2px solid #ff3333;margin:20px;background:#ff33330d;box-shadow:0 0 20px #ff33334d}.error h2{font-size:24px;margin-bottom:16px;text-shadow:0 0 10px #ff3333}.error p{font-size:14px;line-height:1.6}.welcome{padding:40px 40px 60px;text-align:center}.ascii-art{font-size:10px;line-height:1.2;color:var(--primary-color);text-shadow:0 0 5px var(--primary-color);margin-bottom:30px;animation:flicker 3s infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.95}75%{opacity:.98}}.welcome h2{font-size:28px;margin-bottom:20px;text-shadow:0 0 10px var(--primary-color)}.welcome p{font-size:16px;opacity:.8;margin-bottom:40px}.example-links{display:flex;flex-direction:column;align-items:center;gap:12px}.example-links h3{font-size:18px;margin-bottom:12px;opacity:.7}.example-links button{background:var(--bg-light);border:1px solid var(--primary-color);color:var(--primary-color);padding:12px 24px;cursor:pointer;font-family:Courier New,monospace;font-size:14px;transition:all .2s;min-width:300px}.example-links button:hover{background:var(--primary-color);color:var(--bg-color);box-shadow:0 0 20px var(--primary-color);transform:translateY(-2px)}.app-footer{padding:12px;text-align:center;border-top:1px solid var(--primary-color);background:var(--bg-light);font-size:11px;opacity:.6}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#000;border-left:1px solid #00ff00}::-webkit-scrollbar-thumb{background:#0f0;border:2px solid #000}::-webkit-scrollbar-thumb:hover{background:#0f0;box-shadow:0 0 10px #0f0}::selection{background:#0f0;color:#000}.app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--primary-color) 2px,var(--primary-color) 4px);opacity:.03;pointer-events:none;z-index:9999}:root{font-family:Courier New,Courier,monospace;line-height:1.5;font-weight:400;color:#0f0;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}