*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#7c87f7;--primary-light:#98a4f7;--primary-dark:#5b63d3;--secondary:#4bb9e8;--success:#64c28d;--danger:#e0687d;--warning:#dd9c51;--bg-primary:#0b0c14;--bg-secondary:#121826;--bg-tertiary:#1a202f;--bg-hover:#1f2433;--text-primary:#e3ebfd;--text-secondary:#b8bfd1;--text-tertiary:#727da1;--border:#2f3647;--border-light:#3b4254;--shadow-sm:0 1px 4px 0 rgba(0,0,0,.25);--shadow:0 1px 4px rgba(0,0,0,.25),0 3px 9px rgba(0,0,0,.03);--shadow-md:0 4px 12px rgba(0,0,0,.15);--shadow-lg:0 10px 30px rgba(0,0,0,.25);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0b0c14,#121826);color:var(--text-primary)}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-container.login-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);justify-content:center;align-items:center}.header{background:linear-gradient(135deg,rgba(11,12,20,.95),rgba(18,24,38,.95));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:0 4px 12px rgba(0,0,0,.3);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.logo-section{flex:1 1}.logo-container{display:flex;align-items:center;gap:12px}.logo-image{height:40px;width:auto;object-fit:contain}.logo{font-size:24px;font-weight:700;background:linear-gradient(135deg,#7c87f7,#98a4f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px;letter-spacing:-.5px}.tagline{font-size:13px;color:var(--text-tertiary);font-weight:500}.main-content{flex:1 1;padding:40px 24px}.container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.article-card,.form-card,.welcome-card{background:linear-gradient(135deg,rgba(26,32,47,.5),rgba(31,36,51,.3));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:32px;transition:var(--transition)}.article-card:hover,.form-card:hover,.welcome-card:hover{background:linear-gradient(135deg,rgba(31,36,51,.6),rgba(36,41,58,.4));border-color:var(--primary);box-shadow:0 10px 30px rgba(124,135,247,.15);transform:translateY(-2px)}.article-header h2,.form-header h2,.welcome-content h2{font-size:20px;font-weight:700;background:linear-gradient(135deg,#e3ebfd,#98a4f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.user-info{font-size:14px;color:var(--text-secondary)}.user-info code{background:rgba(124,135,247,.1);padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;color:var(--primary-light);border:1px solid rgba(124,135,247,.2)}.form-description{font-size:14px;color:var(--text-secondary)}.form-description,.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:600;margin-bottom:8px}.form-group label,.input-field{font-size:14px;color:var(--text-primary)}.input-field{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:rgba(31,36,51,.5);transition:var(--transition)}.input-field:hover{border-color:var(--border-light);background:rgba(31,36,51,.7)}.input-field:focus{outline:none;border-color:var(--primary);background:rgba(31,36,51,.8);box-shadow:0 0 0 3px rgba(124,135,247,.1)}.error-box{margin-bottom:24px;padding:16px;background:linear-gradient(135deg,rgba(224,104,125,.1),rgba(224,104,125,.05));border:1px solid var(--danger);border-radius:8px;animation:slideInDown .3s ease-out}.error-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.error-icon{font-size:18px;flex-shrink:0}.error-title{font-weight:600;color:var(--danger);font-size:14px}.error-close{margin-left:auto;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px 8px;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:var(--transition)}.error-close:hover{background:rgba(224,104,125,.2);color:var(--danger)}.error-message{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-field::placeholder{color:var(--text-tertiary)}.button{padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.button-primary{background:linear-gradient(135deg,#7c87f7,#5b63d3);color:#fff;box-shadow:0 4px 12px rgba(124,135,247,.2);border:1px solid rgba(124,135,247,.3)}.button-primary:hover:not(:disabled){background:linear-gradient(135deg,#98a4f7,#7c87f7);box-shadow:0 8px 20px rgba(124,135,247,.3);transform:translateY(-2px)}.button-primary:active:not(:disabled){transform:translateY(0)}.button-secondary{background:rgba(124,135,247,.1);color:var(--primary-light);border:1px solid var(--border)}.button-secondary:hover:not(:disabled){background-color:var(--border);border-color:var(--border-light)}.button-large{padding:14px 32px;font-size:15px;min-width:200px}.button:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{display:inline-block;width:16px;height:16px;border:3px solid rgba(124,135,247,.2);border-top:3px solid var(--primary-light);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-steps{flex-direction:column;margin-bottom:24px;padding:20px;background:rgba(124,135,247,.05);border-radius:8px;border:1px solid rgba(124,135,247,.1)}.loading-steps,.step{display:flex;gap:12px}.step{align-items:center;padding:12px;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:14px;transition:var(--transition)}.step.active{background:rgba(124,135,247,.1);color:var(--primary-light);font-weight:500}.step.completed{background:rgba(100,194,141,.05);color:var(--success)}.article-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.article-meta{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13px}.meta-label{color:var(--text-tertiary);font-weight:500}.folder-id{background:rgba(124,135,247,.1);padding:4px 8px;border-radius:4px;font-family:Monaco,Courier New,monospace;color:var(--primary-light);font-size:12px;border:1px solid rgba(124,135,247,.2)}.article-content{font-size:16px;line-height:1.8;color:var(--text-primary)}.plaintext-view{background:rgba(31,36,51,.5);border:1px solid var(--border);border-radius:8px;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;margin:0}.markdown-h1{font-size:32px;font-weight:800;margin-top:32px;margin-bottom:16px;background:linear-gradient(135deg,#e3ebfd,#98a4f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown-h2{font-size:24px;font-weight:700;margin-top:24px;margin-bottom:12px;color:var(--primary-light);padding-bottom:8px;border-bottom:2px solid rgba(124,135,247,.2)}.markdown-h3{font-size:20px;font-weight:600;margin-top:16px;margin-bottom:8px;color:var(--text-primary)}.markdown-p{margin-bottom:16px;line-height:1.8}.markdown-ol,.markdown-ul{margin-left:24px;margin-bottom:16px}.markdown-li{margin-bottom:8px}.markdown-code-inline{display:block;background:rgba(18,24,38,.8);padding:16px;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:13px;color:var(--text-primary);overflow-x:auto;margin:0;border:1px solid var(--border);border-left:4px solid var(--primary);white-space:pre-wrap;word-break:break-word;line-height:1.5}.markdown-code-block,.markdown-code-block-wrapper{display:inline;background:rgba(124,135,247,.15);padding:3px 8px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:14px;color:var(--primary-light);border:1px solid rgba(124,135,247,.25);white-space:nowrap}.markdown-blockquote{border-left:4px solid var(--primary-light);padding-left:16px;margin-left:0;margin-bottom:16px;color:var(--text-secondary);font-style:italic}.login-content{width:100%;display:flex;justify-content:center;align-items:center;padding:40px 24px}.login-card{background:linear-gradient(135deg,hsla(0,0%,8%,.9),rgba(30,30,30,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:48px;box-shadow:0 10px 40px rgba(0,0,0,.5);max-width:420px;width:100%;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:24px}.login-logo-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px}.login-logo-image{height:50px;width:auto;object-fit:contain}.login-header h1{font-size:32px;font-weight:800;background:linear-gradient(135deg,#e0e0e0,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.login-description,.login-header p{font-size:14px;color:var(--text-secondary)}.login-description{text-align:center;margin-bottom:32px;line-height:1.6}.login-features{margin-top:32px;display:flex;flex-direction:column;gap:12px}.feature{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}.feature-icon{font-size:18px;display:inline-block;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:6px}@media (max-width:768px){.header-content{flex-direction:column;gap:16px}.container{padding:0}.article-card,.form-card,.welcome-card{padding:24px;border-radius:12px}.main-content{padding:24px 16px}.login-card{padding:32px 24px}.markdown-h1{font-size:24px}.markdown-h2{font-size:20px}.markdown-h3{font-size:18px}}