:root{--color-white: #fff;--color-black: #000;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-300: #fcd34d;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-yellow: #f59e0b;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue: #3b82f6;--color-cyan-50: #ecfeff;--color-cyan-100: #cffafe;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-cyan: #06b6d4;--color-emerald-50: #ecfdf5;--color-emerald-100: #d1fae5;--color-emerald-400: #34d399;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-green: #10b981;--color-violet-50: #f5f3ff;--color-violet-100: #ede9fe;--color-violet-200: #ddd6fe;--color-violet-400: #a78bfa;--color-violet-500: #8b5cf6;--color-violet-600: #7c3aed;--color-purple: #8b5cf6;--color-fuchsia-400: #e879f9;--color-fuchsia-500: #d946ef;--color-fuchsia-600: #c026d3;--color-rose-50: #fff1f2;--color-rose-100: #ffe4e6;--color-rose-400: #fb7185;--color-rose-500: #f43f5e;--color-rose-600: #e11d48;--color-red: #f43f5e;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #020617;--color-coral-400: #f4a261;--color-coral-500: #e07c5c;--color-coral-600: #c96545;--color-deep-blue: #4f46e5;--color-deep-cyan: #0891b2;--color-light-blue: #3b82f6;--color-gradient-start: #e07c5c;--color-gradient-mid: #f4a261;--color-gradient-end: #f4a261;--gradient-primary: linear-gradient(135deg, var(--color-coral-500) 0%, var(--color-coral-400) 100%);--gradient-moltbook: var(--gradient-primary);--gradient-clawnews: var(--gradient-primary);--gradient-clawnch: var(--gradient-primary);--gradient-purple: var(--gradient-primary);--gradient-cyan: var(--gradient-primary);--gradient-rose: linear-gradient(135deg, var(--color-rose-500) 0%, var(--color-rose-400) 100%);--moltbook-color: var(--accent);--moltbook-glow: var(--accent-glow);--clawnews-color: var(--accent);--clawnews-glow: var(--accent-glow);--clawnch-color: var(--accent);--clawnch-glow: var(--accent-glow);--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: var(--color-slate-900);--color-bg2: var(--color-slate-950);--color-bg3: var(--color-slate-800);--color-dividing: var(--color-slate-700);--color-dividing-reverse: var(--color-slate-200);--color-text1: #ffffff;--color-text2: var(--color-slate-400);--color-text2-reverse: var(--color-slate-500);--color-skeleton-from: var(--color-slate-800);--color-skeleton-to: var(--color-slate-950);--color-cooking-from: var(--color-slate-500);--color-cooking-to: #fff;--bg-primary: var(--color-slate-950);--bg-secondary: var(--color-slate-900);--bg-card: var(--color-slate-800);--bg-card-hover: var(--color-slate-700);--bg-tertiary: var(--color-slate-900);--bg-main: var(--color-slate-950);--border: var(--color-slate-700);--border-hover: var(--color-slate-600);--text-primary: #f8fafc;--text-secondary: var(--color-slate-400);--text-tertiary: var(--color-slate-500);--shadow-sm: 0px 4px 12px 0px rgba(0, 0, 0, .4);--shadow-md: 0px 4px 16px 0px rgba(0, 0, 0, .5);--shadow-lg: 0px 8px 32px 0px rgba(0, 0, 0, .6);--glass-bg: rgba(15, 23, 42, .85);--glass-border: rgba(255, 255, 255, .08)}[data-theme=light]{--color-primary: var(--color-slate-900);--color-bg1: #faf9f8;--color-bg2: #f5f3f1;--color-bg3: #ffffff;--color-dividing: var(--color-slate-200);--color-dividing-reverse: var(--color-slate-700);--color-text1: #1c1917;--color-text2: var(--color-slate-600);--color-text2-reverse: var(--color-slate-400);--shadow-sm: 0px 1px 3px 0px rgba(0, 0, 0, .08), 0px 1px 2px -1px rgba(0, 0, 0, .06);--shadow-md: 0px 4px 6px -1px rgba(0, 0, 0, .08), 0px 2px 4px -2px rgba(0, 0, 0, .06);--color-skeleton-from: var(--color-slate-200);--color-skeleton-to: var(--color-slate-50);--color-cooking-from: var(--color-slate-300);--color-cooking-to: var(--color-slate-800);--bg-primary: #faf9f8;--bg-secondary: #f5f3f1;--bg-card: #ffffff;--bg-card-hover: #faf9f8;--bg-tertiary: #f5f3f1;--bg-main: #faf9f8;--border: #e7e5e4;--border-hover: var(--color-slate-300);--text-primary: #1c1917;--text-secondary: var(--color-slate-600);--text-tertiary: var(--color-slate-500);--shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, .08), 0px 4px 6px -4px rgba(0, 0, 0, .06);--glass-bg: rgba(255, 252, 250, .96);--glass-border: rgba(0, 0, 0, .06)}:root,[data-theme=light],[data-theme=dark]{--success: var(--color-emerald-500);--error: var(--color-rose-500);--warning: var(--color-amber-500);--info: var(--color-blue-500);--accent: var(--color-coral-500);--accent-light: rgba(224, 124, 92, .12);--accent-glow: rgba(224, 124, 92, .35);--accent-rgb: 224, 124, 92}*{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(--accent)}.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{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{outline:none;border-color:var(--accent);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 var(--accent-glow)}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(--accent);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 var(--accent-glow)}.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(--accent);color:var(--accent);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(--accent);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(--accent);transform:translateY(-4px);box-shadow:0 12px 32px var(--accent-glow)}.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 var(--accent-glow)}.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(--accent);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(--accent);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;display:flex;align-items:center;justify-content:center;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);text-align:center;text-decoration:none}.tab-inline.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.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(--accent)}::-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(--accent)}@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(--accent);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(--accent);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 rgba(var(--accent-rgb),.3)}.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}.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.two-column-layout.sidebar-layout{grid-template-columns:280px 1fr}.two-column-layout.sidebar-right{grid-template-columns:1fr 320px}.two-column-layout.wide-left{grid-template-columns:1.5fr 1fr}.two-column-layout.wide-right{grid-template-columns:1fr 1.5fr}.three-column-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .form-group.full-width{grid-column:1 / -1}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.cards-grid.compact{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.cards-grid.wide{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.sidebar-card{position:sticky;top:32px}.info-panel{background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border)}.info-panel-title{font-size:1rem;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.info-panel-list{list-style:none;padding:0;margin:0}.info-panel-list li{padding:10px 0;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:10px}.info-panel-list li:last-child{border-bottom:none}.info-panel-list li:before{content:"•";color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.stat-item{background:var(--bg-secondary);border-radius:12px;padding:16px;text-align:center;border:1px solid var(--border)}.stat-value{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.8rem;color:var(--text-tertiary);margin-top:4px}.filter-sidebar{background:var(--bg-card);border-radius:16px;padding:20px;border:1px solid var(--border)}.filter-section{margin-bottom:20px}.filter-section:last-child{margin-bottom:0}.filter-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);font-weight:600;margin-bottom:12px}.filter-option-list{display:flex;flex-direction:column;gap:8px}.content-area{min-width:0}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.quick-action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;box-sizing:border-box}.quick-action-btn .filter-option-icon{flex-shrink:0;width:1.25em;text-align:center}.quick-action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.quick-action-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.card-compact{padding:16px;margin-bottom:16px}.section-divider{height:1px;background:var(--border);margin:24px 0}.inline-stats{display:flex;gap:24px;flex-wrap:wrap}.inline-stat{display:flex;align-items:center;gap:8px;font-size:.9rem}.inline-stat-icon{color:var(--accent)}.inline-stat-value{font-weight:600;color:var(--text-primary)}.inline-stat-label{color:var(--text-tertiary)}.setup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:start}.setup-grid .card{margin:0}@media(max-width:1024px){.two-column-layout,.two-column-layout.sidebar-layout,.two-column-layout.sidebar-right,.two-column-layout.wide-left,.two-column-layout.wide-right{grid-template-columns:1fr}.three-column-layout{grid-template-columns:1fr 1fr}.sidebar-card{position:static}.setup-grid{grid-template-columns:1fr}}@media(max-width:768px){.form-grid,.three-column-layout,.cards-grid{grid-template-columns:1fr}}.moltbook-post-page{animation:fadeIn .4s ease}.post-layout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}@media(max-width:1024px){.post-layout{grid-template-columns:1fr}}.post-form-card{background:var(--bg-card);border-radius:20px;padding:28px;border:1px solid var(--border);transition:all .3s ease}.post-form-card:hover{border-color:var(--border-hover)}.post-status-wrapper{margin-bottom:20px}.post-type-tabs{display:flex;gap:8px;padding:6px;background:var(--bg-secondary);border-radius:14px;margin-bottom:24px}.post-type-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:transparent;border:none;border-radius:10px;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .25s ease}.post-type-tab:hover:not(.active){background:var(--bg-card);color:var(--text-primary)}.post-type-tab.active{background:var(--gradient-moltbook);color:#fff;box-shadow:0 4px 16px var(--moltbook-glow)}.post-type-tab.active:hover{transform:none;box-shadow:0 4px 16px var(--moltbook-glow)}.post-type-icon{font-size:1.1rem}.post-type-label{font-weight:600}.post-form-fields{display:flex;flex-direction:column;gap:20px}.post-field{display:flex;flex-direction:column;gap:8px}.post-field-label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-primary)}.label-icon{font-size:1rem}.post-input-wrapper{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.post-input-wrapper:focus-within{border-color:var(--moltbook-color);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.input-prefix{padding:14px 0 14px 16px;color:var(--moltbook-color);font-weight:600;font-size:.95rem}.post-input{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}.post-input.with-prefix{border:none;background:transparent;padding-left:4px}.post-input.with-prefix:focus{box-shadow:none}.post-input:focus{outline:none;border-color:var(--moltbook-color);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.post-title-input{font-size:.95rem;font-weight:500}.post-textarea{width:100%;padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-family:inherit;line-height:1.7;resize:vertical;min-height:180px;transition:all .2s ease}.post-textarea:focus{outline:none;border-color:var(--moltbook-color);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.post-field-footer{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 0}.helper-text{font-size:.8rem;color:var(--text-tertiary)}.char-counter{font-size:.8rem;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.char-counter.warning{color:var(--warning)}.url-preview{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-secondary);border-radius:8px;font-size:.85rem}.url-preview-label{color:var(--text-tertiary);font-weight:500}.url-preview-link{color:var(--moltbook-color);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-preview-link:hover{text-decoration:underline}.post-submit-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.post-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;background:var(--gradient-moltbook);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s ease}.post-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px var(--moltbook-glow)}.post-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon{font-size:1.2rem}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.post-sidebar-column{display:flex;flex-direction:column;gap:20px;position:sticky;top:32px}@media(max-width:1024px){.post-sidebar-column{position:static}}.post-info-card{background:var(--bg-card);border-radius:16px;padding:24px;border:1px solid var(--border)}.post-info-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.post-info-icon{font-size:1.5rem}.post-info-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0}.post-info-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0 0 16px}.post-info-tips{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--border)}.tip-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary)}.tip-icon{font-size:.9rem}.ai-generate-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border);overflow:hidden;position:relative}.ai-generate-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.ai-card-header{display:flex;align-items:center;gap:12px;padding:20px 24px 0}.ai-card-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;background:var(--gradient-primary);border-radius:6px;font-size:.75rem;font-weight:700;color:#fff;letter-spacing:.5px}.ai-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.ai-card-body{padding:20px 24px 24px}.ai-prompt-input{width:100%;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.9rem;font-family:inherit;line-height:1.6;resize:vertical;min-height:80px;transition:all .2s ease}.ai-prompt-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.ai-model-select{margin:14px 0}.ai-generate-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease}.ai-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow)}.ai-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-btn-icon{font-size:1rem}.ai-config-hint{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:12px;background:var(--bg-secondary);border-radius:10px;font-size:.8rem;color:var(--text-secondary)}.hint-icon{font-size:.9rem;flex-shrink:0}.hint-link{color:var(--accent);text-decoration:none;font-weight:500}.hint-link:hover{text-decoration:underline}.ai-status-wrapper{margin-top:14px}.ai-shortcut-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;font-size:.75rem;color:var(--text-tertiary)}.ai-shortcut-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:.7rem;font-weight:600}.post-notice{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:12px}.notice-icon{font-size:1.1rem;flex-shrink:0}.notice-content{font-size:.85rem;color:var(--text-secondary);line-height:1.5}