:root{--nc-bg-void: #050508;--nc-bg-dark: #0a0a12;--nc-bg-mid: #12121e;--nc-red: #ff003c;--nc-red-dim: #8b0020;--nc-cyan: #00f5ff;--nc-cyan-dim: #006070;--nc-yellow: #f5e642;--nc-purple: #bd00ff;--nc-text: #c8d8e4;--nc-text-dim: #4a5568;--nc-glow-red: 0 0 10px #ff003c, 0 0 20px #ff003c, 0 0 40px #8b0020;--nc-glow-cyan: 0 0 10px #00f5ff, 0 0 20px #00f5ff, 0 0 40px #006070;--nc-glow-yellow: 0 0 8px #f5e642, 0 0 16px #f5e642;font-family:Share Tech Mono,Courier New,monospace;font-size:16px;line-height:1.6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--nc-bg-void);color:var(--nc-text);min-height:100vh;overflow-x:hidden;background-image:linear-gradient(rgba(0,245,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.025) 1px,transparent 1px);background-size:40px 40px}.scanlines{position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 4px);pointer-events:none;z-index:100;animation:scanline-flicker 8s linear infinite}@keyframes scanline-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.7}94%{opacity:1}96%{opacity:.8}97%{opacity:1}}.noise-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none;z-index:99;opacity:.35;animation:noise-shift .2s steps(1) infinite}@keyframes noise-shift{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(1px,1px)}}.glitch-text{position:relative;font-family:Orbitron,sans-serif;font-weight:900;color:var(--nc-red);text-shadow:var(--nc-glow-red);animation:glitch-pulse 4s ease-in-out infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{color:var(--nc-cyan);animation:glitch-before 4s ease-in-out infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch-text:after{color:var(--nc-yellow);animation:glitch-after 4s ease-in-out infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitch-pulse{0%,90%,to{text-shadow:var(--nc-glow-red)}91%{text-shadow:none}92%{text-shadow:var(--nc-glow-red)}95%{text-shadow:-2px 0 var(--nc-cyan),2px 0 var(--nc-yellow)}96%{text-shadow:var(--nc-glow-red)}}@keyframes glitch-before{0%,90%,to{transform:translate(0);opacity:0}91%{transform:translate(-3px,-1px);opacity:.8}92%{transform:translate(3px,1px);opacity:.8}93%{transform:translate(0);opacity:0}96%{transform:translate(-2px);opacity:.6}97%{transform:translate(0);opacity:0}}@keyframes glitch-after{0%,90%,to{transform:translate(0);opacity:0}91%{transform:translate(3px,1px);opacity:.7}92%{transform:translate(-3px,-1px);opacity:.7}93%{transform:translate(0);opacity:0}96%{transform:translate(2px);opacity:.5}97%{transform:translate(0);opacity:0}}.glitch-text.small{font-size:1.2rem;animation-duration:6s}.blink{animation:blink 1.1s step-end infinite;color:var(--nc-cyan)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes neon-pulse-red{0%,to{box-shadow:0 0 5px var(--nc-red),0 0 10px var(--nc-red-dim)}50%{box-shadow:0 0 15px var(--nc-red),0 0 30px var(--nc-red-dim),0 0 50px #ff003c4d}}@keyframes neon-pulse-yellow{0%,to{box-shadow:0 0 5px var(--nc-yellow),0 0 10px #f5e64266}50%{box-shadow:0 0 12px var(--nc-yellow),0 0 24px #f5e64266}}#app{min-height:100vh;position:relative}.auth-panel{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;position:relative}.auth-logo{text-align:center;margin-bottom:3rem}.auth-logo .glitch-text{font-size:clamp(2rem,8vw,4rem);display:block;margin-bottom:.75rem}.auth-subtitle{color:var(--nc-text-dim);font-size:.85rem;letter-spacing:.2em}.auth-tabs{display:flex;gap:0;margin-bottom:2rem;border:1px solid var(--nc-red-dim);width:100%;max-width:420px}.auth-tab{flex:1;padding:.65rem 1.5rem;background:transparent;border:none;color:var(--nc-text-dim);font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.15em;cursor:pointer;transition:all .2s}.auth-tab.active{background:var(--nc-red);color:var(--nc-bg-void);box-shadow:var(--nc-glow-red)}.auth-tab:not(.active):hover{color:var(--nc-red);background:#ff003c1a}.auth-form{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.25rem}.field-group{display:flex;flex-direction:column;gap:.4rem}.field-label{font-size:.75rem;color:var(--nc-cyan);letter-spacing:.15em;text-shadow:var(--nc-glow-cyan)}.cyber-input{width:100%;padding:.85rem 1rem;background:var(--nc-bg-mid);border:1px solid var(--nc-cyan-dim);color:var(--nc-text);font-family:Share Tech Mono,monospace;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.cyber-input:focus{border-color:var(--nc-cyan);box-shadow:0 0 15px #00f5ff40}.cyber-input::placeholder{color:var(--nc-text-dim)}.cyber-textarea{width:100%;padding:1rem;background:var(--nc-bg-mid);border:1px solid var(--nc-red-dim);color:var(--nc-text);font-family:Share Tech Mono,monospace;font-size:.95rem;line-height:1.7;resize:vertical;min-height:120px;outline:none;transition:border-color .2s,box-shadow .2s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.cyber-textarea:focus{border-color:var(--nc-red);box-shadow:0 0 20px #ff003c33}.cyber-textarea::placeholder{color:var(--nc-text-dim)}.cyber-btn{position:relative;padding:.85rem 2rem;background:transparent;border:1px solid var(--nc-red);color:var(--nc-red);font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.2em;cursor:pointer;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:all .2s;overflow:hidden;white-space:nowrap}.cyber-btn .btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--nc-red);opacity:0;transition:opacity .2s;pointer-events:none}.cyber-btn:hover{box-shadow:var(--nc-glow-red);animation:neon-pulse-red 1.5s ease-in-out infinite}.cyber-btn:hover .btn-glow{opacity:1}.cyber-btn:hover .btn-text{position:relative;z-index:1;color:var(--nc-bg-void)}.cyber-btn:disabled{opacity:.45;cursor:not-allowed;animation:none}.compact-btn{padding:.65rem 1.5rem}.auth-error{color:var(--nc-red);font-size:.85rem;padding:.65rem .75rem;border:1px solid var(--nc-red-dim);background:#ff003c12;text-shadow:0 0 8px var(--nc-red)}.hidden{display:none!important}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--nc-red-dim);background:#050508eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:1.5rem;min-width:0}.user-badge{font-size:.78rem;color:var(--nc-text-dim);border:1px solid var(--nc-text-dim);padding:.2rem .6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.logout-btn{padding:.5rem 1.25rem;font-size:.7rem;border-color:var(--nc-text-dim);color:var(--nc-text-dim);clip-path:none;flex-shrink:0}.logout-btn:hover{border-color:var(--nc-yellow);color:var(--nc-yellow);background:#f5e64214;box-shadow:var(--nc-glow-yellow);animation:neon-pulse-yellow 1.5s ease-in-out infinite}.logout-btn:hover .btn-glow{background:var(--nc-yellow);opacity:0}.logout-btn:hover .btn-text{color:var(--nc-yellow)}.app-main{flex:1;max-width:720px;width:100%;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2.5rem}.input-zone{border:1px solid var(--nc-red-dim);background:#0a0a1299;padding:1.25rem;position:relative}.input-header{font-size:.75rem;color:var(--nc-red);letter-spacing:.15em;margin-bottom:.75rem;text-shadow:var(--nc-glow-red)}.input-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.char-count{font-size:.75rem;color:var(--nc-text-dim)}.char-count.near-limit{color:var(--nc-yellow);text-shadow:var(--nc-glow-yellow)}.thoughts-feed{display:flex;flex-direction:column;gap:1rem}.thought-card{position:relative;padding:1.25rem 1.25rem 1.25rem 1.5rem;background:var(--nc-bg-dark);border:1px solid rgba(255,0,60,.12);transition:border-color .2s,box-shadow .2s;overflow:hidden}.card-accent{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--nc-red);box-shadow:var(--nc-glow-red);opacity:.55;transition:opacity .2s}.thought-card:hover{border-color:#ff003c59;box-shadow:0 0 20px #ff003c0f}.thought-card:hover .card-accent{opacity:1}.thought-card.deleting{pointer-events:none;opacity:.3;transition:opacity .25s}.thought-text{color:var(--nc-text);font-size:.95rem;line-height:1.75;white-space:pre-wrap;word-break:break-word;margin-bottom:.75rem}.thought-footer{display:flex;justify-content:space-between;align-items:center}.thought-time{font-size:.75rem;color:var(--nc-yellow);letter-spacing:.05em}.delete-btn{font-family:Share Tech Mono,monospace;font-size:.7rem;padding:.2rem .5rem;background:transparent;border:1px solid transparent;color:transparent;cursor:pointer;letter-spacing:.1em;transition:color .2s,border-color .2s,background .2s}.thought-card:hover .delete-btn{color:var(--nc-text-dim);border-color:var(--nc-text-dim)}.delete-btn:hover{color:var(--nc-red)!important;border-color:var(--nc-red)!important;text-shadow:var(--nc-glow-red);background:#ff003c1a}.empty-state{text-align:center;padding:4rem 2rem;border:1px dashed var(--nc-text-dim)}.empty-state .blink{font-size:.9rem;display:block;margin-bottom:.75rem}.empty-sub{color:var(--nc-text-dim);font-size:.8rem}.loading-state{text-align:center;padding:3rem}.error-state{color:var(--nc-red);text-shadow:var(--nc-glow-red);padding:1rem;border:1px solid var(--nc-red-dim);font-size:.85rem;margin:0}.cyber-toast{position:fixed;bottom:2rem;right:2rem;z-index:200;padding:.75rem 1.25rem;background:var(--nc-bg-dark);border:1px solid var(--nc-red);color:var(--nc-red);font-size:.85rem;box-shadow:var(--nc-glow-red);transform:translateY(20px);opacity:0;transition:transform .3s,opacity .3s;max-width:320px}.cyber-toast.visible{transform:translateY(0);opacity:1}@media (max-width: 600px){.app-header{padding:.75rem 1rem;gap:.5rem}.header-left{gap:.75rem}.user-badge{display:none}.glitch-text.small{font-size:1rem}.app-main{padding:1.5rem 1rem}.cyber-btn{padding:.75rem 1.25rem}.cyber-toast{bottom:1rem;right:1rem;left:1rem;max-width:none}}