.create-post-page{min-height:100vh;padding:calc(var(--navbar-height) + var(--spacing-xl)) var(--spacing-lg) var(--spacing-3xl);justify-content:center;display:flex}.create-post-container{width:100%;max-width:820px;padding:var(--spacing-xl) var(--spacing-2xl)}.create-post-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.create-post-header h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.create-post-back{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;display:flex}.create-post-back:hover{color:var(--text-primary);background:#ffffff14}.cp-title-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);transition:border-color var(--transition-fast);background:#ffffff0a;font-size:1.1rem;font-weight:600}.cp-title-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb), .15);outline:none}.cp-title-input::placeholder{color:var(--text-muted);font-weight:400}.cp-topic-select{width:100%;padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);cursor:pointer;transition:border-color var(--transition-fast);background:#ffffff0a;font-size:.95rem}.cp-topic-select:focus{border-color:var(--accent-primary);outline:none}.cp-topic-select option{background:var(--bg-elevated);color:var(--text-primary)}.cp-editor-group{position:relative}.cp-editor-group .ql-toolbar.ql-snow{border:1px solid var(--glass-border);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-primary);background:#ffffff08}.cp-editor-group .ql-container.ql-snow{border:1px solid var(--glass-border);border-radius:0 0 var(--radius-md) var(--radius-md);font-family:var(--font-primary);color:var(--text-primary);border-top:none;min-height:360px;font-size:1rem}.cp-editor-group .ql-editor{min-height:360px;padding:var(--spacing-lg);color:var(--text-primary);line-height:1.7}.cp-editor-group .ql-editor.ql-blank:before{color:var(--text-muted);left:var(--spacing-lg);right:var(--spacing-lg);font-style:normal}.cp-editor-group .ql-editor:focus{outline:none}.cp-editor-group .ql-snow .ql-stroke{stroke:var(--text-secondary)}.cp-editor-group .ql-snow .ql-fill,.cp-editor-group .ql-snow .ql-stroke.ql-fill{fill:var(--text-secondary)}.cp-editor-group .ql-snow .ql-picker,.cp-editor-group .ql-snow .ql-picker-label{color:var(--text-secondary)}.cp-editor-group .ql-snow .ql-picker-label:hover,.cp-editor-group .ql-snow button:hover{color:var(--accent-primary)}.cp-editor-group .ql-snow button:hover .ql-stroke{stroke:var(--accent-primary)}.cp-editor-group .ql-snow button:hover .ql-fill{fill:var(--accent-primary)}.cp-editor-group .ql-snow .ql-active{color:var(--accent-primary)}.cp-editor-group .ql-snow .ql-active .ql-stroke{stroke:var(--accent-primary)}.cp-editor-group .ql-snow .ql-active .ql-fill{fill:var(--accent-primary)}.cp-editor-group .ql-snow .ql-picker-options{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:var(--spacing-xs)}.cp-editor-group .ql-snow .ql-picker-item{color:var(--text-secondary)}.cp-editor-group .ql-snow .ql-picker-item:hover{color:var(--accent-primary)}.ql-snow .ql-tooltip{background:var(--bg-elevated)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;color:var(--text-primary)!important;padding:var(--spacing-sm) var(--spacing-md)!important}.ql-snow .ql-tooltip input[type=text]{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff0f}.ql-snow .ql-tooltip a.ql-action,.ql-snow .ql-tooltip a.ql-remove{color:var(--accent-primary)}.cp-editor-group .ql-editor blockquote{border-left:3px solid var(--accent-primary);padding-left:var(--spacing-md);color:var(--text-secondary);margin:var(--spacing-sm) 0}.cp-editor-group .ql-editor pre.ql-syntax,.cp-editor-group .ql-editor code{font-family:var(--font-mono);border-radius:var(--radius-sm)}.cp-editor-group .ql-editor pre.ql-syntax{color:#e6e6e6;padding:var(--spacing-md);margin:var(--spacing-sm) 0;border:1px solid var(--glass-border);background:#0000004d;overflow-x:auto}.cp-editor-group .ql-editor code{color:#f0a8c8;background:#ffffff14;padding:2px 6px;font-size:.9em}.cp-editor-group .ql-editor a{color:var(--accent-secondary);text-decoration:underline}.cp-toolbar-expand{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;display:flex}.cp-toolbar-expand:hover{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .1)}.cp-expand-icon{width:18px;height:18px;transition:transform var(--transition-fast)}.cp-toolbar-expand--open .cp-expand-icon{transform:rotate(180deg)}.cp-toolbar-extra{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--glass-border);background:#ffffff05;border-top:none;margin-top:-1px;display:flex}.cp-toolbar-extra.hidden{display:none}.cp-toolbar-extra .ql-formats{align-items:center;gap:2px;display:flex}.cp-toolbar-extra button{cursor:pointer;width:28px;height:28px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.cp-toolbar-extra button svg{width:18px;height:18px}.cp-toolbar-extra button svg .ql-stroke{stroke:var(--text-secondary);fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.cp-toolbar-extra button svg .ql-fill{fill:var(--text-secondary)}.cp-toolbar-extra button:hover{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .1)}.cp-toolbar-extra button:hover svg .ql-stroke{stroke:var(--accent-primary)}.cp-toolbar-extra button:hover svg .ql-fill{fill:var(--accent-primary)}.cp-toolbar-extra button.ql-active,.cp-toolbar-extra button.active{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb), .15)}.cp-toolbar-extra button.ql-active svg .ql-stroke,.cp-toolbar-extra button.active svg .ql-stroke{stroke:var(--accent-primary)}.cp-toolbar-extra button.ql-active svg .ql-fill,.cp-toolbar-extra button.active svg .ql-fill{fill:var(--accent-primary)}.spoiler-text{background:var(--text-primary);color:#0000;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border-radius:3px;padding:0 4px}.spoiler-text:hover,.spoiler-text.revealed{background:rgba(var(--accent-primary-rgb), .15);color:var(--text-primary)}.ql-editor .spoiler-text{background:rgba(var(--accent-primary-rgb), .15);color:var(--text-primary);border:1px dashed var(--accent-primary)}.cp-tag-pill{background:rgba(var(--accent-primary-rgb), .12);color:var(--accent-primary);border-radius:var(--radius-full);cursor:default;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:2px;padding:4px 10px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.cp-tag-pill:hover{background:rgba(var(--accent-primary-rgb), .2)}.cp-tag-hash{opacity:.65}.cp-tag-remove{width:16px;height:16px;color:var(--accent-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;padding:0;font-size:.7rem;line-height:1;display:inline-flex}.cp-tag-remove:hover{background:rgba(var(--accent-primary-rgb), .25)}.tag-input-container{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.tag-input-container .tags-list{flex-wrap:wrap;gap:6px;display:flex}[data-theme=light] .cp-tag-pill{background:rgba(var(--accent-primary-rgb), .1)}.create-post-form .form-actions{justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border);display:flex}@media (max-width:768px){.create-post-page{padding:calc(var(--navbar-height) + var(--spacing-md)) var(--spacing-sm) var(--spacing-xl)}.create-post-container{padding:var(--spacing-lg) var(--spacing-md)}.create-post-header h1{font-size:1.25rem}.cp-editor-group .ql-container.ql-snow,.cp-editor-group .ql-editor{min-height:260px}.cp-editor-group .ql-toolbar.ql-snow{padding:var(--spacing-xs)}.cp-editor-group .ql-snow .ql-formats{margin-right:4px}}@media (max-width:480px){.create-post-container{padding:var(--spacing-md) var(--spacing-sm);border-radius:var(--radius-md)}.cp-editor-group .ql-container.ql-snow,.cp-editor-group .ql-editor{min-height:200px}}[data-theme=light] .cp-title-input,[data-theme=light] .cp-topic-select{background:#00000008;border-color:#0000001f}[data-theme=light] .cp-editor-group .ql-toolbar.ql-snow{background:#00000005;border-color:#0000001f}[data-theme=light] .cp-editor-group .ql-container.ql-snow{border-color:#0000001f}[data-theme=light] .cp-toolbar-extra{background:#00000005;border-color:#0000001f}[data-theme=light] .cp-toolbar-extra button svg .ql-stroke{stroke:#555}[data-theme=light] .cp-toolbar-extra button svg .ql-fill{fill:#555}[data-theme=light] .cp-editor-group .ql-snow .ql-stroke{stroke:#555}[data-theme=light] .cp-editor-group .ql-snow .ql-fill,[data-theme=light] .cp-editor-group .ql-snow .ql-stroke.ql-fill{fill:#555}[data-theme=light] .cp-editor-group .ql-snow .ql-picker{color:#555}[data-theme=light] .cp-editor-group .ql-editor pre.ql-syntax{color:#2d2d2d;background:#f5f5f5;border-color:#0000001a}[data-theme=light] .cp-editor-group .ql-editor code{color:#d63384;background:#0000000f}[data-theme=light] .spoiler-text{background:#333}[data-theme=light] .ql-snow .ql-tooltip{color:#333!important;background:#fff!important;border-color:#0000001f!important}[data-theme=light] .ql-snow .ql-tooltip input[type=text]{color:#333;background:#0000000a;border-color:#0000001f}[data-theme=light] .ql-snow .ql-picker-options{background:#fff;border-color:#0000001f}
.cp-mode-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg, rgba(var(--accent-primary-rgb), .12), rgba(var(--accent-secondary-rgb), .06));border:1px solid rgba(var(--accent-primary-rgb), .25);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.cp-mode-banner-icon{font-size:1.6rem}.cp-mode-banner-text{flex-direction:column;flex:1;gap:2px;min-width:200px;display:flex}.cp-mode-banner-text strong{color:var(--text-primary);font-size:.95rem}.cp-mode-banner-text span{color:var(--text-secondary);font-size:.85rem}.cp-mode-banner-link{color:var(--accent-primary);border-radius:var(--radius-full);border:1px solid rgba(var(--accent-primary-rgb), .3);padding:4px 10px;font-size:.85rem;font-weight:500;text-decoration:none}.cp-mode-banner-link:hover{background:rgba(var(--accent-primary-rgb), .08)}.create-post-page .cp-mode-banner-link{color:var(--accent-primary)}.create-post-page .create-post-back{color:var(--text-secondary)}.create-post-page .create-post-back:hover{color:var(--text-primary)}.create-post-page .cp-tag-pill{color:var(--accent-primary)}.create-post-page .btn-primary{color:#fff}.create-post-page .btn-ghost{color:var(--text-secondary)}.create-post-page .btn-ghost:hover{color:var(--text-primary)}