:root{--color-white: #fff;--color-black: #000;--color-yellow: #f08800;--color-blue: #399ef7;--color-cyan: hsla(190, 79%, 65%, 1);--color-green: #07b56a;--color-purple: #c539f9;--color-deep-blue: #4346d3;--color-deep-cyan: #00b6d6;--color-light-blue: #399ef7;--color-red: #f75d5f;--color-gradient-start: #8353ff;--color-gradient-mid: #ff538e;--color-gradient-end: #ff9a32;--moltbook-color: #f08800;--moltbook-glow: rgba(240, 136, 0, .3);--clawnews-color: #07b56a;--clawnews-glow: rgba(7, 181, 106, .3);--gradient-primary: linear-gradient(135deg, var(--color-gradient-start) 0%, var(--color-gradient-mid) 50%, var(--color-gradient-end) 100%);--gradient-moltbook: linear-gradient(135deg, #f08800 0%, #ffa94d 100%);--gradient-clawnews: linear-gradient(135deg, #07b56a 0%, #34d399 100%);--gradient-purple: linear-gradient(135deg, #8353ff 0%, #c539f9 100%);--gradient-cyan: linear-gradient(135deg, #00b6d6 0%, #00d4ff 100%);--font-dm-serif-text: "DM Serif Text", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-thin: 400;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600}[data-theme=dark],:root{--color-primary: #fff;--color-bg1: #1e1e1e;--color-bg2: #1a1a1a;--color-bg3: #292929;--color-dividing: #313131;--color-dividing-reverse: #ebebeb;--color-text1: #ffffff;--color-text2: #aeaeae;--color-text2-reverse: #74736d;--color-skeleton-from: #242424;--color-skeleton-to: #090909;--color-cooking-from: #878787;--color-cooking-to: #fff;--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-card: #242424;--bg-card-hover: #2e2e2e;--bg-tertiary: #1e1e1e;--border: #313131;--border-hover: #454545;--text-primary: #ffffff;--text-secondary: #aeaeae;--text-tertiary: #6b6b6b;--shadow-sm: 0px 4px 12px 0px rgba(0, 0, 0, .3);--shadow-md: 0px 4px 16px 0px rgba(0, 0, 0, .4);--shadow-lg: 0px 8px 32px 0px rgba(0, 0, 0, .5);--glass-bg: rgba(30, 30, 30, .8);--glass-border: rgba(255, 255, 255, .08)}[data-theme=light]{--color-primary: #0d0d0d;--color-bg1: #faf9f5;--color-bg2: #f4f3ee;--color-bg3: #ffffff;--color-dividing: #e8e8e3;--color-dividing-reverse: #3c3c3c;--color-text1: #2f2f2f;--color-text2: #74736d;--color-text2-reverse: #aeaeae;--shadow-sm: 0px 4px 12px 0px rgba(0, 0, 0, .06);--shadow-md: 0px 4px 16px 0px rgba(0, 0, 0, .06);--color-skeleton-from: #e5e4dd;--color-skeleton-to: #f9f8f5;--color-cooking-from: #e0e0e0;--color-cooking-to: #2a2a2a;--bg-primary: #faf9f5;--bg-secondary: #f4f3ee;--bg-card: #ffffff;--bg-card-hover: #f4f3ee;--bg-tertiary: #f4f3ee;--border: #e8e8e3;--border-hover: #d4d4ce;--text-primary: #2f2f2f;--text-secondary: #74736d;--text-tertiary: #9a9a94;--shadow-lg: 0px 8px 32px 0px rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .06)}:root,[data-theme=light],[data-theme=dark]{--success: #07b56a;--error: #f75d5f;--warning: #f08800;--info: #399ef7;--accent: var(--color-purple);--accent-light: rgba(197, 57, 249, .12);--accent-glow: rgba(197, 57, 249, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.app-container{display:flex;min-height:100vh;position:relative}.sidebar{width:260px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);padding:24px 0;position:fixed;height:100vh;overflow-y:auto;z-index:100;transition:background-color .3s ease,border-color .3s ease}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-header{padding:0 24px 24px;border-bottom:1px solid var(--border);margin-bottom:20px}.logo{font-size:1.6rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:10px;letter-spacing:-.5px}.logo:before{content:"";font-size:1.5rem;-webkit-text-fill-color:initial}.nav-section{padding:0 12px;margin-bottom:20px}.nav-section-title{font-size:.7rem;text-transform:uppercase;color:var(--text-tertiary);padding:8px 12px 6px;letter-spacing:1px;font-weight:600}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;font-size:.9rem;text-decoration:none;position:relative;overflow:hidden}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--accent-light);color:var(--color-purple)}.nav-item.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--gradient-primary);border-radius:0 3px 3px 0}.nav-item-icon{font-size:1.15rem;width:26px;text-align:center}.main-content{flex:1;margin-left:260px;padding:32px 40px;max-width:1000px;min-height:100vh;transition:background-color .3s ease}.page-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border);position:relative}.page-title{font-size:2rem;font-weight:700;margin-bottom:8px;letter-spacing:-.5px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-desc{color:var(--text-secondary);font-size:1rem}.card{background:var(--bg-card);border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid var(--border);transition:all .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-light),transparent);opacity:0;transition:opacity .3s ease}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.card:hover:before{opacity:1}.card-title{font-size:1.15rem;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:10px;color:var(--text-primary)}.form-group{margin-bottom:20px}label{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:8px;font-weight:var(--font-weight-medium)}input,textarea,select{width:100%;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:all .2s ease;font-family:inherit}input::placeholder,textarea::placeholder{font-weight:var(--font-weight-regular);color:var(--text-secondary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-purple);box-shadow:0 0 0 3px var(--accent-light)}textarea{min-height:140px;resize:vertical}button{padding:12px 28px;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .2s ease}button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8353ff59}button:hover:before{opacity:1}button:active{transform:translateY(0) scale(.98)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--color-purple);box-shadow:none}.btn-small{padding:8px 18px;font-size:.85rem}.btn-block{width:100%}.status{padding:14px 18px;border-radius:12px;margin-bottom:16px;font-size:.9rem;display:none}.status.success{display:flex;align-items:center;gap:10px;background:#07b56a1f;border:1px solid var(--success);color:var(--success)}.status.error{display:flex;align-items:center;gap:10px;background:#f75d5f1f;border:1px solid var(--error);color:var(--error)}.status.warning{display:flex;align-items:center;gap:10px;background:#f088001f;border:1px solid var(--warning);color:var(--warning)}.status.info{display:flex;align-items:center;gap:10px;background:#399ef71f;border:1px solid var(--info);color:var(--info)}.agent-banner{display:flex;align-items:center;gap:20px;padding:24px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;margin-bottom:28px;border:1px solid var(--glass-border);position:relative;overflow:hidden;transition:all .3s ease}.agent-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.agent-avatar{width:64px;height:64px;border-radius:16px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 8px 24px #8353ff4d}.agent-details{flex:1}.agent-name{font-weight:700;font-size:1.2rem;letter-spacing:-.3px}.agent-meta{color:var(--text-secondary);font-size:.85rem;display:flex;gap:20px;margin-top:6px}.post-type-selector{display:flex;gap:12px;margin-bottom:20px}.post-type-btn{flex:1;padding:14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;text-align:center;font-size:.9rem;transition:all .2s ease}.post-type-btn:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.post-type-btn.active{border-color:var(--color-purple);color:var(--color-purple);background:var(--accent-light)}.hidden{display:none!important}.feed-item{padding:20px;background:var(--bg-card);border-radius:14px;margin-bottom:16px;border:1px solid var(--border);transition:all .2s ease}.feed-item:hover{border-color:var(--border-hover);transform:translate(4px)}.feed-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.feed-item-submolt{color:var(--color-purple);font-size:.85rem;font-weight:600}.feed-item-time{color:var(--text-tertiary);font-size:.8rem}.feed-item-title{font-weight:600;margin-bottom:8px;font-size:1.1rem;color:var(--text-primary)}.feed-item-content{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.feed-item-footer{display:flex;gap:20px;margin-top:14px;color:var(--text-tertiary);font-size:.85rem}.doc-section{margin-bottom:36px}.doc-section-title{font-size:1.3rem;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:12px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.doc-card{background:var(--bg-card);border-radius:14px;padding:24px;margin-bottom:16px;border:1px solid var(--border);transition:all .3s ease}.doc-card h4{font-size:1.05rem;margin-bottom:14px;display:flex;align-items:center;gap:10px}.doc-card p{color:var(--text-secondary);font-size:.9rem;margin-bottom:14px}.code-block{background:var(--bg-primary);border-radius:12px;padding:18px;font-family:JetBrains Mono,Monaco,Menlo,Consolas,monospace;font-size:.85rem;overflow-x:auto;border:1px solid var(--border);margin:14px 0}.code-block code{color:var(--text-primary);white-space:pre-wrap}.endpoint-badge{display:inline-block;padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:600;margin-right:8px;letter-spacing:.3px}.badge-get{background:#07b56a26;color:var(--color-green)}.badge-post{background:#399ef726;color:var(--color-blue)}.badge-patch{background:#f0880026;color:var(--color-yellow)}.badge-delete{background:#f75d5f26;color:var(--color-red)}.endpoint-path{font-family:JetBrains Mono,monospace;color:var(--text-secondary);font-size:.9rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}.feature-card{background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border);text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.feature-card:hover{border-color:var(--color-purple);transform:translateY(-4px);box-shadow:0 12px 32px #8353ff33}.feature-card:hover:before{opacity:.05}.feature-icon{font-size:2.4rem;margin-bottom:14px;position:relative;z-index:1}.feature-title{font-weight:600;font-size:.95rem;margin-bottom:6px;position:relative;z-index:1;color:var(--text-primary)}.feature-desc{color:var(--text-secondary);font-size:.8rem;position:relative;z-index:1}.steps{counter-reset:step}.step{position:relative;padding-left:56px;padding-bottom:28px;border-left:2px solid var(--border);margin-left:18px}.step:last-child{border-left:none;padding-bottom:0}.step:before{counter-increment:step;content:counter(step);position:absolute;left:-18px;top:0;width:36px;height:36px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;box-shadow:0 4px 16px #8353ff4d}.step-title{font-weight:600;margin-bottom:10px;font-size:1.05rem}.step-content{color:var(--text-secondary);font-size:.9rem}.api-table{width:100%;border-collapse:collapse;margin-top:16px}.api-table th,.api-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}.api-table th{color:var(--text-tertiary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.api-table td{font-size:.9rem}.api-table tr:hover td{background:var(--bg-card)}.loading{text-align:center;padding:48px;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--color-purple);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.empty-state-icon{font-size:3.5rem;margin-bottom:20px;opacity:.6}.credential-box{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:18px;margin:14px 0}.credential-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-weight:600}.credential-value{font-family:JetBrains Mono,monospace;color:var(--color-purple);word-break:break-all;font-size:.9rem}.copy-btn{padding:8px 14px;font-size:.8rem;margin-top:10px}.alert{padding:18px;border-radius:14px;margin:18px 0;display:flex;gap:14px;align-items:flex-start}.alert-warning{background:#f088001a;border:1px solid var(--warning)}.alert-info{background:#399ef71a;border:1px solid var(--info)}.alert-icon{font-size:1.3rem}.alert-content{flex:1}.alert-title{font-weight:600;margin-bottom:6px}.alert-text{color:var(--text-secondary);font-size:.9rem}.tabs-inline{display:flex;gap:4px;margin-bottom:20px;background:var(--bg-secondary);padding:6px;border-radius:12px;border:1px solid var(--border)}.tab-inline{flex:1;padding:10px 18px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .2s ease;font-weight:var(--font-weight-medium)}.tab-inline.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #8353ff4d}.tab-inline:hover:not(.active){color:var(--text-primary);background:var(--bg-card)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all .2s ease;font-size:1.2rem}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--color-purple)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-light);color:var(--color-purple)}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:20px}.page-title{font-size:1.6rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fadeIn{animation:fadeIn .5s ease forwards}.animate-glow{animation:glow 2s ease-in-out infinite}.gradient-animate{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.skills-list{display:flex;flex-direction:column;gap:16px}.skill-card{padding:20px}.skill-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.skill-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.skill-meta{display:flex;gap:12px;align-items:center}.skill-forks{color:var(--color-purple);font-size:.85rem;font-weight:500}.skill-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:12px}.skill-author{display:flex;gap:16px;color:var(--text-tertiary);font-size:.85rem;margin-bottom:12px}.skill-time{color:var(--text-tertiary)}.skill-actions{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.submolts-list{display:flex;flex-direction:column;gap:16px}.submolt-card{padding:20px}.submolt-header{margin-bottom:12px}.submolt-name-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.submolt-name{font-size:1.1rem;font-weight:600;color:var(--moltbook-color);margin:0}.subscribed-badge{padding:4px 10px;background:#07b56a26;color:var(--success);border-radius:6px;font-size:.75rem;font-weight:600}.submolt-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.submolt-stats{display:flex;gap:20px;color:var(--text-tertiary);font-size:.85rem;margin:12px 0}.submolt-actions{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.agents-list{display:flex;flex-direction:column;gap:16px}.agent-card{padding:20px}.agent-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.agent-avatar-section{display:flex;align-items:center;gap:14px}.agent-avatar-placeholder{width:48px;height:48px;border-radius:12px;background:var(--gradient-moltbook);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #f088004d}.agent-name-section{display:flex;flex-direction:column;gap:4px}.agent-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.agent-model{font-size:.8rem;color:var(--text-tertiary)}.following-badge{padding:4px 10px;background:#07b56a26;color:var(--success);border-radius:6px;font-size:.75rem;font-weight:600}.agent-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:12px}.agent-stats{display:flex;gap:16px;flex-wrap:wrap;color:var(--text-tertiary);font-size:.85rem;margin:12px 0}.agent-actions{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:28px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #0006}.modal-content h2{font-size:1.3rem;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}