html,body,#root{height:100%;margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{min-height:100vh;background-color:#0d1117;color:#f0f8ff;transition:background-color .3s}h1,h2,h3,h4,h5,h6{color:#0ff;margin-top:0;line-height:1.2;font-weight:700}a{text-decoration:none;color:#00ff73;transition:color .3s}a:hover{color:#0ff}.page-container{min-height:100vh;padding-left:65px;padding-top:80px}.content-split-layout{display:flex;min-height:calc(100vh - 80px)}.input-panel{flex:0 0 350px;padding:2rem;background-color:#1a1a2e;border-right:1px solid rgba(0,255,255,.1)}.placeholder-text{text-align:center;padding:100px 20px;color:#4a4a68;font-style:italic}@media(max-width:1024px){.page-container{padding-left:0}.content-split-layout{flex-direction:column;min-height:auto}.input-panel{flex:auto;width:100%;min-height:auto;border-right:none;border-bottom:1px solid rgba(0,255,255,.1)}.preview-panel{flex:auto;padding-top:1rem}}.prompt-input-form{background:#1e1e2d;padding:30px;border-radius:12px;box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;height:100%;min-height:450px}.prompt-input-form h3{font-size:1.4rem;color:#0ff;border-bottom:2px solid rgba(0,255,255,.3);padding-bottom:10px;margin-bottom:20px;letter-spacing:1px}.prompt-input-form textarea{flex-grow:1;width:100%;min-height:200px;padding:15px;background:#0d1117;color:#f0f8ff;border:1px solid #333;border-radius:8px;font-family:inherit;font-size:1rem;resize:none;transition:border-color .3s ease,box-shadow .3s ease}.prompt-input-form textarea:focus{outline:none;border-color:#00ff73;box-shadow:0 0 10px #00ff7366}.prompt-input-form textarea::placeholder{color:#555;font-style:italic}.prompt-input-form textarea:disabled{cursor:not-allowed;background:#111;opacity:.7}.generate-button{margin-top:20px;padding:15px 25px;font-size:1.1rem;font-weight:700;color:#0d1117;background:#00ff73;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease,transform .1s ease,box-shadow .3s ease;text-transform:uppercase;letter-spacing:1px}.generate-button:not(:disabled):hover{background:#3f9;box-shadow:0 0 15px #00ff73aa}.generate-button:not(:disabled):active{transform:scale(.98)}.generate-button:disabled{background:#444;color:#aaa;cursor:not-allowed;box-shadow:none}.markdown-viewer{background:#1e1e2d;color:#f0f8ff;padding:2rem 3rem;border-radius:12px;box-shadow:0 8px 30px #0006;overflow-y:auto}.markdown-viewer.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;border:2px dashed rgba(144,238,144,.2)}.placeholder-text-muted{color:#90ee90;font-style:italic;margin:5px 0}.article-header{margin-bottom:2rem}.article-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:.5rem;color:#0ff;text-shadow:0 0 5px #00ffff50}.title-separator{border:0;height:1px;background-image:linear-gradient(to right,#00ff73,#00ff7300,#00ff73);margin:1.5rem 0}.tag-chips-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}.tag-chip{background:#00ff731a;color:#00ff73;padding:4px 10px;border-radius:20px;font-size:.8em;font-weight:600;border:1px solid #00ff7350;transition:background .3s}.tag-chip:hover{background:#00ff7340}.blog-content{line-height:1.7;font-size:1rem}.blog-content h2{font-size:1.8rem;color:#f0f8ff;border-bottom:1px solid #333;padding-bottom:.3rem;margin-top:2rem;margin-bottom:1rem}.blog-content h3{font-size:1.4rem;color:#90ee90;margin-top:1.5rem;margin-bottom:.8rem}.blog-content p{margin-bottom:1em}.blog-content ul,.blog-content ol{margin-left:20px;padding-left:0;margin-bottom:1em}.blog-content code{background:#333;padding:2px 4px;border-radius:4px;color:gold;font-size:.9em}.app-header-container{background:#0d1117f2;color:#f0f8ff;padding:1rem 3rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,255,255,.1);box-shadow:0 4px 15px #00000080;position:sticky;top:0;z-index:1000}.app-header-logo{font-size:1.8rem;font-weight:700;letter-spacing:2px;color:#0ff;text-shadow:0 0 5px #00ffff,0 0 10px #00ffff50;transition:all .3s ease-in-out}.app-header-logo:hover{text-shadow:0 0 8px #00ffff,0 0 15px #00ffff80}.app-header-nav{display:flex;gap:3rem}.nav-link{text-decoration:none;font-size:1rem;font-weight:500;color:#90ee90;position:relative;padding:.5rem 0;transition:color .3s ease}.nav-link.cyberpunk-hover:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#00ff73;box-shadow:0 0 5px #00ff73,0 0 10px #00ff73aa;transition:width .3s ease-out,left .3s ease-out}.nav-link.cyberpunk-hover:hover{color:#f0f8ff}.nav-link.cyberpunk-hover:hover:after{width:100%;left:0}.status-indicator{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#6c757d}.status-dot{width:10px;height:10px;border-radius:50%;background-color:#ff4500;box-shadow:0 0 5px #ff4500}.status-dot.online{background-color:#00ff73;box-shadow:0 0 5px #00ff73,0 0 10px #00ff73aa;animation:status-pulse 1.5s infinite}@keyframes status-pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.crazy-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#0d1117;color:#e6edf3;font-family:Space Mono,monospace;padding:20px;text-align:center}.ai-core-ring{position:relative;width:120px;height:120px;margin-bottom:30px}.inner-ring,.outer-ring{border-radius:50%;border:3px solid transparent;position:absolute;top:0;left:0;width:100%;height:100%}.inner-ring{border-top-color:#00ff73;border-right-color:#00ff73;animation:rotate-slow 1.5s linear infinite;box-shadow:0 0 10px #00ff73,inset 0 0 5px #00ff73}.outer-ring{width:140px;height:140px;top:-10px;left:-10px;border-bottom-color:#0ff;border-left-color:#0ff;animation:rotate-fast 2.5s cubic-bezier(.6,.2,.4,.8) infinite;box-shadow:0 0 15px #0ff,inset 0 0 7px #0ff}@keyframes rotate-slow{to{transform:rotate(360deg)}}@keyframes rotate-fast{to{transform:rotate(-360deg)}}.loading-title{font-size:1.5em;font-weight:700;color:#f0f8ff;letter-spacing:3px;margin-bottom:5px}.loading-message{font-size:.9em;color:#90ee90;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.data-flow-visual{display:flex;margin-top:30px;gap:10px}.data-chunk{width:20px;height:20px;background:#ff4500;transform:scale(.1);animation:bounce-scale 1.5s infinite ease-in-out;border-radius:4px}@keyframes bounce-scale{0%,to{transform:scale(.1);opacity:.5}50%{transform:scale(1);opacity:1}}.page-container.generator-page{min-height:100vh}.content-split-layout{display:flex;min-height:calc(100vh - 80px);width:100%}.input-panel{flex:0 0 380px;padding:2rem;background-color:#1a1a2e;border-right:1px solid rgba(0,255,255,.1);display:flex;flex-direction:column;gap:20px;overflow-y:auto}.preview-panel{flex:1;padding:2rem;overflow-y:auto;position:relative}.error-message{padding:10px;background-color:#ff45001a;border:1px solid #ff4500;color:#ff4500;border-radius:6px;font-size:.95rem}.preview-panel.loading-overlay{pointer-events:none}.preview-panel .Loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#0d1117f2;z-index:10}@media(max-width:1024px){.content-split-layout{flex-direction:column;min-height:auto}.input-panel{flex:auto;width:100%;min-height:auto;border-right:none;border-bottom:1px solid rgba(0,255,255,.1)}.preview-panel{flex:auto;min-height:500px;height:auto}}.blog-card{background:#1e1e2d;border:1px solid rgba(0,255,255,.1);border-radius:10px;padding:20px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;overflow:hidden}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0ff3,0 0 5px #00ffff80;border-color:#0ff;background:#252538}.blog-card h4{font-size:1.2rem;font-weight:700;color:#f0f8ff;margin-bottom:10px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-date{font-size:.85rem;color:#6c757d;margin-bottom:15px;display:flex;align-items:center;gap:5px}.card-date:before{font-size:.9em}.card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.tag-mini{background:#0073ff1a;color:#90ee90;padding:2px 7px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;border:1px solid rgba(0,115,255,.3)}.card-tags span:last-child{color:#6c757d}.delete-btn{background:none;border:none;color:#ff4500;font-size:1.2rem;cursor:pointer;padding:5px;line-height:1;transition:color .2s,transform .2s;flex-shrink:0;margin-left:10px;height:30px;width:30px}.delete-btn:hover{color:#ff8c00;transform:scale(1.1)}.delete-btn:disabled{cursor:not-allowed;opacity:.5;color:#666}.page-container.history-page{background-color:#0d1117;min-height:100vh;padding-top:80px}.history-grid-container{max-width:1400px;margin:0 auto;padding:2rem}.history-grid-container h2{font-size:2rem;color:#0ff;margin-bottom:30px;padding-bottom:10px;border-bottom:2px solid rgba(0,255,255,.1);letter-spacing:1px}.blog-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.loading-state,.error-state,.empty-history{text-align:center;padding:50px;font-size:1.2rem;color:#90ee90;margin-top:50px}.error-state{color:#ff4500}.error-state button{margin-top:20px;padding:10px 20px;background:#ff4500;color:#0d1117;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background .3s}@media(max-width:1024px){.blog-card-grid{grid-template-columns:repeat(2,1fr)}.history-grid-container{padding:1.5rem}}@media(max-width:600px){.blog-card-grid{grid-template-columns:1fr}.history-grid-container h2{font-size:1.5rem;text-align:center}}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;z-index:2000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}.modal-content-wrapper{background:#1e1e2d;border:2px solid #00ffff;border-radius:12px;padding:30px;max-width:90%;max-height:90vh;width:900px;position:relative;box-shadow:0 0 40px #0ff6;transform:scale(.95);animation:zoomIn .3s ease-out forwards;display:flex;flex-direction:column}.modal-body{overflow-y:auto;padding-right:10px}.modal-close-button{position:absolute;top:15px;right:15px;background:none;border:none;color:#ff4500;font-size:2rem;cursor:pointer;line-height:1;transition:color .2s,transform .2s;z-index:2001}.modal-close-button:hover{color:#ff8c00;transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.modal-content-wrapper{max-width:95%;max-height:95vh;padding:15px}.modal-close-button{font-size:1.5rem;top:10px;right:10px}}.confirmation-content{padding:20px;text-align:center}.confirmation-title{color:#ff4500;font-size:1.5rem;margin-bottom:15px}.confirmation-message{color:#ccc;margin-bottom:30px}.confirmation-message strong{color:#f0f8ff}.confirmation-actions{display:flex;justify-content:center;gap:15px}.delete-action{background:#ff4500;color:#0d1117;border:none;padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s,box-shadow .2s}.delete-action:hover{background:#ff8c00;box-shadow:0 0 10px #ff450080}.secondary-action{background:none;border:1px solid #00ffff;color:#0ff;padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s}.secondary-action:hover{background:#00ffff1a}.not-found-page{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px}.not-found-content{max-width:600px;background:#1e1e2d;padding:40px 60px;border-radius:12px;box-shadow:0 0 30px #0009;border:1px solid rgba(255,69,0,.2)}.error-code{font-size:8rem;font-weight:900;margin-bottom:.5rem;line-height:1;color:#ff4500}.neon-error-glow{text-shadow:0 0 5px #ff4500,0 0 15px #ff4500,0 0 30px #ff4500,0 0 60px rgba(255,69,0,.5);animation:neon-pulse 1.5s infinite alternate}@keyframes neon-pulse{0%{opacity:.9}to{opacity:1}}.error-title{font-size:2rem;color:#f0f8ff;margin-bottom:1rem;letter-spacing:2px}.error-message{font-size:1.1rem;color:#aaa;margin-bottom:2rem}.support-info{font-size:.9rem;color:#666;margin-top:30px}.action-buttons{display:flex;justify-content:center;gap:20px}.action-button{padding:12px 25px;border-radius:8px;font-weight:600;text-transform:uppercase;transition:transform .2s,box-shadow .2s;font-size:.9rem}.primary-action{background:#00ff73;color:#0d1117;box-shadow:0 0 10px #00ff7366}.secondary-action{background:#444;color:#0ff;border:2px solid #00ffff}.secondary-action:hover{background:#555;transform:translateY(-2px);box-shadow:0 5px 15px #00ffff4d}@media(max-width:600px){.not-found-content{padding:30px}.error-code{font-size:5rem}.error-title{font-size:1.5rem}.action-buttons{flex-direction:column;gap:15px}}.page-container.welcome-page{min-height:100vh;background-color:#0d1117;display:flex;justify-content:center;align-items:center;padding:20px}.welcome-content-wrapper{max-width:900px;width:100%;text-align:center;padding:40px;background:#1e1e2d;border-radius:15px;box-shadow:0 10px 40px #00000080,0 0 15px #0ff3}.welcome-header{margin-bottom:40px}.welcome-title{font-size:3rem;font-weight:800;margin-bottom:.5rem;color:#0ff;letter-spacing:2px}.neon-text-glow{text-shadow:0 0 5px #388e8e,0 0 10px rgba(0,255,255,.5)}.welcome-subtitle{font-size:1.2rem;color:#90ee90}.welcome-features{display:flex;justify-content:space-between;gap:20px;margin-bottom:40px}.feature-card{flex:1;padding:20px;background:#252538;border-radius:10px;border:1px solid rgba(0,255,115,.1);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00ff734d}.feature-icon{font-size:2.5rem;display:block;margin-bottom:10px;color:#00ff73}.feature-card h3{font-size:1.5rem;margin-bottom:10px;color:#f0f8ff}.feature-card p{color:#aaa;font-size:.95rem}.welcome-actions{margin-top:20px}.large-button{padding:15px 35px;font-size:1.2rem;font-weight:700;margin-bottom:15px;display:inline-block}.primary-action{background:#00ff73;color:#0d1117;border-radius:8px;text-transform:uppercase;transition:transform .3s,box-shadow .3s}.primary-action:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00ff7399}.secondary-action-text{font-size:1rem;color:#aaa}.inline-link{font-weight:600;color:#0ff}@media(max-width:768px){.welcome-title{font-size:2rem}.welcome-features{flex-direction:column}.welcome-content-wrapper{padding:20px}.large-button{width:100%;padding:15px 20px;font-size:1.1rem}}