@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
:root{--bg-base:#020617;--font-family:"Poppins", sans-serif;--electric:#38bdf8;--amber:#fbbf24;--white-10:#ffffff1a;--white-5:#ffffff0d;--white-8:#ffffff14;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:#e2e8f0;font-family:var(--font-family);background-image:radial-gradient(circle at 15%,#38bdf80f,#0000 25%),radial-gradient(circle at 85% 30%,#fbbf240a,#0000 25%);background-attachment:fixed;height:100vh;overflow:hidden}.workspace-wrapper{background-color:var(--bg-base);color:#e2e8f0;height:100vh;font-family:var(--font-family);background-image:radial-gradient(circle at 15%,#38bdf80f,#0000 25%),radial-gradient(circle at 85% 30%,#fbbf240a,#0000 25%);background-attachment:fixed;flex-direction:column;display:flex;overflow:hidden}@media (min-width:768px){.workspace-wrapper{flex-direction:row}}.glass{-webkit-backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #ffffff0d;box-shadow:0 4px 30px #0000001a}.glass-astonishing{-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#0f172abf,#0f172a73);border:1px solid #38bdf859;border-color:#ffffff26 #38bdf859 #38bdf859 #ffffff26;box-shadow:inset 0 0 30px #38bdf814,0 12px 40px #0009}.pulse-glow{background:linear-gradient(90deg, transparent, var(--electric), transparent);opacity:.8;width:55%;height:2px;box-shadow:0 0 12px var(--electric);animation:4s linear infinite scanline;position:absolute;top:0;left:-100%}@keyframes scanline{0%{left:-100%}to{left:200%}}.sidebar{z-index:20;border-bottom:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:100%;display:flex}@media (min-width:768px){.sidebar{border-bottom:none;border-right:1px solid #ffffff1a;width:320px;height:100%}}.sidebar-header{border-bottom:1px solid #ffffff0d;padding:1.5rem}.sidebar-brand-wrapper{align-items:center;gap:.75rem;display:flex}.sidebar-logo-container{background-color:#38bdf826;border:1px solid #38bdf866;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;box-shadow:0 0 20px #38bdf840}.sidebar-brand-title{color:#fff;font-size:1.125rem;font-weight:700;line-height:1.2}.sidebar-brand-subtitle{color:var(--slate-500);letter-spacing:.1em;margin-top:.125rem;font-family:monospace;font-size:.625rem;display:block}.sidebar-nav{flex:1;padding:1rem;overflow-y:auto}.nav-item-btn{text-align:left;cursor:pointer;width:100%;color:var(--slate-300);background:0 0;border:1px solid #0000;border-radius:.75rem;align-items:start;gap:.75rem;margin-bottom:.625rem;padding:.875rem 1rem;transition:all .2s;display:flex}.nav-item-btn:hover{background:#ffffff0d}.nav-item-btn.active{background:#ffffff1a;border-color:#ffffff1a;box-shadow:0 4px 6px #00000026}.nav-item-btn.active .icon-span{color:var(--electric)}.nav-item-btn.active .title-span{color:#fff}.nav-item-btn .icon-span{color:var(--slate-500);flex-shrink:0;margin-top:.125rem;transition:color .2s;display:flex}.nav-item-text-container{flex-direction:column;min-width:0;display:flex}.nav-item-btn .title-span{color:var(--slate-300);font-size:.875rem;font-weight:600;line-height:1.25;transition:color .2s}.nav-item-btn .desc-span{color:var(--slate-500);white-space:nowrap;text-overflow:ellipsis;margin-top:.125rem;font-size:.6875rem;overflow:hidden}.sidebar-footer{color:var(--slate-500);border-top:1px solid #ffffff0d;padding:1.25rem;font-size:.75rem;line-height:1.4}.api-active-badge{color:#38bdf8e6;letter-spacing:.05em;align-items:center;gap:.625rem;margin-bottom:.625rem;font-weight:500;display:flex}.api-pulse-dot{background-color:var(--electric);width:.625rem;height:.625rem;box-shadow:0 0 8px var(--electric);border-radius:50%;animation:2s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.main-workspace{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.workspace-header{z-index:10;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.header-title-container h2{color:#fff;letter-spacing:.025em;font-size:1.125rem;font-weight:600}.header-title-container p{color:var(--slate-400);margin-top:.125rem;font-size:.75rem}.header-buttons{gap:.75rem;display:none}@media (min-width:1024px){.header-buttons{display:flex}}.header-btn{cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:background-color .2s,color .2s}.header-btn-secondary{color:var(--slate-400);background:0 0;border:1px solid #0000}.header-btn-secondary:hover{color:#fff}.header-btn-primary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.header-btn-primary:hover{background:#ffffff1a}.content-area{flex:1;padding:1.5rem;overflow-y:auto}@media (min-width:768px){.content-area{padding:2rem}}.banner-hero{border-color:#38bdf840;border-radius:1rem;margin-bottom:2rem;padding:1.5rem;position:relative;overflow:hidden}.banner-overlay{opacity:.6;background:linear-gradient(90deg,#38bdf81a,#0000);position:absolute;inset:0}.banner-blur-bubble{filter:blur(48px);pointer-events:none;background-color:#38bdf81a;border-radius:50%;width:12rem;height:12rem;position:absolute;top:-3rem;right:-3rem}.banner-content{z-index:10;position:relative}.banner-tag{color:var(--electric);letter-spacing:.15em;text-transform:uppercase;background-color:#38bdf81a;border:1px solid #38bdf833;border-radius:9999px;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;display:inline-block}.banner-title{color:#fff;margin-top:.875rem;margin-bottom:.375rem;font-size:1.25rem;font-weight:600}.banner-desc{color:var(--slate-300);max-width:42rem;font-size:.875rem;font-style:italic;font-weight:300;line-height:1.5}.file-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;display:grid}@media (min-width:768px){.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.file-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.file-card{cursor:pointer;border-radius:1rem;flex-direction:column;justify-content:space-between;height:12rem;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.file-card-gradient{opacity:0;pointer-events:none;background:linear-gradient(135deg,#38bdf81a,#0000);border-radius:1rem;transition:opacity .3s;position:absolute;inset:0}.file-card:hover{background:#1e293bb3;border-color:#38bdf866;transform:translateY(-2px);box-shadow:0 12px 40px -10px #38bdf840}.file-card:hover .file-card-gradient{opacity:1}.file-card:hover .file-card-title{color:var(--electric)}.file-card:hover .file-card-action{opacity:1;transform:translateY(0)}.file-card-meta{justify-content:space-between;align-items:start;margin-bottom:1rem;display:flex}.status-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:.375rem;padding:.25rem .625rem;font-size:.625rem;font-weight:700}.status-badge-active{color:var(--amber);background-color:#fbbf2433;border:1px solid #fbbf244d}.status-badge-default{color:var(--slate-300);background-color:#334155;border:1px solid #475569}.status-badge-folder{color:var(--electric);background-color:#38bdf826;border:1px solid #38bdf84d}.file-card-date{color:var(--slate-500);font-family:monospace;font-size:.625rem}.file-card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;align-items:center;margin-bottom:.5rem;font-size:1rem;font-weight:600;transition:color .2s;display:flex;overflow:hidden}.folder-icon-inline{color:var(--amber);margin-right:.5rem;display:inline-flex}.file-card.folder-card{border-color:#fbbf2433}.file-card.folder-card:hover{border-color:var(--amber);box-shadow:0 12px 40px -10px #fbbf2440}.file-card.folder-card:hover .file-card-title{color:var(--amber)}.file-card-snippet{color:var(--slate-400);opacity:.6;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:monospace;font-size:.75rem;line-height:1.5;display:-webkit-box;overflow:hidden}.file-card-action{color:var(--electric);opacity:0;align-items:center;margin-top:1rem;font-size:.75rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(4px)}.file-card-action-arrow{margin-left:.375rem}.no-files-fallback{height:12rem;color:var(--slate-500);flex-direction:column;justify-content:center;align-items:center;display:flex}.detail-container{max-width:56rem;margin:0 auto;padding-bottom:3rem;animation:.35s cubic-bezier(.16,1,.3,1) forwards pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.detail-action-bar{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.detail-tags-wrapper{gap:.625rem;display:flex}.detail-badge{border-radius:.375rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:600}.detail-badge-secondary{color:var(--slate-300);background-color:#ffffff0d;border:1px solid #ffffff1a}.detail-badge-accent{color:var(--electric);background-color:#38bdf81a;border:1px solid #38bdf84d}.copy-raw-btn{color:#fff;cursor:pointer;background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.copy-raw-btn:hover{background-color:#fff3;transform:scale(1.03);box-shadow:0 0 15px #38bdf833}.detail-article{border-radius:1rem;padding:1.5rem;position:relative;overflow:hidden}@media (min-width:768px){.detail-article{padding:2.5rem}}.detail-article-glow{opacity:0;pointer-events:none;background:linear-gradient(135deg,#38bdf80d,#0000);transition:opacity .7s;position:absolute;inset:0}.detail-article:hover .detail-article-glow{opacity:1}.detail-article-blur-bubble{filter:blur(48px);pointer-events:none;background-color:#38bdf826;border-radius:50%;width:12rem;height:12rem;position:absolute;top:-6rem;right:-6rem}.markdown-container-block{z-index:10;position:relative}.markdown-body{color:var(--slate-300);line-height:1.8}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:#f8fafc;margin-top:1.6em;margin-bottom:.6em;font-weight:600}.markdown-body h1{border-bottom:1px solid #ffffff14;padding-bottom:.4em;font-size:1.85em}.markdown-body h2{color:var(--electric);font-size:1.45em}.markdown-body h3{font-size:1.2em}.markdown-body p{margin-bottom:1.1em}.markdown-body ul,.markdown-body ol{margin-bottom:1.1em;padding-left:2em;list-style-type:disc}.markdown-body li{margin-bottom:.3em}.markdown-body strong{color:var(--amber);font-weight:600}.markdown-body code:not([class*=language-]){color:var(--electric);background:#00000059;border-radius:6px;padding:.25em .5em;font-family:monospace;font-size:.85em}.markdown-body pre{border:1px solid #ffffff14;border-radius:10px;margin-bottom:1.6em;padding:1.2em;overflow-x:auto;background:#0f172a!important}.markdown-body hr{background:#ffffff14;border:0;height:1px;margin:2.2em 0}.detail-header-back-btn{cursor:pointer;color:var(--slate-400);background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;margin-right:.375rem;padding:.375rem;transition:background-color .2s,color .2s;display:flex}.detail-header-back-btn:hover{color:#fff;background-color:#ffffff1a}.detail-header-text-layout{align-items:center;gap:.5rem;max-width:100%;display:flex}.detail-header-text-layout span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toast-banner{z-index:50;opacity:0;pointer-events:none;border-radius:.75rem;align-items:center;gap:.75rem;padding:.875rem 1.5rem;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(20px)}.toast-banner.show{opacity:1;pointer-events:auto;transform:translateY(0)}.toast-message-text{color:#fff;font-size:.875rem;font-weight:500}