:root{--primary:#d4a373;--primary-hover:#bc8a5f;--bg-dark:#0f0e0d;--glass:#ffffff08;--glass-heavy:#14121199;--glass-border:#ffffff14;--glass-edge:#ffffff1f;--text:#fafaf9;--text-muted:#a8a29e;--success:#84cc16;--danger:#ef4444;--font-main:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--text);background:#1c1917;min-height:100vh;margin:0;position:relative;overflow:hidden}body:before{content:"";z-index:-1;filter:blur(100px);background:radial-gradient(circle,#d4a37326,#0000 70%);width:60%;height:60%;position:absolute;top:-10%;right:-10%}body:after{content:"";z-index:-1;filter:blur(80px);background:radial-gradient(circle,#44403c4d,#0000 70%);width:50%;height:50%;position:absolute;bottom:-10%;left:-10%}.app-container{z-index:1;background:radial-gradient(circle at 100% 0,#44403c,#1c1917);width:100vw;height:100vh;display:flex;position:relative}.sidebar{-webkit-backdrop-filter:blur(40px)saturate(180%);border-right:1px solid var(--glass-border);background:#0f0e0d66;flex-direction:column;width:250px;padding:2rem 1.5rem;display:flex;box-shadow:10px 0 30px #0000004d}.logo-container{align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.logo-icon{color:var(--primary);width:32px;height:32px}.logo-text{background:linear-gradient(135deg,#d4a373 0%,#faedcd 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.nav-section{margin-bottom:2rem}.nav-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;padding-left:.5rem;font-size:.7rem;font-weight:700}.nav-item{cursor:pointer;color:var(--text-muted);border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{color:var(--text);background:#ffffff08;transform:translate(4px)}.nav-item.active{color:var(--primary);background:#d4a3731a;border:1px solid #d4a37333}.main-content{scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent;flex-direction:column;flex:1;gap:2rem;padding:2.5rem;display:flex;overflow-y:auto}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--glass-border);border-top:1px solid var(--glass-edge);border-left:1px solid var(--glass-edge);border-radius:1rem;padding:2rem;box-shadow:0 8px 32px #0000004d}h1{color:var(--text);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:2.25rem;font-weight:800}h2{color:var(--primary);margin:2rem 0 1rem;font-size:1.5rem;font-weight:700}p{color:var(--text-muted);margin-bottom:1rem;font-size:1rem;line-height:1.6}code{font-family:var(--font-mono);color:var(--primary);background:#0000004d;border-radius:.4rem;padding:.2rem .4rem;font-size:.9em}pre{border:1px solid var(--glass-border);background:#0a090899;border-radius:.75rem;margin:1.5rem 0;padding:1.5rem;overflow-x:auto}pre code{color:#e7e5e4;background:0 0;padding:0}img{border:1px solid var(--glass-border);border-radius:.75rem;max-width:100%;height:auto;margin:1rem 0}.btn{cursor:pointer;text-transform:none;border:1px solid #ffffff1a;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary{color:#1c1917;background:linear-gradient(135deg,#d4a373 0%,#bc8a5f 100%);box-shadow:0 4px 15px #d4a37333}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4a37366}.editor-container{flex-direction:column;gap:1.5rem;height:100%;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.text-input{border:1px solid var(--glass-border);color:var(--text);background:#0003;border-radius:.5rem;outline:none;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.text-input:focus{border-color:var(--primary)}.markdown-textarea{border:1px solid var(--glass-border);color:var(--text);font-family:var(--font-mono);resize:none;background:#0003;border-radius:.75rem;outline:none;flex:1;min-height:400px;padding:1.5rem;font-size:.875rem;line-height:1.5}.editor-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.actions-bar{gap:1rem;margin-top:1.5rem;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}