@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=JetBrains+Mono:wght@300;400;500;600&display=swap";html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{min-height:100vh}:root{--color-void: #0a0a0f;--color-deep-space: #12121a;--color-obsidian: #1a1a24;--color-cyan-primary: #00d9ff;--color-cyan-glow: #00f0ff;--color-blue-electric: #0066ff;--color-amber: #ffb366;--color-amber-glow: #ffc988;--color-text-primary: #e8f4f8;--color-text-secondary: #8ba3b0;--color-text-muted: #5a6d7a;--font-display: "Orbitron", monospace;--font-mono: "JetBrains Mono", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-glow-cyan: 0 0 20px rgba(0, 217, 255, .3);--shadow-glow-amber: 0 0 20px rgba(255, 179, 102, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-mono);background:var(--color-void);color:var(--color-text-primary);overflow-x:hidden;line-height:1.6}.app-container{min-height:100vh;width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-void) 0%,var(--color-deep-space) 50%,var(--color-obsidian) 100%)}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;background:var(--color-cyan-primary);border-radius:50%;opacity:0;animation:floatParticle linear infinite;box-shadow:0 0 10px var(--color-cyan-glow)}@keyframes floatParticle{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) translate(50px);opacity:0}}.knowledge-cards-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.15}.knowledge-card-float{position:absolute;width:120px;height:80px;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-blue-electric));border-radius:var(--radius-md);opacity:0;animation:floatCard 8s ease-in-out infinite;box-shadow:0 0 30px #00d9ff33}@keyframes floatCard{0%,to{opacity:0;transform:translateY(0) rotate(0)}50%{opacity:.3;transform:translateY(-20px) rotate(5deg)}}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:1;opacity:.4}.content-wrapper{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg);min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-2xl)}.hero-section{text-align:center;animation:fadeInUp 1s ease-out}.logo-container{position:relative;display:inline-block;margin-bottom:var(--spacing-lg)}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(0,217,255,.2) 0%,transparent 70%);filter:blur(40px);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.app-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:.05em;line-height:1;position:relative;display:inline-block;margin:0}.title-i{color:var(--color-cyan-primary);text-shadow:0 0 20px var(--color-cyan-glow),0 0 40px var(--color-cyan-glow),0 0 60px rgba(0,217,255,.3);animation:glowPulse 2s ease-in-out infinite}.title-know{color:var(--color-text-primary);margin-left:.1em}@keyframes glowPulse{0%,to{text-shadow:0 0 20px var(--color-cyan-glow),0 0 40px var(--color-cyan-glow),0 0 60px rgba(0,217,255,.3)}50%{text-shadow:0 0 30px var(--color-cyan-glow),0 0 60px var(--color-cyan-glow),0 0 90px rgba(0,217,255,.5)}}.tagline{font-family:var(--font-mono);font-size:clamp(.9rem,2vw,1.1rem);font-weight:300;color:var(--color-text-secondary);letter-spacing:.15em;text-transform:uppercase;opacity:0;animation:fadeIn 1s ease-out .3s forwards}@keyframes fadeIn{to{opacity:1}}.search-section{animation:fadeInUp 1s ease-out .4s backwards;display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center}.search-form{width:100%;max-width:700px}.search-container{position:relative;width:100%;transition:all .3s ease}.search-container.focused .search-glow{opacity:.6;animation:searchGlowPulse 2s ease-in-out infinite}@keyframes searchGlowPulse{0%,to{opacity:.6;filter:blur(12px)}50%{opacity:.8;filter:blur(16px)}}.search-container{display:flex;align-items:center;gap:var(--spacing-sm);background:#1a1a2499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;position:relative}.search-container:hover{border-color:#00d9ff66;background:#1a1a24cc}.search-container.focused{border-color:var(--color-cyan-primary);background:#1a1a24e6;transform:translateY(-2px);box-shadow:0 8px 32px #00d9ff33,0 0 0 1px #00d9ff1a}.search-icon{width:20px;height:20px;color:var(--color-cyan-primary);flex-shrink:0;transition:all .3s ease}.search-container.focused .search-icon{color:var(--color-cyan-glow);filter:drop-shadow(0 0 8px var(--color-cyan-glow))}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-family:var(--font-mono);font-size:1rem;font-weight:400;padding:var(--spacing-xs) 0}.clear-button{background:transparent;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.clear-button:hover{color:var(--color-text-primary);background:#ffffff1a}.create-button{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.05em;color:var(--color-void);background:transparent;border:none;cursor:pointer;overflow:hidden;border-radius:var(--radius-lg);transition:all .3s ease;text-transform:uppercase}.create-button-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--color-amber),var(--color-amber-glow));transition:all .3s ease;z-index:-1}.create-button:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--color-amber),var(--color-amber-glow));filter:blur(8px);opacity:0;transition:opacity .3s ease;z-index:-2}.create-button:hover:before{opacity:.8}.create-button:hover .create-button-bg{transform:scale(1.05)}.create-button:active{transform:translateY(1px)}.create-button-orbit{position:absolute;top:50%;left:50%;width:120%;height:120%;border:2px solid rgba(255,179,102,.3);border-radius:inherit;transform:translate(-50%,-50%) rotate(0);animation:orbit 8s linear infinite;pointer-events:none}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.create-icon{width:20px;height:20px;stroke-width:2.5px;z-index:1}.create-text{z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);animation:fadeInUp 1s ease-out .6s backwards}.stat-card{position:relative;padding:var(--spacing-lg);background:#1a1a2466;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.15);border-radius:var(--radius-md);text-align:center;transition:all .3s ease;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-cyan-primary),transparent);opacity:0;transition:opacity .3s ease}.stat-card:hover{border-color:#00d9ff66;background:#1a1a2499;transform:translateY(-4px);box-shadow:0 8px 24px #00d9ff1a}.stat-card:hover:before{opacity:1}.stat-value{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-cyan-primary);line-height:1;margin-bottom:var(--spacing-xs);text-shadow:0 0 20px rgba(0,217,255,.3)}.stat-label{font-family:var(--font-mono);font-size:.85rem;font-weight:400;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}.corner-accent{position:fixed;width:200px;height:200px;pointer-events:none;z-index:5}.corner-accent.top-left{top:0;left:0;background:radial-gradient(circle at top left,rgba(0,217,255,.15) 0%,transparent 60%)}.corner-accent.bottom-right{bottom:0;right:0;background:radial-gradient(circle at bottom right,rgba(255,179,102,.15) 0%,transparent 60%)}@media(max-width:768px){.content-wrapper{padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-xl)}.app-title{font-size:clamp(2.5rem,12vw,4rem)}.tagline{font-size:.8rem}.search-section{gap:var(--spacing-md)}.create-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:.9rem}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.stat-value{font-size:2rem}}@media(max-width:480px){.search-container{padding:var(--spacing-xs) var(--spacing-sm)}.search-input{font-size:.9rem}.create-button{width:100%;justify-content:center}}.search-input:focus,.create-button:focus,.clear-button:focus{outline:2px solid var(--color-cyan-primary);outline-offset:2px}:root{--color-void: #0a0a0f;--color-deep-space: #12121a;--color-obsidian: #1a1a24;--color-cyan-primary: #00d9ff;--color-cyan-glow: #00f0ff;--color-blue-electric: #0066ff;--color-amber: #ffb366;--color-amber-glow: #ffc988;--color-text-primary: #e8f4f8;--color-text-secondary: #8ba3b0;--color-text-muted: #5a6d7a;--font-display: "Orbitron", monospace;--font-mono: "JetBrains Mono", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}.create-container{min-height:100vh;width:100%;position:relative;background:linear-gradient(135deg,var(--color-void) 0%,var(--color-deep-space) 50%,var(--color-obsidian) 100%);color:var(--color-text-primary);padding:var(--spacing-lg);overflow-x:hidden}.ambient-glow{position:fixed;width:400px;height:400px;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:.3;animation:ambientFloat 8s ease-in-out infinite}.glow-1{top:10%;right:10%;background:radial-gradient(circle,var(--color-cyan-primary),transparent)}.glow-2{bottom:20%;left:15%;background:radial-gradient(circle,var(--color-amber),transparent);animation-delay:-4s}.create-header{position:relative;z-index:10;max-width:1400px;margin:0 auto var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);animation:fadeInDown .6s ease-out}.back-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#1a1a2499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-md);color:var(--color-cyan-primary);font-family:var(--font-mono);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.header-title{position:relative;flex:1}.create-main{position:relative;z-index:10;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-xl);animation:fadeInUp .6s ease-out .2s backwards}.knowledge-form{background:#1a1a2466;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,217,255,.15);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-label{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.1em}.label-text{color:var(--color-cyan-primary)}.label-required{color:var(--color-amber);font-size:1rem}.label-hint{color:var(--color-text-muted);font-size:.75rem;text-transform:none;letter-spacing:0;margin-left:auto}.input-wrapper,.textarea-wrapper,.select-wrapper{position:relative}.input-border,.textarea-border,.select-border{position:absolute;inset:0;border-radius:var(--radius-md);border:2px solid transparent;pointer-events:none;transition:all .3s ease}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#0a0a0f99;border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:1rem;font-weight:400;transition:all .3s ease;outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-input:hover{border-color:#00d9ff4d;background:#0a0a0fcc}.form-input:focus{border-color:var(--color-cyan-primary);background:#0a0a0fe6;box-shadow:0 0 0 3px #00d9ff1a}.form-input:focus+.input-border{border-color:var(--color-cyan-primary);box-shadow:0 0 20px #00d9ff33}.form-textarea{width:100%;padding:var(--spacing-md);background:#0a0a0f99;border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:1rem;font-weight:400;line-height:1.8;resize:vertical;min-height:200px;transition:all .3s ease;outline:none}.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea:hover{border-color:#00d9ff4d;background:#0a0a0fcc}.form-textarea:focus{border-color:var(--color-cyan-primary);background:#0a0a0fe6;box-shadow:0 0 0 3px #00d9ff1a}.form-textarea:focus+.textarea-border{border-color:var(--color-cyan-primary);box-shadow:0 0 20px #00d9ff33}.select-wrapper{position:relative}.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:3rem;background:#0a0a0f99;border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:1rem;font-weight:400;cursor:pointer;appearance:none;transition:all .3s ease;outline:none}.form-select:hover{border-color:#00d9ff4d;background:#0a0a0fcc}.form-select:focus{border-color:var(--color-cyan-primary);background:#0a0a0fe6;box-shadow:0 0 0 3px #00d9ff1a}.form-select:focus+.select-border{border-color:var(--color-cyan-primary);box-shadow:0 0 20px #00d9ff33}.select-arrow{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-cyan-primary);pointer-events:none}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid rgba(0,217,255,.1)}.btn-secondary,.btn-primary{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:.05em;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.btn-secondary{background:#1a1a2499;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover:not(:disabled){background:#1a1a24cc;color:var(--color-text-primary);border-color:#fff3}.btn-primary{position:relative;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-blue-electric));color:var(--color-void);box-shadow:0 0 #00d9ff66}.btn-primary:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-blue-electric));filter:blur(8px);opacity:0;transition:opacity .3s ease;z-index:-1;border-radius:inherit}.btn-primary:hover:not(:disabled):before{opacity:.6}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00d9ff4d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-icon{width:18px;height:18px}.spinner{width:18px;height:18px;border:2px solid rgba(10,10,15,.3);border-top-color:var(--color-void);border-radius:50%;animation:spin .8s linear infinite}.preview-panel{background:#1a1a2466;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,217,255,.15);border-radius:var(--radius-lg);padding:var(--spacing-lg);height:fit-content;position:sticky;top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.preview-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(0,217,255,.1)}.preview-icon{width:20px;height:20px;color:var(--color-cyan-primary)}.preview-header h3{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.preview-content{display:flex;flex-direction:column;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:.9rem}.preview-empty{color:var(--color-text-muted);font-style:italic;text-align:center;padding:var(--spacing-lg)}.preview-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3}.preview-category{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:var(--radius-sm);color:var(--color-cyan-primary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.preview-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.preview-tag{padding:.25rem .5rem;background:#ffb3661a;border:1px solid rgba(255,179,102,.2);border-radius:var(--radius-sm);color:var(--color-amber);font-size:.7rem;font-weight:500}.preview-text{color:var(--color-text-secondary);line-height:1.8;margin-top:var(--spacing-sm);white-space:pre-wrap;overflow-wrap:break-word}.upload-zone{position:relative;min-height:200px;background:#0a0a0f99;border:2px dashed rgba(0,217,255,.3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden}.upload-zone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,217,255,.1),transparent);opacity:0;transition:opacity .3s ease}.upload-zone:hover,.upload-zone.dragging{border-color:var(--color-cyan-primary);background:#0a0a0fcc;transform:scale(1.01)}.upload-zone:hover:before,.upload-zone.dragging:before{opacity:1}.upload-zone.dragging{border-style:solid;box-shadow:0 0 30px #00d9ff4d;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{border-color:var(--color-cyan-primary)}50%{border-color:var(--color-cyan-glow)}}.upload-zone-content{text-align:center;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);pointer-events:none}.upload-icon{width:64px;height:64px;color:var(--color-cyan-primary);margin-bottom:var(--spacing-sm);transition:all .3s ease}.upload-zone:hover .upload-icon,.upload-zone.dragging .upload-icon{color:var(--color-cyan-glow);transform:translateY(-4px)}.upload-primary{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--color-text-primary);margin:0}.upload-secondary{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);margin:0}.upload-formats{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);padding:.4rem .8rem;background:#00d9ff1a;border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-sm);margin-top:var(--spacing-xs)}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.image-preview{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-md);overflow:hidden;background:#0a0a0f99;border:1px solid rgba(0,217,255,.2);transition:all .3s ease;cursor:pointer}.image-preview:hover{border-color:var(--color-cyan-primary);transform:translateY(-4px);box-shadow:0 8px 24px #00d9ff33}.image-preview img{width:100%;height:100%;object-fit:cover;display:block}.image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,15,.95) 0%,transparent 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-sm);opacity:0;transition:opacity .3s ease}.image-preview:hover .image-overlay{opacity:1}.image-info{display:flex;flex-direction:column;gap:.25rem}.image-name{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-size{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted)}.image-remove{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:32px;height:32px;background:#ff4466e6;border:1px solid #ff4466;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s ease;padding:0}.image-preview:hover .image-remove{opacity:1}.image-remove:hover{background:#f46;transform:scale(1.1);box-shadow:0 4px 12px #f466}.image-remove svg{width:16px;height:16px;color:#fff}.preview-images{margin:var(--spacing-sm) 0}.preview-label{font-family:var(--font-mono);font-size:.85rem;color:var(--color-cyan-primary);font-weight:600;margin:0}@media(max-width:1024px){.create-main{grid-template-columns:1fr}.preview-panel{position:static;order:-1}.image-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:768px){.create-container{padding:var(--spacing-md)}.create-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.back-button{align-self:flex-start}.knowledge-form{padding:var(--spacing-lg)}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-secondary,.btn-primary{width:100%;justify-content:center}}@media(max-width:480px){.header-title h1{font-size:1.75rem}.knowledge-form{padding:var(--spacing-md);gap:var(--spacing-md)}.form-input,.form-select,.form-textarea{font-size:.9rem}}.knowledge-list-container{min-height:100vh;background:linear-gradient(135deg,var(--color-void) 0%,var(--color-deep-space) 50%,var(--color-obsidian) 100%);color:var(--color-text-primary);padding:var(--spacing-lg);position:relative}.list-header{position:relative;z-index:10;max-width:1400px;margin:0 auto var(--spacing-xl);animation:fadeInDown .6s ease-out}.header-top{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.home-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#1a1a2499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-md);color:var(--color-cyan-primary);font-family:var(--font-mono);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.home-button svg{width:18px;height:18px}.home-button:hover{border-color:var(--color-cyan-primary);background:#1a1a24cc;transform:translate(-4px);box-shadow:0 0 20px #00d9ff33}.header-title{flex:1;position:relative}.title-glow{position:absolute;top:50%;left:0;transform:translateY(-50%);width:150px;height:150px;background:radial-gradient(circle,rgba(0,217,255,.2) 0%,transparent 70%);filter:blur(40px);pointer-events:none}.header-title h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:.05em;margin:0}.title-highlight{color:var(--color-cyan-primary);text-shadow:0 0 20px var(--color-cyan-glow)}.subtitle{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.create-fab{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-amber),var(--color-amber-glow));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ffb3664d;transition:all .3s ease;position:relative}.create-fab svg{width:24px;height:24px;stroke:var(--color-void)}.create-fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 30px #ffb36680}.search-filter-bar{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative;display:flex;align-items:center;gap:var(--spacing-sm);background:#1a1a2499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.search-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-blue-electric));border-radius:var(--radius-lg);opacity:0;filter:blur(12px);transition:opacity .3s ease;pointer-events:none}.search-box.focused .search-glow{opacity:.6}.search-box.focused{border-color:var(--color-cyan-primary);background:#1a1a24e6}.search-icon{width:20px;height:20px;color:var(--color-cyan-primary);flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-family:var(--font-mono);font-size:1rem}.search-input::placeholder{color:var(--color-text-muted)}.clear-btn{background:transparent;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.clear-btn:hover{color:var(--color-text-primary);background:#ffffff1a}.filters{display:flex;gap:var(--spacing-sm)}.filter-select{padding:var(--spacing-sm) var(--spacing-md);background:#1a1a2499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.9rem;cursor:pointer;transition:all .3s ease;outline:none}.filter-select:hover,.filter-select:focus{border-color:var(--color-cyan-primary);background:#1a1a24cc}.knowledge-grid{position:relative;z-index:10;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg);animation:fadeInUp .6s ease-out .2s backwards}.knowledge-card{position:relative;background:#1a1a2466;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,217,255,.15);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:var(--spacing-sm);animation:cardSlideIn .5s ease-out backwards}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-border{position:absolute;inset:0;border-radius:var(--radius-lg);border:2px solid transparent;pointer-events:none;transition:all .3s ease}.card-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-blue-electric));border-radius:var(--radius-lg);opacity:0;filter:blur(12px);pointer-events:none;transition:opacity .3s ease}.knowledge-card:hover{transform:translateY(-8px);border-color:#00d9ff4d;box-shadow:0 12px 40px #00d9ff33}.knowledge-card:hover .card-glow{opacity:.3}.card-header{display:flex;justify-content:space-between;align-items:center}.card-meta{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.card-category{padding:.25rem .75rem;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:var(--radius-sm);color:var(--color-cyan-primary);font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.card-importance{display:flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border:1px solid;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase}.importance-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.card-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3}.card-excerpt{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.9rem;line-height:1.6;margin:0}.card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto}.card-tag{padding:.2rem .5rem;background:#ffb3661a;border:1px solid rgba(255,179,102,.2);border-radius:var(--radius-sm);color:var(--color-amber);font-family:var(--font-mono);font-size:.7rem;font-weight:500}.card-tag-more{padding:.2rem .5rem;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.7rem}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid rgba(0,217,255,.1);margin-top:var(--spacing-xs)}.card-date{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted)}.card-arrow{width:18px;height:18px;color:var(--color-cyan-primary);transition:transform .3s ease}.knowledge-card:hover .card-arrow{transform:translate(4px)}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.empty-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);opacity:.3}.empty-state h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}@media(max-width:1024px){.knowledge-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.knowledge-list-container{padding:var(--spacing-md)}.header-top{flex-wrap:wrap}.search-filter-bar{flex-direction:column}.search-box{min-width:100%}.filters{width:100%}.filter-select{flex:1}.knowledge-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}:root{--color-void: #0a0a0f;--color-deep-space: #12121a;--color-obsidian: #1a1a24;--color-cyan-primary: #00d9ff;--color-cyan-glow: #00f0ff;--color-blue-electric: #0066ff;--color-amber: #ffb366;--color-amber-glow: #ffc988;--color-text-primary: #e8f4f8;--color-text-secondary: #8ba3b0;--color-text-muted: #5a6d7a;--font-display: "Orbitron", monospace;--font-mono: "JetBrains Mono", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}.detail-container{min-height:100vh;background:linear-gradient(135deg,var(--color-void) 0%,var(--color-deep-space) 50%,var(--color-obsidian) 100%);color:var(--color-text-primary);padding:var(--spacing-lg);position:relative}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;opacity:.4}.ambient-glow{position:fixed;width:400px;height:400px;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:.2;animation:ambientFloat 8s ease-in-out infinite}.glow-1{top:20%;right:10%;background:radial-gradient(circle,var(--color-cyan-primary),transparent)}.glow-2{bottom:10%;left:10%;background:radial-gradient(circle,var(--color-amber),transparent);animation-delay:-4s}@keyframes ambientFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.detail-header{position:sticky;top:0;z-index:100;max-width:1400px;margin:0 auto var(--spacing-xl);padding:var(--spacing-md) 0;background:#0a0a0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,217,255,.1);display:flex;justify-content:space-between;align-items:center;animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.back-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#1a1a2499;border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-md);color:var(--color-cyan-primary);font-family:var(--font-mono);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button svg{width:18px;height:18px}.back-button:hover{border-color:var(--color-cyan-primary);background:#1a1a24cc;transform:translate(-4px);box-shadow:0 0 20px #00d9ff33}.header-actions{display:flex;gap:var(--spacing-sm)}.action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#1a1a2499;border:1px solid;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn svg{width:16px;height:16px}.edit-btn{border-color:#00d9ff33;color:var(--color-cyan-primary)}.edit-btn:hover{border-color:var(--color-cyan-primary);background:#1a1a24cc;box-shadow:0 0 20px #00d9ff33}.delete-btn{border-color:#f463;color:#f46}.delete-btn:hover{border-color:#f46;background:#1a1a24cc;box-shadow:0 0 20px #f463}.detail-main{position:relative;z-index:10;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-xl);animation:fadeInUp .6s ease-out .2s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.detail-content{background:#1a1a2466;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,217,255,.15);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.content-meta{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.meta-category{padding:.4rem 1rem;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:var(--radius-sm);color:var(--color-cyan-primary);font-family:var(--font-mono);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.meta-importance{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border:1px solid;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;font-weight:600;text-transform:uppercase}.importance-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.content-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-md);line-height:1.2}.content-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.content-tag{padding:.4rem .8rem;background:#ffb3661a;border:1px solid rgba(255,179,102,.2);border-radius:var(--radius-sm);color:var(--color-amber);font-family:var(--font-mono);font-size:.85rem;font-weight:500}.content-dates{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.date-item{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.85rem}.date-item svg{width:16px;height:16px;color:var(--color-cyan-primary)}.content-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,217,255,.3),transparent);margin:var(--spacing-lg) 0}.content-body{margin-bottom:var(--spacing-xl)}.content-text{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:1rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:break-word;margin:0}.content-source{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:#00d9ff0d;border-left:3px solid var(--color-cyan-primary);border-radius:var(--radius-sm)}.content-source svg{width:20px;height:20px;color:var(--color-cyan-primary);flex-shrink:0;margin-top:2px}.source-label{display:block;font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.source-link{color:var(--color-cyan-primary);font-family:var(--font-mono);font-size:.9rem;text-decoration:none;word-break:break-all;transition:color .2s ease}.source-link:hover{color:var(--color-cyan-glow);text-decoration:underline}.detail-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg);height:fit-content;position:sticky;top:calc(var(--spacing-xl) + 80px)}.sidebar-section{background:#1a1a2466;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,217,255,.15);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.sidebar-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-cyan-primary);margin:0 0 var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.sidebar-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#0a0a0f99;border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left}.sidebar-btn svg{width:18px;height:18px;color:var(--color-cyan-primary)}.sidebar-btn:hover{border-color:var(--color-cyan-primary);background:#0a0a0fcc;transform:translate(4px);box-shadow:0 0 20px #00d9ff1a}.sidebar-divider{height:1px;background:#00d9ff1a}.sidebar-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:#0a0a0f4d;border-radius:var(--radius-sm)}.stat-label{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted)}.stat-value{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--color-cyan-primary)}.loading-state,.error-state{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-md)}.loading-spinner{width:48px;height:48px;border:4px solid rgba(0,217,255,.1);border-top-color:var(--color-cyan-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{font-family:var(--font-mono);color:var(--color-text-muted)}.error-icon{width:64px;height:64px;color:#f46;margin-bottom:var(--spacing-md)}.error-state h2{font-family:var(--font-display);font-size:2rem;color:var(--color-text-primary);margin:0}.btn-primary{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-blue-electric));border:none;border-radius:var(--radius-md);color:var(--color-void);font-family:var(--font-display);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d9ff4d}@media(max-width:1024px){.detail-main{grid-template-columns:1fr}.detail-sidebar{position:static;order:-1}}@media(max-width:768px){.detail-container{padding:var(--spacing-md)}.detail-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-actions{width:100%}.action-btn{flex:1;justify-content:center}.detail-content{padding:var(--spacing-lg)}.content-dates{flex-direction:column;gap:var(--spacing-xs)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}