.article-container{max-width:800px;margin:0 auto;padding:2rem}.editor-toolbar{display:flex;gap:1rem;margin-bottom:1rem;padding:.5rem;background:#ffffff0d;border-radius:.5rem}.editor-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#86868b;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;transition:all .2s}.editor-btn:hover{color:#fff;border-color:#fff}.article-input{width:100%;background:transparent;border:none;color:#fff;font-family:Inter,sans-serif;outline:none}.article-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.article-content{font-size:1.1rem;line-height:1.6;min-height:300px;color:#ccc;resize:vertical}.article-list{display:grid;gap:1.5rem}.article-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:1.5rem;border-radius:1rem;transition:all .3s}.article-card:hover{border-color:#39ff144d;transform:translateY(-2px)}.notification{position:fixed;bottom:20px;right:20px;padding:1rem 2rem;background:#1a1a1a;border:1px solid #39FF14;color:#39ff14;border-radius:.5rem;transform:translateY(100px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);z-index:100}.article-image{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem 0;border:1px solid rgba(255,255,255,.1)}