:root{--bg: #0a0a0f;--bg-secondary: #0e0e16;--surface: #12121a;--surface-hover: #1a1a28;--border: #1e1e2e;--border-bright: #2a2a3e;--neon-cyan: #00f0ff;--neon-pink: #ff00aa;--neon-green: #00ff88;--neon-purple: #8b5cf6;--neon-yellow: #ffe600;--neon-orange: #ff6600;--text: #e0e0e0;--text-secondary: #a0a0b0;--muted: #666680;--font-display: "Orbitron", monospace;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 8px;--radius-lg: 12px;--glow-cyan: 0 0 10px rgba(0, 240, 255, .3), 0 0 40px rgba(0, 240, 255, .1);--glow-pink: 0 0 10px rgba(255, 0, 170, .3), 0 0 40px rgba(255, 0, 170, .1);--glow-green: 0 0 10px rgba(0, 255, 136, .3), 0 0 40px rgba(0, 255, 136, .1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,240,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 0%,rgba(0,240,255,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(255,0,170,.04) 0%,transparent 60%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}a{color:var(--neon-cyan);text-decoration:none;transition:all .2s ease}a:hover{color:#fff;text-shadow:0 0 8px var(--neon-cyan)}::selection{background:#00f0ff4d;color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.site-header{border-bottom:1px solid var(--border);padding:2rem 0;position:sticky;top:0;z-index:100;background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.site-header-inner{max-width:800px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.site-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:.08em;color:#fff;text-shadow:0 0 20px rgba(0,240,255,.5),0 0 60px rgba(0,240,255,.2);text-decoration:none;transition:all .3s ease}.site-title:hover{text-shadow:0 0 30px rgba(0,240,255,.8),0 0 80px rgba(0,240,255,.4);color:#fff}.header-nav{display:flex;gap:1.5rem;align-items:center}.header-nav a{font-size:.8rem;font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;transition:all .2s ease}.header-nav a:hover{color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,240,255,.4)}.main-content{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease;position:relative}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px}.card:hover{border-color:var(--border-bright);transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.card-type-note:before{background:var(--neon-cyan)}.card-type-link:before{background:var(--neon-pink)}.card-type-image:before{background:var(--neon-green)}.card-type-audio:before{background:var(--neon-purple)}.card-type-video:before{background:var(--neon-orange)}.card-type-code:before{background:var(--neon-yellow)}.card-type-note:hover{box-shadow:0 8px 30px #0000004d,0 0 20px #00f0ff0d}.card-type-link:hover{box-shadow:0 8px 30px #0000004d,0 0 20px #ff00aa0d}.card-type-image:hover{box-shadow:0 8px 30px #0000004d,0 0 20px #00ff880d}.card-type-audio:hover{box-shadow:0 8px 30px #0000004d,0 0 20px #8b5cf60d}.card-type-video:hover{box-shadow:0 8px 30px #0000004d,0 0 20px #ff66000d}.card-type-code:hover{box-shadow:0 8px 30px #0000004d,0 0 20px #ffe6000d}.card-body{padding:1.25rem 1.5rem}.card-title{font-family:var(--font-body);font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.75rem;color:var(--muted);font-family:var(--font-mono)}.card-type-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono)}.badge-note{background:#00f0ff1a;color:var(--neon-cyan)}.badge-link{background:#ff00aa1a;color:var(--neon-pink)}.badge-image{background:#00ff881a;color:var(--neon-green)}.badge-audio{background:#8b5cf61a;color:var(--neon-purple)}.badge-video{background:#ff66001a;color:var(--neon-orange)}.badge-code{background:#ffe6001a;color:var(--neon-yellow)}.card-content{font-size:.95rem;line-height:1.7;color:var(--text-secondary)}.card-content p{margin-bottom:.75rem}.card-content p:last-child{margin-bottom:0}.card-content code{font-family:var(--font-mono);background:#00f0ff14;padding:.1rem .4rem;border-radius:3px;font-size:.85em;color:var(--neon-cyan)}.card-content pre{background:#0a0a10;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;overflow-x:auto;margin:.75rem 0;position:relative}.card-content pre code{background:none;padding:0;font-size:.85rem;line-height:1.6;color:var(--text)}.card-content strong{color:#fff}.card-content em{color:var(--neon-cyan);font-style:normal}.card-content a{color:var(--neon-pink);border-bottom:1px solid rgba(255,0,170,.3)}.card-content a:hover{border-bottom-color:var(--neon-pink)}.link-card{display:block;text-decoration:none;color:inherit;transition:all .3s ease}.link-preview{background:var(--bg-secondary);border-top:1px solid var(--border)}.link-preview-image{width:100%;height:200px;object-fit:cover;display:block}.link-preview-body{padding:1rem 1.5rem}.link-preview-title{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.25rem}.link-preview-desc{font-size:.8rem;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-url{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);padding:.5rem 1.5rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.5rem}.image-card-img{width:100%;display:block;cursor:zoom-in;transition:opacity .2s ease}.image-card-img:hover{opacity:.95}.audio-player{width:100%;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.audio-controls{display:flex;align-items:center;gap:.75rem}.audio-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--neon-purple);background:#8b5cf61a;color:var(--neon-purple);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease;flex-shrink:0}.audio-btn:hover{background:#8b5cf633;box-shadow:var(--glow-green);transform:scale(1.05)}.audio-progress-wrap{flex:1;height:6px;background:var(--border);border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.audio-progress-bar{height:100%;background:linear-gradient(90deg,var(--neon-purple),var(--neon-cyan));border-radius:3px;transition:width .1s linear;box-shadow:0 0 10px #8b5cf666}.audio-time{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);min-width:40px}.audio-visualizer{display:flex;align-items:flex-end;gap:2px;height:30px;padding:0 1.5rem}.audio-visualizer .bar{flex:1;background:var(--neon-purple);border-radius:2px 2px 0 0;min-height:3px;opacity:.6;transition:height .15s ease}.video-wrap{position:relative;background:#000}.video-wrap video{width:100%;display:block}.code-block{position:relative}.code-lang{position:absolute;top:.75rem;right:.75rem;font-family:var(--font-mono);font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;padding:.15rem .5rem;background:#ffe60014;border-radius:3px;color:var(--neon-yellow)}.code-copy{position:absolute;top:.75rem;right:5rem;font-family:var(--font-mono);font-size:.65rem;color:var(--muted);padding:.15rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:all .2s ease}.code-copy:hover{color:var(--neon-green);border-color:var(--neon-green)}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn .2s ease}.lightbox-overlay img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:var(--radius)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.pagination-btn{font-family:var(--font-mono);font-size:.8rem;padding:.5rem 1rem;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);padding:0 .5rem}.card-permalink{color:var(--muted);font-size:.8rem;opacity:0;transition:opacity .2s ease;margin-left:auto}.card:hover .card-permalink{opacity:1}.card-permalink:hover{color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,240,255,.4)}.post-page-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.post-page-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);margin-top:1rem;line-height:1.6}.post-page-id{font-family:var(--font-mono);font-size:.65rem;color:var(--border-bright);margin-top:.5rem;letter-spacing:.05em}.post-animate{animation:slideUp .4s ease forwards;opacity:0}.empty-state{text-align:center;padding:4rem 2rem;color:var(--muted)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;display:block}.empty-state h2{font-family:var(--font-display);font-size:1.2rem;color:var(--text);margin-bottom:.5rem}.empty-state p{font-size:.9rem}.loading-skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius);height:200px;margin-bottom:1.5rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.admin-page{min-height:100vh}.admin-login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.admin-login-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:400px}.admin-login-box h1{font-family:var(--font-display);font-size:1.2rem;text-align:center;margin-bottom:2rem;color:var(--neon-cyan);text-shadow:0 0 20px rgba(0,240,255,.3)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-family:var(--font-mono);font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem}.form-input{width:100%;padding:.65rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:.9rem;transition:all .2s ease;outline:none}.form-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 3px #00f0ff1a}.form-input::placeholder{color:var(--muted);opacity:.5}textarea.form-input{min-height:120px;resize:vertical;font-family:var(--font-mono);font-size:.85rem;line-height:1.5}.form-select{width:100%;padding:.65rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:.9rem;outline:none;cursor:pointer;transition:all .2s ease}.form-select:focus{border-color:var(--neon-cyan)}.btn{font-family:var(--font-mono);font-size:.8rem;padding:.6rem 1.25rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.03em}.btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.btn-primary{background:linear-gradient(135deg,#00f0ff26,#8b5cf626);border-color:var(--neon-cyan);color:var(--neon-cyan)}.btn-primary:hover{background:linear-gradient(135deg,#00f0ff40,#8b5cf640);box-shadow:var(--glow-cyan);color:#fff}.btn-danger{border-color:#f33;color:#f33}.btn-danger:hover{background:#ff33331a;box-shadow:0 0 10px #ff33334d}.btn-block{width:100%;justify-content:center;padding:.75rem}.admin-header{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-family:var(--font-display);font-size:1rem;color:var(--neon-cyan)}.admin-actions{display:flex;gap:.75rem;align-items:center}.admin-body{max-width:900px;margin:0 auto;padding:1.5rem}.editor-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.editor-card h2{font-family:var(--font-display);font-size:.9rem;color:var(--text);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.type-selector{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:1.5rem}.type-btn{padding:.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--muted);font-family:var(--font-mono);font-size:.65rem;text-align:center;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.type-btn:hover{border-color:var(--border-bright);color:var(--text)}.type-btn.active-note{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00f0ff0d}.type-btn.active-link{border-color:var(--neon-pink);color:var(--neon-pink);background:#ff00aa0d}.type-btn.active-image{border-color:var(--neon-green);color:var(--neon-green);background:#00ff880d}.type-btn.active-audio{border-color:var(--neon-purple);color:var(--neon-purple);background:#8b5cf60d}.type-btn.active-video{border-color:var(--neon-orange);color:var(--neon-orange);background:#ff66000d}.type-btn.active-code{border-color:var(--neon-yellow);color:var(--neon-yellow);background:#ffe6000d}.og-preview{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;margin-top:.75rem;display:flex;gap:.75rem;align-items:flex-start}.og-preview img{width:80px;height:60px;object-fit:cover;border-radius:4px;flex-shrink:0}.og-preview-text h4{font-size:.8rem;color:#fff;margin-bottom:.2rem}.og-preview-text p{font-size:.7rem;color:var(--muted);line-height:1.4}.media-upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:2rem;text-align:center;color:var(--muted);cursor:pointer;transition:all .2s ease}.media-upload-zone:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.media-upload-zone.dragging{border-color:var(--neon-green);background:#00ff880d;color:var(--neon-green)}.media-preview{margin-top:.75rem;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.media-preview img{max-width:100%;max-height:200px;display:block}.post-list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.post-list-item:hover{border-color:var(--border-bright)}.post-list-item-left{display:flex;align-items:center;gap:.75rem;min-width:0}.post-list-item-title{font-size:.85rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-list-item-date{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);flex-shrink:0}.post-list-item-actions{display:flex;gap:.5rem;flex-shrink:0}.editor-row{display:flex;gap:1rem;align-items:flex-start}.editor-row>*{flex:1}.editor-row .form-group{margin-bottom:0}.og-fetch-btn{margin-top:.4rem;font-size:.7rem;padding:.3rem .6rem}@media(max-width:640px){.site-header-inner{flex-direction:column;gap:.75rem}.type-selector{grid-template-columns:repeat(3,1fr)}.editor-row{flex-direction:column}.post-list-item{flex-direction:column;align-items:flex-start;gap:.5rem}.post-list-item-actions{align-self:flex-end}.link-preview-image{height:140px}.card-body{padding:1rem}}.site-footer{border-top:1px solid var(--border);padding:2rem 0;margin-top:2rem}.site-footer-inner{max-width:800px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.footer-brand{font-family:var(--font-display);font-size:.75rem;color:var(--muted);letter-spacing:.1em}.footer-tagline{font-family:var(--font-mono);font-size:.7rem;color:var(--border-bright);letter-spacing:.05em}.site-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-cyan),var(--neon-pink),transparent);opacity:.4}@keyframes glitch{0%,90%,to{transform:none}92%{transform:translate(-2px,1px)}94%{transform:translate(2px,-1px)}96%{transform:translate(-1px,-1px)}98%{transform:translate(1px,1px)}}.site-title:hover{animation:glitch .3s ease}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@media(prefers-reduced-motion:no-preference){.card:hover .card-type-badge{animation:pulseGlow 1s ease infinite}}