.editor-wrapper{width:100%;max-width:720px;margin:0 auto;position:relative}.bottom-spacer{height:5rem}.hidden-file-input{display:none}.cover-section{margin-bottom:2.5rem;position:relative}.cover-image-container{aspect-ratio:21/9;border:1px solid #eee;border-radius:1rem;width:100%;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .cover-image-container{border-color:#27272a}.cover-image-container.editable:hover{box-shadow:0 4px 6px -1px #0000001a}.cover-image{object-fit:cover;width:100%;height:100%}.cover-actions-overlay{opacity:0;background-color:#0006;justify-content:center;align-items:center;gap:.75rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.cover-image-container.editable:hover .cover-actions-overlay{opacity:1}.btn-change-cover{color:#000;cursor:pointer;background-color:#fff;border:1px solid #ffffff4d;border-radius:9999px;padding:.5rem 1.25rem;font-size:12px;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 25px -5px #0003}.btn-change-cover:hover{transform:translateY(-1.5px)scale(1.03);box-shadow:0 12px 30px #00000059}.btn-change-cover:active{transform:translateY(0)scale(.97)}.btn-remove-cover{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:9999px;padding:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 25px -5px #0003}.btn-remove-cover:hover{background-color:#dc2626;transform:translateY(-1.5px)scale(1.05);box-shadow:0 12px 30px #ef444459}.btn-remove-cover:active{transform:translateY(0)scale(.95)}.cover-setup-container{flex-direction:column;gap:1rem;display:flex}.btn-add-cover{color:#71717a;cursor:pointer;background:#00000005;border:2px dashed #0000001a;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;width:100%;height:120px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.cover-meta-inline{flex-direction:column;gap:.375rem;margin-top:.75rem;padding:0 .25rem;display:flex}.cover-meta-btn{cursor:pointer;text-align:left;background:0 0;border:1px dashed #0000;border-radius:.5rem;align-items:center;gap:.5rem;width:100%;padding:.35rem .5rem;font-family:inherit;transition:all .15s;display:flex}.cover-meta-btn:hover{background:#00000005;border-color:#00000014}[data-theme=dark] .cover-meta-btn:hover{background:#ffffff08;border-color:#ffffff14}.cover-meta-label{text-transform:uppercase;letter-spacing:.04em;color:#0000004d;min-width:46px;font-size:10px;font-weight:600}[data-theme=dark] .cover-meta-label{color:#ffffff40}.cover-meta-value{color:#0000008c;font-size:12px;line-height:1.4}.cover-meta-value.empty{color:#0003;font-style:italic}[data-theme=dark] .cover-meta-value{color:#ffffff73}[data-theme=dark] .cover-meta-value.empty{color:#ffffff26}.cover-meta-input{width:100%;color:inherit;background:0 0;border:1px solid #0000001a;border-radius:.5rem;outline:none;padding:.4rem .5rem;font-family:inherit;font-size:12px;transition:border-color .15s}.cover-meta-input:focus{border-color:#00000040}.cover-meta-input::placeholder{color:#0003;font-style:italic}[data-theme=dark] .cover-meta-input{color:#fff;border-color:#ffffff1f}[data-theme=dark] .cover-meta-input:focus{border-color:#ffffff40}[data-theme=dark] .cover-meta-input::placeholder{color:#ffffff26}[data-theme=dark] .btn-add-cover{color:#a1a1aa;background:#ffffff03;border-color:#ffffff1a}.btn-add-cover:hover{color:#00f0ff;background:#00f0ff05;border-color:#00f0ff;transform:scale(1.01)}[data-theme=dark] .btn-add-cover:hover{color:#00f0ff;background:#00f0ff05;border-color:#00f0ff}.btn-add-cover span{font-size:12px;font-weight:600}.btn-add-cover .icon-large{width:24px;height:24px;margin-bottom:.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1)}.btn-add-cover:hover .icon-large{transform:scale(1.15)}.cover-input-panel{background-color:#fff;border:1px solid #eee;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .cover-input-panel{background-color:#09090b;border-color:#27272a}.cover-input-panel.overlay-panel{z-index:50;margin-top:1rem;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=dark] .cover-input-panel.overlay-panel{box-shadow:0 20px 25px -5px #0000004d}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.1em;color:#999;font-size:10px;font-weight:700}.wb-btn-close{color:#999;cursor:pointer;background:0 0;border:none;transition:color .2s}.wb-btn-close:hover{color:#ef4444}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}@media (min-width:768px){.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.preset-card{aspect-ratio:3/2;cursor:pointer;border:1px solid #eee;border-radius:.5rem;padding:0;transition:border-color .2s;position:relative;overflow:hidden}[data-theme=dark] .preset-card{border-color:#27272a}.preset-card:hover{border-color:#a1a1aa}.preset-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.preset-card:hover img{transform:scale(1.1)}.preset-overlay{opacity:0;background-color:#0003;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.preset-card:hover .preset-overlay{opacity:1}.preset-overlay span{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;border-radius:9999px;padding:2px 8px;font-size:10px;font-weight:700}.wb-divider{background-color:#eee;height:1px;margin-bottom:1.5rem}[data-theme=dark] .wb-divider{background-color:#27272a}.upload-options{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.upload-options{grid-template-columns:repeat(2,1fr)}}.upload-group{flex-direction:column;gap:.5rem;display:flex}.upload-group label{color:#666;font-size:11px;font-weight:700}[data-theme=dark] .upload-group label{color:#999}.url-input-row{gap:.5rem;display:flex}.input-url{background-color:#f9fafb;border:1px solid #eee;border-radius:.5rem;outline:none;flex:1;height:36px;padding:.5rem .75rem;font-size:12px;transition:all .2s}[data-theme=dark] .input-url{color:#fff;background-color:#18181b;border-color:#27272a}.input-url:focus{box-shadow:0 0 0 1px #a1a1aa}.btn-add-url{color:#fff;cursor:pointer;background-color:#1a1a1a;border:none;border-radius:9999px;height:38px;padding:0 1.25rem;font-size:12px;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 10px #00000026}.btn-add-url:hover{background-color:#000;transform:translateY(-1px)scale(1.02);box-shadow:0 6px 16px #00000040}[data-theme=dark] .btn-add-url{color:#000;background-color:#fff}[data-theme=dark] .btn-add-url:hover{background-color:#f4f4f5;box-shadow:0 6px 16px #ffffff26}.btn-add-url:active{transform:translateY(0)scale(.97)}.btn-browse-library{border:1px solid var(--primary-color,#00f0ff);height:38px;color:var(--primary-color,#00f0ff);cursor:pointer;background:#00f0ff0f;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:12px;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 2px #0000000a}[data-theme=dark] .btn-browse-library{color:#00f0ff;background:#00f0ff0a;border-color:#00f0ff4d;box-shadow:0 4px 12px #0003}.btn-browse-library:hover{border-color:var(--primary-color,#00f0ff);background:#00f0ff1f;transform:translateY(-1px)scale(1.02);box-shadow:0 4px 10px #00f0ff1f}[data-theme=dark] .btn-browse-library:hover{background:#00f0ff14;box-shadow:0 6px 16px #00f0ff14}.btn-browse-library:active{transform:translateY(0)scale(.97)}.title-section{margin-bottom:2rem}.title-section.preview-mode{text-align:center;max-width:800px;margin-left:auto;margin-right:auto}@media (min-width:768px){.title-section.preview-mode{margin-bottom:3rem}}.title-textarea{letter-spacing:-.02em;width:100%;color:var(--text-primary);resize:none;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;font-size:clamp(2rem,4.25vw,42px);font-weight:700;line-height:1.1;transition:border-color .2s;overflow:hidden}.title-textarea:focus{border-bottom-color:#0000000f}[data-theme=dark] .title-textarea{color:#fff}[data-theme=dark] .title-textarea:focus{border-bottom-color:#ffffff14}.title-textarea::placeholder{color:#e4e4e7}[data-theme=dark] .title-textarea::placeholder{color:#27272a}.title-preview-container{flex-direction:column;align-items:center;display:flex}.title-heading{letter-spacing:-.025em;color:#1a1a1a;text-align:center;width:100%;margin-bottom:1.5rem;font-size:2.25rem;font-weight:700;line-height:1.2}[data-theme=dark] .title-heading{color:#fff}@media (min-width:768px){.title-heading{margin-bottom:2rem;font-size:3rem}}@media (min-width:1024px){.title-heading{font-size:3.75rem}}.author-info{border-bottom:1px solid #eee;justify-content:center;align-items:center;gap:.75rem;width:100%;max-width:200px;margin-bottom:2.5rem;padding-bottom:2.5rem;display:flex}[data-theme=dark] .author-info{border-color:#18181b}.author-avatar{border:1px solid #eee;border-radius:50%;width:2rem;height:2rem}[data-theme=dark] .author-avatar{border-color:#27272a}.author-details{flex-direction:column;align-items:flex-start;display:flex}.author-name{color:#18181b;font-size:12px;font-weight:700}[data-theme=dark] .author-name{color:#f4f4f5}.author-meta{color:#a1a1aa;font-size:10px;font-weight:500}.prose-editor-container{cursor:text;width:100%;min-height:50vh}.prose-editor{max-width:100%;min-height:600px;font-size:clamp(1rem,1.2vw + .75rem,1.125rem);line-height:1.95;font-family:var(--font-satoshi,inherit);outline:none;margin:0 auto;transition:all .5s;color:var(--text-primary)!important}.prose-editor p{margin-top:0;margin-bottom:2rem}.prose-editor h1,.prose-editor h2,.prose-editor h3,.prose-editor h4{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:1.5rem;font-weight:900;line-height:1.1}.prose-editor h1{margin-top:0;margin-bottom:.888em;font-size:2.25em}.prose-editor h2{margin-top:3rem;margin-bottom:1.5rem;font-size:1.875rem}.prose-editor h3{letter-spacing:-.02em;margin-top:2.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:800}.prose-editor h4{color:var(--text-muted);margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.prose-editor a{color:#fff;font-weight:500;text-decoration:underline;transition:opacity .2s}.prose-editor a:hover{opacity:.75}.prose-editor blockquote{color:#fff;background-color:#18181b80;border-left:4px solid #fff;border-radius:0 1rem 1rem 0;margin:2rem 0;padding:2rem;font-size:1.25rem;font-style:italic}.prose-editor ul{color:#d4d4d8;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em;list-style-type:disc}.prose-editor ol{color:#d4d4d8;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em;list-style-type:decimal}.prose-editor li{margin-bottom:.75rem;padding-left:.5rem;line-height:1.9}.prose-editor li::marker{color:#d4d4d8;font-weight:600}.prose-editor img{border-radius:1.25rem;width:auto;height:auto;display:block}.prose-editor.prose-preview img:not(.gallery-node-image){border:1px solid #ffffff1a;max-width:60%;margin:2rem auto;box-shadow:0 8px 32px #0000004d}.prose-editor.prose-preview img{cursor:zoom-in;transition:transform .2s,filter .2s}.prose-editor.prose-preview img:hover{filter:brightness(.95)}.prose-editor code{color:#fff;background-color:#27272a;border-radius:.25rem;padding:.2rem .4rem;font-size:.875em}.prose-editor pre{background:linear-gradient(145deg,#1a1a1e 0%,#0d0d0f 100%);border:1px solid #27272a;border-radius:1rem;margin:2rem 0;padding:1.75rem;position:relative;overflow:auto hidden}.prose-editor pre code{color:#e4e4e7;background:0 0;border-radius:0;padding:0;font-family:monospace;font-size:.875rem;line-height:1.7}.prose-editor.prose-preview{color:#d4d4d8}.prose-editor.prose-preview>p,.prose-editor.prose-preview>h1,.prose-editor.prose-preview>h2,.prose-editor.prose-preview>h3,.prose-editor.prose-preview>h4,.prose-editor.prose-preview>ul,.prose-editor.prose-preview>ol,.prose-editor.prose-preview>blockquote{max-width:720px;margin-left:auto;margin-right:auto}[data-theme=light] .prose-editor{color:#374151}[data-theme=light] .prose-editor h1,[data-theme=light] .prose-editor h2,[data-theme=light] .prose-editor h3,[data-theme=light] .prose-editor h4{color:#111827}[data-theme=light] .prose-editor blockquote{color:#111827;background-color:#f4f4f5cc;border-color:#374151}[data-theme=light] .prose-editor code{color:#111827;background-color:#f3f4f6}[data-theme=light] .prose-editor pre{background:linear-gradient(145deg,#f8f8f9 0%,#f0f0f2 100%);border-color:#e4e4e7}[data-theme=light] .prose-editor pre code{color:#1a1a1e}[data-theme=light] .prose-editor ul,[data-theme=light] .prose-editor ol{color:#374151}[data-theme=light] .prose-editor li::marker{color:#374151}.prose-editor cite{background:#3b82f614;border-bottom:1px dashed #3b82f64d;border-radius:.2rem;padding:.1rem .3rem;font-size:.9em;font-style:normal}[data-theme=dark] .prose-editor cite{background:#3b82f61f;border-bottom-color:#3b82f666}.ProseMirror p.is-empty:before{color:#adb5bd;content:attr(data-placeholder);float:left;pointer-events:none;height:0}[data-theme=dark] .ProseMirror p.is-empty:before{color:#52525b}.ProseMirror p.is-empty:first-child:before{opacity:.8;font-style:italic}@media (max-width:768px){.title-textarea{letter-spacing:-.03em;font-size:clamp(1.9rem,7vw,2.6rem);line-height:1.05}.title-section{margin-bottom:1.5rem}.prose-editor{font-size:1rem;line-height:1.85}.prose-editor p{margin-bottom:1.25rem}.prose-editor h1{margin-bottom:.8em;font-size:1.8em}.prose-editor h2{margin-top:2rem;margin-bottom:1rem;font-size:1.5rem}.prose-editor h3{margin-top:1.75rem;margin-bottom:.85rem;font-size:1.25rem}.prose-editor h4{margin-top:1.5rem;font-size:1.05rem}.prose-editor blockquote{margin:1.5rem 0;padding:1.25rem 1rem;font-size:1.05rem}.prose-editor ul,.prose-editor ol{margin-top:1rem;margin-bottom:1rem;padding-left:1.25em}.prose-editor li{margin-bottom:.45rem;line-height:1.7}.prose-editor img{border-radius:1rem;max-width:100%;margin:1.25rem auto}}@media (max-width:480px){.title-textarea{font-size:clamp(1.65rem,8vw,2.2rem)}.prose-editor{font-size:.98rem;line-height:1.8}.prose-editor h1{font-size:1.6em}.prose-editor h2{font-size:1.35rem}}
.tiptap-menu{animation:.2s ease-out forwards fadeIn}.tiptap-menu.hidden{display:none!important}.bubble-menu{background-color:#1a1a1a;border-radius:.5rem;align-items:center;gap:.25rem;padding:.375rem;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[data-theme=dark] .bubble-menu{background-color:#fff}.floating-menu{background-color:#fff;border:1px solid #eee;border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[data-theme=dark] .floating-menu{background-color:#18181b;border-color:#27272a}.menu-btn{cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.375rem;transition:all .2s;display:flex}.bubble-menu .menu-btn{color:#fff}.bubble-menu .menu-btn:hover{background-color:#ffffff1a}.bubble-menu .menu-btn.active{color:#60a5fa}[data-theme=dark] .bubble-menu .menu-btn{color:#000}[data-theme=dark] .bubble-menu .menu-btn:hover{background-color:#0000000d}[data-theme=dark] .bubble-menu .menu-btn.active{color:#2563eb}.floating-menu .menu-btn{color:#666}.floating-menu .menu-btn:hover{color:#1a1a1a;background-color:#f3f4f6}[data-theme=dark] .floating-menu .menu-btn{color:#999}[data-theme=dark] .floating-menu .menu-btn:hover{color:#fff;background-color:#27272a}.menu-btn.with-text{gap:.5rem}.menu-btn.with-text span{padding-right:.25rem;font-size:11px;font-weight:600}.menu-divider{width:1px;height:1rem;margin:0 .25rem}.bubble-menu .menu-divider{background-color:#fff3}[data-theme=dark] .bubble-menu .menu-divider{background-color:#0003}.floating-menu .menu-divider{background-color:#eee}[data-theme=dark] .floating-menu .menu-divider{background-color:#27272a}.link-input-wrapper{align-items:center;gap:.25rem;padding:0 .25rem;display:flex}.link-input-wrapper .link-input{color:#fff;background:0 0;border:none;outline:none;width:9rem;font-size:12px}.link-input-wrapper .link-input::placeholder{color:#71717a}[data-theme=dark] .link-input-wrapper .link-input{color:#000}.static-toolbar{z-index:50;background-color:#fff;border:1px solid #eee;border-radius:.75rem;align-items:center;gap:.25rem;margin-bottom:2rem;padding:.5rem;transition:all .3s;display:flex;position:sticky;top:1rem;box-shadow:0 4px 6px -1px #0000001a}[data-theme=dark] .static-toolbar{background-color:#18181b;border-color:#27272a}.toolbar-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}[data-theme=dark] .toolbar-btn{color:#999}.toolbar-btn:hover{color:#1a1a1a;background-color:#f3f4f6}[data-theme=dark] .toolbar-btn:hover{color:#fff;background-color:#27272a}.toolbar-btn.active{color:#fff;background-color:#1a1a1a}[data-theme=dark] .toolbar-btn.active{color:#000;background-color:#fff}.command-items-grid{scrollbar-width:thin;flex-flow:row;gap:.25rem;padding:.375rem;display:flex;overflow-x:auto}.command-group,.command-group-label,.command-group-items,.command-group-divider{display:none}.inline-input-row{align-items:center;gap:.75rem;min-width:300px;padding:.25rem .5rem;animation:.2s fadeIn;display:flex}.inline-input-row .link-input{color:#111827;background:0 0;border:none;border-bottom:1px solid #e5e7eb;outline:none;flex:1;padding:.25rem 0;font-size:.875rem}[data-theme=dark] .inline-input-row .link-input{color:#f3f4f6;border-color:#27272a}.inline-input-row .link-input:focus{border-color:#1a1a1a}[data-theme=dark] .inline-input-row .link-input:focus{border-color:#fff}.toolbar-divider{background:#e5e7eb;flex-shrink:0;width:1px;height:24px;margin:0 .5rem}[data-theme=dark] .toolbar-divider{background:#27272a}.editor-blocks-trigger-row{justify-content:flex-start;margin:-.75rem 0 1rem;display:flex}.editor-blocks-trigger-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;transition:transform .15s,border-color .15s,background-color .15s;display:inline-flex}[data-theme=dark] .editor-blocks-trigger-btn{color:#f3f4f6;background:#09090b;border-color:#27272a}.editor-blocks-trigger-btn:hover{border-color:#a1a1aa;transform:translateY(-1px)}.bubble-menu-horizontal{background-color:#fff;border:1px solid #eee;border-radius:.75rem;align-items:center;padding:.25rem;display:flex;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}[data-theme=dark] .bubble-menu-horizontal{background-color:#18181b;border-color:#27272a}.bubble-menu-link-input{background-color:#fff;border:1px solid #eee;border-radius:.5rem;padding:.5rem;box-shadow:0 10px 15px -3px #0000001a}[data-theme=dark] .bubble-menu-link-input{background-color:#18181b;border-color:#27272a}.bubble-menu-horizontal .command-item{gap:.4rem;padding:.4rem .6rem}.bubble-menu-horizontal .command-icon-wrap{width:1.5rem;height:1.5rem;font-size:.75rem}.bubble-menu-horizontal .command-title{font-size:10px}.tiptap-menu .tippy-box{z-index:9999;box-shadow:none!important;background:0 0!important;max-width:none!important;position:absolute!important}.tiptap-menu .tippy-content{padding:0!important}.bubble-menu-full-design{border-radius:1rem;max-width:calc(100vw - 40px);overflow:hidden;box-shadow:0 20px 25px -5px #0006;left:0!important}.notion-bubble-menu{color:#fff;-webkit-user-select:none;user-select:none;z-index:50;pointer-events:auto;background:#202020;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000004d}[data-theme=light] .notion-bubble-menu{color:#37352f;background:#fff;border:1px solid #0000000d;box-shadow:0 4px 12px #0000001a}.notion-format-toolbar{flex-direction:column;padding:4px;display:flex}.format-turn-into-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:4px 8px;font-size:13px;font-weight:500;transition:background .1s;display:flex}[data-theme=light] .format-turn-into-btn{color:#37352f}.format-turn-into-btn:hover{background:#ffffff14}[data-theme=light] .format-turn-into-btn:hover{background:#0000000a}.format-turn-into-left{align-items:center;gap:4px;display:flex}.format-divider{background:#ffffff1a;width:100%;height:1px;margin:4px 0}[data-theme=light] .format-divider{background:#0000000d}.format-row{align-items:center;gap:2px;padding:0 4px;display:flex}.format-row-bottom{margin-top:2px}.format-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:14px;transition:background .1s;display:flex}[data-theme=light] .format-btn{color:#37352f}.format-btn:hover{background:#ffffff14}[data-theme=light] .format-btn:hover{background:#0000000a}.format-btn.active{color:#0ea5e9;background:#0ea5e91a}.format-btn-color{border:1px solid #fff3;border-radius:4px;width:24px;height:24px;margin-right:4px}[data-theme=light] .format-btn-color{border:1px solid #0000001a}.notion-turn-into-dropdown{flex-direction:column;width:240px;max-height:320px;padding:4px 0;display:flex}.turn-into-scroll{padding:0 4px;overflow-y:auto}.turn-into-scroll::-webkit-scrollbar{width:4px}.turn-into-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}[data-theme=light] .turn-into-scroll::-webkit-scrollbar-thumb{background:#0003}.turn-into-group-label{color:#ffffff80;text-transform:uppercase;padding:6px 12px;font-size:11px;font-weight:600}[data-theme=light] .turn-into-group-label{color:#00000080}.turn-into-item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;width:100%;padding:6px 8px;font-size:13px;transition:background .1s;display:flex}[data-theme=light] .turn-into-item{color:#37352f}.turn-into-item:hover{background:#ffffff14}[data-theme=light] .turn-into-item:hover{background:#0000000a}.turn-into-icon{color:#fffc;justify-content:center;align-items:center;width:24px;margin-right:8px;display:flex}[data-theme=light] .turn-into-icon{color:#0009}.turn-into-label{flex:1}.turn-into-check{color:#fff}[data-theme=light] .turn-into-check{color:#37352f}.citation-popup-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#18181bf2;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;gap:.75rem;width:320px;padding:1rem;animation:.3s slideUp;display:flex;box-shadow:0 20px 25px -5px #0000004d}.citation-popup-header{text-transform:uppercase;letter-spacing:.1em;color:#a1a1aa;align-items:center;gap:.5rem;font-size:11px;font-weight:700;display:flex}.citation-popup-input-wrap{align-items:center;gap:.5rem;display:flex}.citation-popup-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;outline:none;flex:1;padding:.5rem .75rem;font-size:13px;transition:all .2s}.citation-popup-input:focus{background:#ffffff1a;border-color:#fff3}.citation-popup-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.citation-popup-btn:hover{background:#f0f0f0;transform:scale(1.05)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.command-desc{display:none}.command-item{min-width:unset;padding:.4rem .6rem}.command-group-items{grid-template-columns:repeat(2,1fr)}.command-group-label{padding:6px 10px 4px;font-size:10px}}.command-title{font-size:11px}.command-icon-wrap{width:28px;height:28px}.inline-input-row{min-width:240px;max-width:100%}.bubble-menu-full-design{max-width:90vw}@media (max-width:480px){.command-list-header{padding:.25rem .75rem;font-size:8px}.command-items-grid{padding:.25rem}}
.custom-table-view{width:100%;margin:1.5rem 0;position:relative}.custom-table-container{width:100%;padding:2rem;position:relative;overflow:auto}.custom-table-container table{border-collapse:collapse;table-layout:fixed;margin:0;font-size:.95rem;line-height:1.5}.custom-table-container td,.custom-table-container th{vertical-align:top;text-align:left;border:1px solid #00000017;min-width:210px;padding:8px 12px;transition:background-color .15s;position:relative}[data-theme=dark] .custom-table-container td,[data-theme=dark] .custom-table-container th{border-color:#ffffff17}.custom-table-container th{color:#000000a6;letter-spacing:.01em;background:#00000008;font-size:.85rem;font-weight:500}[data-theme=dark] .custom-table-container th{color:#ffffffa6;background:#ffffff0d}.custom-table-container td p,.custom-table-container th p{margin:0}.custom-table-container td:hover,.custom-table-container th:hover{background:#00000003}[data-theme=dark] .custom-table-container td:hover,[data-theme=dark] .custom-table-container th:hover{background:#ffffff05}.custom-table-container td:focus-within,.custom-table-container th:focus-within{background:#00000005}[data-theme=dark] .custom-table-container td:focus-within,[data-theme=dark] .custom-table-container th:focus-within{background:#ffffff08}.custom-table-container .ProseMirror-selectednode td,.custom-table-container .ProseMirror-selectednode th{outline-offset:-2px;outline:2px solid #0070f340}.notion-table-corner-handle{z-index:20;opacity:0;transition:opacity .18s;position:absolute;top:0;left:-32px}.notion-table-wrapper:hover .notion-table-corner-handle{opacity:1}.notion-table-drag-btn{color:#00000059;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex;box-shadow:0 1px 4px #0000000f}[data-theme=dark] .notion-table-drag-btn{color:#fff6;background:#2a2a2a;border-color:#ffffff1a;box-shadow:0 1px 4px #0003}.notion-table-drag-btn:hover{color:#0009;background:#f5f5f5;border-color:#0003;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .notion-table-drag-btn:hover{color:#fff9;background:#333;border-color:#fff3}.notion-table-drag-btn svg{width:14px;height:14px}.notion-table-context-menu{z-index:100;background:#fff;border:1px solid #00000014;border-radius:8px;min-width:200px;padding:6px;animation:.15s table-menu-enter;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000d}[data-theme=dark] .notion-table-context-menu{background:#252525;border-color:#ffffff14;box-shadow:0 8px 24px #0006}@keyframes table-menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notion-table-menu-section{padding:2px 0}.notion-table-menu-label{text-transform:uppercase;letter-spacing:.05em;color:#00000059;margin-bottom:2px;padding:4px 8px;font-size:10px;font-weight:600}[data-theme=dark] .notion-table-menu-label{color:#ffffff59}.notion-table-menu-item{color:#000c;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:13px;transition:background .1s;display:flex}[data-theme=dark] .notion-table-menu-item{color:#fffc}.notion-table-menu-item:hover{background:#0000000d}[data-theme=dark] .notion-table-menu-item:hover{background:#ffffff0f}.notion-table-menu-item svg{color:#0006;flex-shrink:0;width:14px;height:14px}[data-theme=dark] .notion-table-menu-item svg{color:#fff6}.table-menu-danger{color:#ef4444!important}.notion-table-menu-divider{background:#0000000f;height:1px;margin:4px 8px}[data-theme=dark] .notion-table-menu-divider{background:#ffffff0f}.notion-table-col-add{color:#00000059;cursor:pointer;opacity:0;z-index:10;background:#fff;border:1px solid #0000001a;border-radius:4px;justify-content:center;align-items:center;width:16px;height:100%;transition:all .18s;display:flex;position:absolute;top:50%;right:-24px;transform:translateY(-50%);box-shadow:0 1px 4px #0000000f}[data-theme=dark] .notion-table-col-add{color:#fff6;background:#2a2a2a;border-color:#ffffff1a;box-shadow:0 1px 4px #0003}.notion-table-row-add{color:#00000059;cursor:pointer;opacity:0;z-index:10;background:#fff;border:1px solid #0000001a;border-radius:4px;justify-content:center;align-items:center;width:100%;height:16px;transition:all .18s;display:flex;position:absolute;bottom:-24px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0000000f}[data-theme=dark] .notion-table-row-add{color:#fff6;background:#2a2a2a;border-color:#ffffff1a;box-shadow:0 1px 4px #0003}.notion-table-col-add:hover,.notion-table-row-add:hover{color:#0009;background:#eee;border-color:#0000002e;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .notion-table-col-add:hover,[data-theme=dark] .notion-table-row-add:hover{color:#fff9;background:#444;border-color:#fff3}.notion-table-wrapper:hover .notion-table-col-add,.notion-table-wrapper:hover .notion-table-row-add{opacity:1}.notion-table-col-add svg,.notion-table-row-add svg{width:12px;height:12px}@media (max-width:768px){.custom-table-view{margin:1.5rem 0;overflow-x:auto}.custom-table-container td,.custom-table-container th{min-width:80px;padding:.5rem .625rem;font-size:.85rem}.notion-table-col-add{width:18px;height:18px;right:-24px}.notion-table-row-add{width:18px;height:18px;bottom:-24px}.notion-table-context-menu{min-width:180px}}
.math-node-view{background:0 0;border:1px solid #0000;border-radius:.5rem;flex-direction:column;align-items:center;gap:.75rem;width:100%;margin:1.25rem 0;padding:.75rem 1rem;transition:all .2s;display:flex}.math-node-view:hover{background:#18181b05;border-color:#18181b14}[data-theme=dark] .math-node-view:hover{background:#ffffff05;border-color:#ffffff14}.math-node-view.is-focused,[data-theme=dark] .math-node-view.is-focused{box-shadow:none;background:0 0;border-color:#0000}.math-render{color:#18181b;scrollbar-width:thin;width:100%;padding:.25rem 0;font-size:1.35rem;transition:text-align .2s;overflow-x:auto}[data-theme=dark] .math-render{color:#f4f4f5}.math-error-badge{color:#991b1b;text-align:left;background:#fef2f2;border:1px solid #fca5a5;border-radius:.5rem;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem 1rem;transition:all .2s;display:flex}[data-theme=dark] .math-error-badge{color:#fca5a5;background:#fef2f208;border-color:#7f1d1d}.math-error-icon{font-size:1.25rem;line-height:1}.math-error-details{flex-direction:column;gap:.15rem;display:flex}.math-error-title{font-size:.875rem;font-weight:600}.math-error-desc{opacity:.9;font-size:.75rem;line-height:1.45}.math-error-desc code{background:#ef44441a;border-radius:.25rem;padding:.1rem .25rem;font-family:monospace}.math-error-latex{color:#18181b;white-space:pre-wrap;word-break:break-word;background:#18181b0a;border-radius:.5rem;width:100%;margin-top:.5rem;padding:.65rem .8rem;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5}[data-theme=dark] .math-error-latex{color:#f4f4f5;background:#ffffff0d}[data-theme=dark] .math-error-desc code{background:#ffffff1a}.math-render .katex-display{text-align:inherit!important;min-width:0!important;max-width:100%!important;margin:.5em 0!important;display:inline-block!important;overflow:auto hidden!important}.math-render .katex-display .katex{max-width:100%!important;overflow:auto hidden!important}.math-render .katex-display .katex-html{white-space:nowrap;max-width:100%!important;overflow:auto hidden!important}.math-editor-controls{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;align-items:flex-start;gap:.5rem;width:100%;max-width:760px;padding:.25rem .25rem .25rem .75rem;transition:all .2s;display:flex}[data-theme=dark] .math-editor-controls{background:#09090b;border-color:#27272a}.math-editor-controls:focus-within{border-color:#1a1a1a;box-shadow:0 0 0 2px #0000000d}[data-theme=dark] .math-editor-controls:focus-within{border-color:#fff;box-shadow:0 0 0 2px #ffffff1a}.math-editor-controls .math-input{color:#374151;outline:none;font-family:Fira Code,monospace;font-size:.875rem;width:100%!important;max-width:none!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:.35rem 0!important}.math-editor-controls .math-textarea{resize:vertical;min-height:120px;max-height:240px;line-height:1.5;overflow:auto;padding-right:.25rem!important}[data-theme=dark] .math-editor-controls .math-input{color:#d1d5db}.math-render-row{width:100%}.math-render-row.is-inline-group{justify-content:center}.math-render-fragment{align-items:center;display:inline-flex}.math-alignment-group{background:#f3f4f6;border-radius:.375rem;align-items:center;gap:.1rem;padding:.15rem;display:flex}[data-theme=dark] .math-alignment-group{background:#18181b}.math-align-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.math-align-btn svg{width:16px;height:16px}.math-align-btn:hover{color:#18181b;background:#0000000d}[data-theme=dark] .math-align-btn:hover{color:#fff;background:#ffffff14}.math-align-btn.active{color:#18181b;background:#fff;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .math-align-btn.active{color:#fff;background:#27272a;box-shadow:0 1px 2px #0003}.math-delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;margin-left:.25rem;margin-right:.25rem;padding:.35rem;transition:all .2s;display:flex}.math-delete-btn svg{width:16px;height:16px}.math-delete-btn:hover{color:#fff!important;background:#ef4444!important}.math-helper-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;margin-left:.15rem;padding:.35rem;transition:all .2s;display:flex}.math-helper-btn svg{width:16px;height:16px}.math-helper-btn:hover{color:#3b82f6;background:#3b82f614}[data-theme=dark] .math-helper-btn:hover{color:#60a5fa;background:#60a5fa14}.math-helper-btn.active{color:#3b82f6;background:#3b82f61f}[data-theme=dark] .math-helper-btn.active{color:#60a5fa;background:#60a5fa26}.math-templates-drawer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;width:100%;max-width:480px;margin-top:.25rem;padding:.6rem;animation:.2s cubic-bezier(.16,1,.3,1) slideDown;display:grid;overflow:hidden;box-shadow:0 4px 12px #00000008}[data-theme=dark] .math-templates-drawer{background:#09090b;border-color:#1f1f23;box-shadow:0 4px 12px #0003}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.math-template-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.4rem;transition:all .15s;display:flex}[data-theme=dark] .math-template-card{background:#18181b;border-color:#27272a}.math-template-card:hover{background:#eff6ff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f60d}[data-theme=dark] .math-template-card:hover{background:#60a5fa14;border-color:#60a5fa;box-shadow:0 2px 4px #00000026}.math-template-label{color:#334155;text-align:center;font-size:.7rem;font-weight:600}[data-theme=dark] .math-template-label{color:#e2e8f0}.math-template-code{color:#64748b;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-family:Fira Code,monospace;font-size:.55rem;overflow:hidden}[data-theme=dark] .math-template-code{color:#a1a1aa}
.prose-editor hr{cursor:pointer;border:none;border-top:1px solid #37352f17;width:100%;max-width:80%;margin:2.5rem auto;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}[data-theme=dark] .prose-editor hr{border-top-color:#ffffff14}.prose-editor hr:hover{border-top-color:#37352f40;max-width:100%}[data-theme=dark] .prose-editor hr:hover{border-top-color:#ffffff40}.prose-editor hr:active:after{content:"";pointer-events:none;background:#37352f0a;border-radius:8px;width:100%;height:24px;animation:.4s ease-out divider-ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .prose-editor hr:active:after{background:#ffffff0a}@keyframes divider-ripple{0%{opacity:1;transform:translate(-50%,-50%)scaleX(.6)}to{opacity:0;transform:translate(-50%,-50%)scaleX(1)}}@media (max-width:768px){.prose-editor hr{max-width:100%;margin:2rem auto}}.custom-image-view{justify-content:center;max-width:100%;margin:1rem 0;display:flex;position:relative}.editor-image{border-radius:1rem;width:auto;max-width:100%;height:auto;max-height:60vh;transition:all .3s;display:block}.custom-image-view:hover .editor-image{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.image-delete-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ef4444;cursor:pointer;z-index:10;background:#ffffffe6;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;animation:.2s fadeIn;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 12px #0000001a}[data-theme=dark] .image-delete-btn{background:#18181be6;border-color:#ffffff1a}.image-delete-btn:hover{color:#fff;background:#ef4444;transform:scale(1.1)}.custom-gallery-view{margin:1.5rem 0;position:relative}.editor-gallery-grid{gap:1rem;width:100%;display:grid}.gallery-image-wrapper{aspect-ratio:auto;border:1px solid #ffffff0d;border-radius:1rem;margin:0;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 4px 12px #00000026}.gallery-image-wrapper:hover{border-color:#ffffff26;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 28px #0000004d}.custom-gallery-view .gallery-node-image{object-fit:cover;width:100%;max-width:100%;height:100%;box-shadow:none;border:none;border-radius:1rem;margin:0;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.gallery-image-wrapper:hover .gallery-node-image{transform:scale(1.05)}@media (max-width:768px){.gallery-image-wrapper{aspect-ratio:auto}}.gallery-delete-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ef4444;cursor:pointer;z-index:10;background:#ffffffeb;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;animation:.2s fadeIn;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 12px #0000001a}[data-theme=dark] .gallery-delete-btn{background:#18181beb;border-color:#ffffff1a}.gallery-delete-btn:hover{color:#fff;background:#ef4444;transform:scale(1.1)}.gallery-popup-toast{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;width:min(540px,100vw - 2rem);padding:1rem;box-shadow:0 24px 60px #0000002e}[data-theme=dark] .gallery-popup-toast{background:#09090b;border-color:#27272a}.gallery-modal-backdrop{z-index:1000;background:#0000006b;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.gallery-popup-header{letter-spacing:.12em;text-transform:uppercase;color:#6b7280;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:flex}.gallery-upload-empty{color:#4b5563;flex-direction:column;gap:.875rem;font-size:.875rem;display:flex}.gallery-upload-btn,.gallery-primary-btn,.gallery-secondary-btn{cursor:pointer;border:none;border-radius:9999px;padding:.75rem 1rem;font-size:.875rem;font-weight:700;transition:transform .15s,background-color .15s}.gallery-upload-btn,.gallery-primary-btn{color:#fff;background:#111827}[data-theme=dark] .gallery-upload-btn,[data-theme=dark] .gallery-primary-btn,.gallery-secondary-btn{color:#111827;background:#f3f4f6}[data-theme=dark] .gallery-secondary-btn{color:#f3f4f6;background:#27272a}.gallery-upload-btn:active,.gallery-primary-btn:active,.gallery-secondary-btn:active{transform:scale(.98)}.gallery-form-body{flex-direction:column;gap:1rem;display:flex}.gallery-columns-row{color:#374151;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;display:flex}[data-theme=dark] .gallery-columns-row{color:#d4d4d8}.gallery-columns-select{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;min-width:110px;padding:.55rem .75rem}[data-theme=dark] .gallery-columns-select{color:#f3f4f6;background:#09090b;border-color:#27272a}.gallery-alt-list{grid-template-columns:1fr;gap:.875rem;max-height:300px;padding-right:.25rem;display:grid;overflow:auto}.gallery-alt-item{grid-template-columns:96px 1fr;align-items:center;gap:.75rem;display:grid}.gallery-alt-preview{object-fit:cover;border:1px solid #e5e7eb;border-radius:.75rem;width:96px;height:72px}[data-theme=dark] .gallery-alt-preview{border-color:#27272a}.gallery-alt-input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;outline:none;width:100%;padding:.7rem .85rem}[data-theme=dark] .gallery-alt-input{color:#f3f4f6;background:#09090b;border-color:#27272a}.gallery-toast-actions{justify-content:flex-end;gap:.75rem;display:flex}.gallery-reading-state{color:#6b7280;margin-top:.75rem;font-size:.875rem}@media (max-width:640px){.gallery-alt-item{grid-template-columns:1fr}.gallery-alt-preview{width:100%;height:180px}}.block-grip-icon{color:#9ca3af;cursor:grab;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:20px;height:24px;display:flex}[data-theme=dark] .block-grip-icon{color:#52525b}.block-grip-icon:hover{background-color:#0000000a;color:#6b7280!important}[data-theme=dark] .block-grip-icon:hover{background-color:#ffffff0a;color:#a1a1aa!important}.block-grip-icon:active{cursor:grabbing;background-color:#0000000f;color:#374151!important}[data-theme=dark] .block-grip-icon:active{background-color:#ffffff0f;color:#d4d4d8!important}.block-dragging{opacity:.3;outline-offset:4px;border-radius:4px;outline:2px dashed #9ca3af}[data-theme=dark] .block-dragging{outline-color:#52525b}.block-drop-cursor{background-color:#3b82f6!important;height:2px!important}.floating-history-pill{-webkit-backdrop-filter:blur(16px);z-index:100;background:#fffffff0;border:1px solid #18181b1f;border-radius:9999px;align-items:center;gap:.25rem;padding:.45rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #18181b14,0 4px 12px #18181b08,0 0 1px #18181b1a}[data-theme=dark] .floating-history-pill{background:#18181bd9;border-color:#ffffff14;box-shadow:0 20px 40px #0000004d,0 0 1px #ffffff1a}.floating-history-pill:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 16px 40px #18181b1f,0 6px 16px #18181b0a}[data-theme=dark] .floating-history-pill:hover{box-shadow:0 25px 50px #0006}.history-pill-btn{color:#27272a;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}[data-theme=dark] .history-pill-btn{color:#a1a1aa}.history-pill-btn:hover:not(:disabled){color:#18181b;background:#18181b0f;transform:scale(1.08)}[data-theme=dark] .history-pill-btn:hover:not(:disabled){color:#fff;background:#ffffff14}.history-pill-btn:active:not(:disabled){transform:scale(.95)}.history-pill-btn:disabled{opacity:.25;cursor:not-allowed}.pill-divider{background:#18181b1f;width:1px;height:18px;margin:0 .25rem}[data-theme=dark] .pill-divider{background:#ffffff1a}@media (max-width:768px){.floating-history-pill{padding:.35rem;bottom:1.5rem}.history-pill-btn{width:32px;height:32px}}
.draft-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1100;background:#0000008c;justify-content:flex-end;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}.draft-modal-panel{background:#fff;border:1px solid #00000014;border-radius:1.25rem;flex-direction:column;width:min(100%,620px);max-height:calc(100vh - 2rem);display:flex;overflow:hidden;box-shadow:0 30px 80px #0003}[data-theme=dark] .draft-modal-panel{background:#0a0a0c;border-color:#ffffff14}.draft-modal-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.25rem 1rem;display:flex}[data-theme=dark] .draft-modal-header{border-bottom-color:#ffffff0f}.draft-modal-kicker{letter-spacing:.16em;text-transform:uppercase;color:#9ca3af;margin:0 0 .3rem;font-size:10px;font-weight:700}.draft-modal-title{color:#111827;margin:0;font-size:1.1rem;font-weight:800}[data-theme=dark] .draft-modal-title{color:#f4f4f5}.draft-modal-subtitle{color:#6b7280;margin:.4rem 0 0;font-size:.9rem}[data-theme=dark] .draft-modal-subtitle{color:#a1a1aa}.draft-modal-close{color:#6b7280;cursor:pointer;background:#0000000d;border:none;border-radius:999px;place-items:center;width:2.2rem;height:2.2rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:grid}.draft-modal-close:hover{color:#111827;background:#00000014;transform:scale(1.08)}[data-theme=dark] .draft-modal-close{color:#d4d4d8;background:#ffffff0f}[data-theme=dark] .draft-modal-close:hover{color:#fff;background:#ffffff1f}.draft-modal-actions{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.draft-new-btn,.draft-load-btn,.draft-delete-btn{cursor:pointer;border:none;border-radius:999px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.draft-new-btn{color:#fff;background:linear-gradient(135deg,#18181b 0%,#09090b 100%);border:1px solid #ffffff1a;align-items:center;gap:.45rem;padding:.7rem 1.25rem;display:inline-flex;box-shadow:0 4px 12px #00000014}.draft-new-btn:hover{transform:translateY(-1.5px)scale(1.02);box-shadow:0 6px 16px #00000026}.draft-new-btn:active{transform:translateY(0)scale(.97)}[data-theme=dark] .draft-new-btn{color:#09090b;background:linear-gradient(135deg,#fff 0%,#e4e4e7 100%);border-color:#fff;box-shadow:0 4px 12px #ffffff1a}[data-theme=dark] .draft-new-btn:hover{box-shadow:0 6px 18px #fff3}.draft-modal-count{color:#6b7280;font-size:.85rem}[data-theme=dark] .draft-modal-count{color:#a1a1aa}.draft-modal-list{flex:1;gap:.85rem;min-height:0;padding:0 1.25rem 1.25rem;display:grid;overflow:hidden auto}.draft-card{background:linear-gradient(#f9fafbe6,#fffffffa);border:1px solid #00000014;border-radius:1rem;padding:1rem}[data-theme=dark] .draft-card{background:linear-gradient(#18181bf2,#09090bfa);border-color:#ffffff14}.draft-card.active{border-color:#11182747;box-shadow:0 0 0 1px #11182714}[data-theme=dark] .draft-card.active{border-color:#f4f4f52e;box-shadow:0 0 0 1px #f4f4f50f}.draft-card-topline{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.draft-card-title-wrap{align-items:center;gap:.5rem;min-width:0;display:flex}.draft-card-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.98rem;font-weight:800;overflow:hidden}[data-theme=dark] .draft-card-title{color:#f4f4f5}.draft-card-preview{color:#4b5563;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.7rem 0 0;font-size:.92rem;line-height:1.45;display:-webkit-box;overflow:hidden}[data-theme=dark] .draft-card-preview{color:#a1a1aa}.draft-card-meta{color:#6b7280;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.85rem;font-size:.8rem;display:flex}.draft-card-meta span{align-items:center;gap:.35rem;display:inline-flex}[data-theme=dark] .draft-card-meta{color:#a1a1aa}.draft-card-actions{justify-content:flex-end;gap:.6rem;margin-top:.95rem;display:flex}.draft-load-btn{color:#fff;background:linear-gradient(135deg,#18181b 0%,#09090b 100%);padding:.55rem 1.1rem;box-shadow:0 2px 8px #0000001a}.draft-load-btn:hover{transform:translateY(-1px)scale(1.03);box-shadow:0 4px 12px #00000026}.draft-load-btn:active{transform:translateY(0)scale(.97)}[data-theme=dark] .draft-load-btn{color:#09090b;background:linear-gradient(135deg,#fff 0%,#e4e4e7 100%)}.draft-delete-btn{color:#ef4444;background:#ef44440f;border:1px solid #ef444426;align-items:center;gap:.4rem;padding:.55rem 1.1rem;display:inline-flex}.draft-delete-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-1px)scale(1.03);box-shadow:0 4px 12px #ef444440}.draft-delete-btn:active{transform:translateY(0)scale(.97)}.draft-status-badge{text-transform:capitalize;color:#111827;background:#11182714;border-radius:999px;padding:.35rem .55rem;font-size:.72rem;font-weight:700}[data-theme=dark] .draft-status-badge{color:#f4f4f5;background:#ffffff14}.draft-empty-state{text-align:center;color:#6b7280;place-items:center;gap:.9rem;padding:2rem 1rem;display:grid}[data-theme=dark] .draft-empty-state{color:#a1a1aa}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:640px){.draft-modal-backdrop{justify-content:center;align-items:flex-end;padding:0}.draft-modal-panel{border-bottom:none;border-left:none;border-right:none;border-radius:1.5rem 1.5rem 0 0;width:100%;max-height:85vh;animation:.32s cubic-bezier(.16,1,.3,1) slide-up}.draft-modal-header,.draft-modal-list{justify-content:center;padding:1rem}.draft-modal-actions{place-content:space-between}.draft-card-actions{flex-direction:row;gap:.5rem;width:100%}.draft-load-btn,.draft-delete-btn{flex:1;justify-content:center;padding:.65rem 1rem;font-size:.85rem}.draft-new-btn{justify-content:center}}
.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;pointer-events:none;opacity:0;background-color:#0006;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.active{pointer-events:all;opacity:1}@media (min-width:1024px){.sidebar-overlay{display:none}}.sidebar-panel{background-color:var(--color-background);border-left:1px solid var(--color-border);z-index:1000;flex-direction:column;width:min(100vw,380px);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}@media (min-width:1024px){.sidebar-panel{z-index:45;height:calc(100vh - 4rem);top:4rem}}[data-theme=dark] .sidebar-panel{background-color:var(--color-background);border-color:var(--color-border)}.sidebar-header{background-color:var(--color-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:4rem;padding:0 1.5rem;display:flex}[data-theme=dark] .sidebar-header{background-color:var(--color-background);border-color:var(--color-border)}.sidebar-title{color:var(--color-text);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:700}.wb-close-btn{width:32px;height:32px;color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.wb-close-btn:hover{color:var(--color-text);background-color:var(--surface-low)}[data-theme=dark] .wb-close-btn:hover{color:var(--color-text);background-color:#ffffff14}.sidebar-content{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.mb-6{margin-bottom:.75rem}.mb-3{margin-bottom:.5rem}.mb-2{margin-bottom:.6rem}.section-header{justify-content:space-between;align-items:center;display:flex}.section-header label,.section-label{color:var(--color-text-dim);font-size:12px;font-weight:500}[data-theme=dark] .section-header label,[data-theme=dark] .section-label{color:var(--color-text-dim)}.badge-live{color:#3b82f6;background-color:#eff6ff;border-radius:9999px;padding:2px 8px;font-size:10px;font-weight:500}[data-theme=dark] .badge-live{background-color:#1e3a8a33}.seo-preview-card{background-color:var(--color-background);border:1px solid var(--color-border);cursor:default;border-radius:.75rem;flex-direction:column;gap:6px;padding:1rem;transition:box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000d}.seo-preview-card:hover{box-shadow:0 4px 6px -1px #0000001a}[data-theme=dark] .seo-preview-card{background-color:var(--surface-low);border-color:var(--color-border)}.seo-url-row{align-items:center;gap:.5rem;margin-bottom:2px;display:flex}.globe-icon-wrap{background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}[data-theme=dark] .globe-icon-wrap{background-color:#27272a}.seo-url{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}[data-theme=dark] .seo-url{color:var(--color-text-dim)}.seo-url span{color:#a1a1aa;margin:0 4px}.seo-title{color:#111827;font-size:18px;font-weight:600;line-height:1.25}.seo-preview-card:hover .seo-title{text-decoration:underline}[data-theme=dark] .seo-title{color:#f9fafb}.seo-description{color:var(--color-text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}[data-theme=dark] .seo-description{color:#a1a1aa}.input-group{flex-direction:column;gap:1.5rem;display:flex}.char-count{color:#a1a1aa;font-family:ui-monospace,monospace;font-size:10px}.char-count.warning{color:#f59e0b}.char-count.good{color:#10b981}.wb-form-input,.wb-form-textarea{background-color:#fff;border:1px solid #ddd;border-radius:.5rem;outline:none;width:100%;height:42px;padding:0 .75rem;font-size:13px;transition:all .2s}.wb-form-input::placeholder,.wb-form-textarea::placeholder{color:#ccc}.wb-form-input:focus,.wb-form-textarea:focus{border-color:#1a1a1a}.wb-form-textarea{resize:none;height:auto;min-height:80px;padding:.75rem;font-family:system-ui,sans-serif;line-height:1.6}.font-mono{font-family:ui-monospace,monospace}[data-theme=dark] .wb-form-input,[data-theme=dark] .wb-form-textarea{background-color:var(--surface-low);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .wb-form-input::placeholder,[data-theme=dark] .wb-form-textarea::placeholder{color:var(--color-text-dim);opacity:.6}[data-theme=dark] .wb-form-input:focus,[data-theme=dark] .wb-form-textarea:focus{border-color:var(--color-text)}.url-preview{background-color:var(--surface-low);border:1px solid var(--color-border);color:var(--color-text-dim);white-space:nowrap;border-radius:.25rem;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;font-size:10px;display:flex;overflow:hidden}[data-theme=dark] .url-preview{background-color:var(--surface-low);border-color:var(--color-border);color:var(--color-text-dim)}.url-highlight{color:var(--color-text);font-weight:600}[data-theme=dark] .divider-section{border-color:var(--color-border)}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:.75rem;font-size:10px;font-weight:500;display:block}[data-theme=dark] .section-title{color:var(--color-text-dim)}.action-btn{cursor:pointer;width:100%;color:var(--color-text);background:linear-gradient(#fff 0%,#fcfcfc 100%);border:1px solid #09090b0f;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 2px #00000005}.action-btn:hover{background:linear-gradient(#fff 0%,#f4f4f5 100%);border-color:#00f0ff;box-shadow:0 4px 12px #00f0ff0f}.action-btn:active{transform:scale(.98)}[data-theme=dark] .action-btn{border-color:var(--color-border);color:var(--color-text);box-shadow:none;background:linear-gradient(#14141799 0%,#09090b99 100%)}[data-theme=dark] .action-btn:hover{background:linear-gradient(#1c1c21cc 0%,#141417cc 100%);border-color:#00f0ff;box-shadow:0 4px 16px #00f0ff14}.action-btn-left{align-items:center;gap:.75rem;font-size:13px;font-weight:600;display:flex}.action-icon{transition:transform .3s cubic-bezier(.16,1,.3,1)}.action-btn:hover .action-icon{transform:translate(3px)}.draft-count-pill{min-width:1.6rem;height:1.6rem;color:var(--color-text);background:#11182714;border-radius:999px;justify-content:center;align-items:center;padding:0 .45rem;font-size:11px;font-weight:700;display:inline-flex}[data-theme=dark] .draft-count-pill{color:var(--color-text);background:#ffffff1a}.help-text{color:#999;margin-top:.75rem;font-size:11px;line-height:1.6}.syntax-list{flex-direction:column;gap:.5rem;display:flex}.syntax-item{justify-content:space-between;align-items:center;font-size:11px;display:flex}.syntax-item span{color:#999}.syntax-item code{background-color:var(--surface-low);color:var(--color-text);border-radius:.25rem;padding:2px 4px;font-family:ui-monospace,monospace}[data-theme=dark] .syntax-item code{background-color:var(--surface-low);color:var(--color-text)}.sidebar-footer{border-top:1px solid var(--color-border);background-color:var(--color-background);flex-shrink:0;padding:1rem 1.25rem}[data-theme=dark] .sidebar-footer{border-color:var(--color-border)}.publish-btn{color:#000;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#00f0ff 0%,#0072ff 100%);border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:.85rem;font-size:14px;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 15px #0072ff40,inset 0 1px #ffffff4d}.publish-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 24px #00f0ff66,inset 0 1px #ffffff73}.publish-btn:active:not(:disabled){transform:translateY(0)scale(.97);box-shadow:0 4px 10px #0072ff33}.publish-btn:disabled{opacity:.6;cursor:not-allowed;background:var(--surface-high);color:var(--color-text-dim);border-color:var(--color-border);box-shadow:none}[data-theme=dark] .publish-btn{color:#000;background:linear-gradient(135deg,#00f0ff 0%,#0072ff 100%);border-color:#ffffff1a;box-shadow:0 6px 20px #00f0ff4d,inset 0 1px #fff3}[data-theme=dark] .publish-btn:hover:not(:disabled){box-shadow:0 10px 30px #00f0ff8c,inset 0 1px #fff6}.icon-xs{color:#9ca3af;width:10px;height:10px}.icon-small{width:16px;height:16px}.text-muted{color:#a1a1aa}.tag-autocomplete-menu{background-color:var(--color-background);border:1px solid var(--color-border);z-index:150;border-radius:10px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 12px 28px -4px #00000026,0 0 0 1px #00000005}[data-theme=dark] .tag-autocomplete-menu{box-shadow:0 12px 28px -4px #00000073,0 0 0 1px #ffffff0a}.tag-autocomplete-option{color:var(--color-text);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:12px;font-weight:500;transition:all .12s;display:flex}.tag-autocomplete-option:hover,.tag-autocomplete-option.focused{background-color:var(--surface-low);padding-left:.85rem}[data-theme=dark] .tag-autocomplete-option:hover,[data-theme=dark] .tag-autocomplete-option.focused{background-color:#ffffff0f}.tag-autocomplete-count{background-color:var(--surface-low);min-width:1.2rem;height:1.2rem;color:var(--color-text-dim);border-radius:4px;justify-content:center;align-items:center;padding:0 .25rem;font-family:ui-monospace,monospace;font-size:9px;font-weight:600;display:inline-flex}.tag-limit-reached{flex:1;justify-content:center;align-items:center;min-width:80px;padding:.25rem .5rem;display:flex}.tag-limit-reached span{color:var(--color-text-dim);opacity:.7;font-size:11px;font-style:italic}.tag-popular-list{flex-direction:column;gap:.375rem;margin-top:.5rem;display:flex}.tag-popular-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:500}.tag-popular-chips{flex-wrap:wrap;gap:.3rem;max-height:116px;display:flex;overflow-y:auto}.tag-popular-chip{border:1px dashed var(--color-border);color:var(--color-text-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:2rem;align-items:center;padding:.2rem .5rem;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.tag-popular-chip:hover{background:var(--surface-high);border-style:solid;border-color:var(--color-text-dim);color:var(--color-text);transform:translateY(-1px)}.tag-popular-chip:active{transform:scale(.95)}[data-theme=dark] .tag-popular-chip{color:#a1a1aa;border-color:#ffffff1f}[data-theme=dark] .tag-popular-chip:hover{color:var(--color-text);background:#ffffff14;border-color:#ffffff4d}.tags-container{background:#00000005;border:1px solid #0000000d;border-radius:.75rem;flex-wrap:wrap;gap:.5rem;min-height:42px;padding:.5rem;display:flex}[data-theme=dark] .tags-container{background:#ffffff05;border-color:#ffffff0d}.tag{background:var(--surface-high);color:var(--color-text);border-radius:2rem;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.tag-remove{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:14px;display:flex}.tag-remove:hover{opacity:1;color:#ef4444}.tag-input{color:#1a1a1a;background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:.25rem;font-size:12px}[data-theme=dark] .tag-input{color:#fff}.tag-input::placeholder{color:#a1a1aa}.sidebar-grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;margin-bottom:0;display:grid}.sidebar-group{margin-bottom:0}.custom-select-container{width:100%;position:relative}.custom-select-trigger{background-color:var(--surface-low);border:1px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;height:42px;padding:0 1rem;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.custom-select-trigger:hover{border-color:var(--color-text-dim);background-color:var(--surface-high)}.custom-select-trigger.open{border-color:var(--color-text);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-text) 10%, transparent)}.trigger-icon{color:var(--color-text-dim);transition:transform .3s cubic-bezier(.4,0,.2,1)}.trigger-icon.rotate{color:var(--color-text);transform:rotate(180deg)}.custom-select-menu{background-color:var(--color-background);border:1px solid var(--color-border);z-index:100;opacity:0;pointer-events:none;border-radius:14px;padding:4px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;transform:translateY(-10px)scale(.98);box-shadow:0 15px 35px -5px #0003}.custom-select-menu.open{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.custom-select-option{color:var(--color-text);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:.7rem .85rem;font-size:13px;font-weight:500;transition:all .15s;display:flex}.custom-select-option:last-child{margin-bottom:0}.custom-select-option:hover{background-color:var(--surface-low);padding-left:1rem}.custom-select-option.selected{background-color:var(--surface-low);color:var(--color-text)}.custom-select-option.selected:hover{background-color:var(--surface-high)}.custom-select-option.focused{background-color:var(--surface-low);padding-left:1rem}.custom-select-option.selected.focused{background-color:var(--surface-high)}@media (max-width:480px){.sidebar-panel{border-left:none!important;width:100%!important}.sidebar-footer{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))!important}.sidebar-header{padding:0 1rem!important}.sidebar-tabs-container{padding:.75rem 1rem!important}.sidebar-content{gap:1rem!important;padding:1.25rem!important}.wb-close-btn{margin-right:-.25rem;width:32px!important;height:32px!important;padding:0!important}.action-btn{padding:.9rem 1rem!important}.action-btn-left{gap:.65rem!important;font-size:14px!important;font-weight:700!important}}.sidebar-cover-preview-wrapper{aspect-ratio:16/9;border:1px solid var(--color-border);background-color:#0000000d;border-radius:8px;margin-top:.5rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}[data-theme=dark] .sidebar-cover-preview-wrapper{background-color:#0003;border-color:#ffffff26}.sidebar-cover-preview-wrapper:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.sidebar-cover-actions{gap:.375rem;display:flex;position:absolute;top:8px;right:8px}.sidebar-cover-action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000a6;border:1px solid #ffffff40;border-radius:9999px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s}.sidebar-cover-action-btn:hover{background-color:#3b82f6e6;transform:scale(1.05)}.remove-cover-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000a6;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.remove-cover-btn:hover{color:#fff;background-color:#ef4444e6;transform:scale(1.05)}.tag-suggestions{background:linear-gradient(135deg,#6366f10a 0%,#a855f70a 100%);border:1px solid #6366f11a;border-radius:.75rem;margin-top:.5rem;padding:.625rem}[data-theme=dark] .tag-suggestions{background:linear-gradient(135deg,#6366f114 0%,#a855f714 100%);border-color:#6366f133}.tag-suggestions-header{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:10px;font-weight:600;display:flex}.tag-suggestions-list{flex-wrap:wrap;gap:.375rem;display:flex}.tag-suggestion-chip{background:var(--chip-color-bg,#6366f114);border:1px solid var(--chip-color-border,#6366f126);color:var(--chip-color,#6366f1);cursor:pointer;border-radius:2rem;align-items:center;gap:.125rem;padding:.25rem .5rem;font-size:11px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.tag-suggestion-chip:hover{background:var(--chip-color-hover,#6366f1);color:#fff;border-color:var(--chip-color-hover,#6366f1);transform:translateY(-1px)}.tag-suggestion-chip:active{transform:scale(.95)}[data-theme=dark] .tag-suggestion-chip{background:var(--chip-color-bg-dark,#6366f11f);border-color:var(--chip-color-border-dark,#6366f140);color:var(--chip-color-dark,#a5b4fc)}[data-theme=dark] .tag-suggestion-chip:hover{background:var(--chip-color-hover,#6366f1);color:#fff;border-color:var(--chip-color-hover,#6366f1)}.post-stats-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.post-stat-item{background:var(--surface-low);border:1px solid var(--color-border);border-radius:.625rem;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem;transition:all .2s;display:flex}.post-stat-item:hover{background:var(--surface-high);transform:translateY(-1px);box-shadow:0 4px 8px #0000000a}[data-theme=dark] .post-stat-item:hover{box-shadow:0 4px 12px #0003}.post-stat-icon{color:var(--color-text-dim);opacity:.6;margin-bottom:.125rem}.post-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);font-size:9px;font-weight:600}.post-stat-value{color:var(--color-text);letter-spacing:-.03em;font-family:ui-monospace,monospace;font-size:18px;font-weight:700;line-height:1.1}.wb-form-input:hover,.wb-form-textarea:hover{border-color:#999}[data-theme=dark] .wb-form-input:hover,[data-theme=dark] .wb-form-textarea:hover{border-color:#ffffff59}
.app-container{--bg-primary:#fcfcfc;--bg-preview:#fff;--bg-header:#fffc;--border-color:#eee;--text-primary:#1a1a1a;--text-secondary:#71717a;--text-muted:#a1a1aa;--text-dark:#000;--btn-bg:#f0f0f0;--btn-hover:#1a1a1a;--btn-active-bg:#1a1a1a;--btn-active-text:#fff;--divider-color:#e4e4e7;--toolbar-bg:#ffffffe6;--toolbar-border:#0000001a}[data-theme=dark] .app-container{--bg-primary:#09090b;--bg-preview:#09090b;--bg-header:#09090bcc;--border-color:#18181b;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#a1a1aa;--text-dark:#fff;--btn-bg:#27272a;--btn-hover:#fff;--btn-active-bg:#fff;--btn-active-text:#000;--divider-color:#27272a;--toolbar-bg:#18181bd9;--toolbar-border:#ffffff1a}.app-container{background-color:var(--bg-primary);min-height:100vh;font-family:system-ui,-apple-system,sans-serif;transition:background-color .3s;display:flex}.main-content{background-color:var(--bg-primary);flex-direction:column;flex:1;padding-top:4rem;display:flex;position:relative}.header{z-index:50;background-color:var(--bg-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:4rem;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.header-left{align-items:center;gap:1rem;display:flex}.status-container{flex-direction:column;display:flex}.status-text{color:var(--text-muted);font-size:11px;font-weight:500}.editor-brand-link{align-items:center;text-decoration:none;transition:opacity .2s;display:flex}.editor-brand-link:hover{opacity:.8}.editor-brand-logo{object-fit:contain;width:auto;height:30px}.editor-brand-text{text-transform:uppercase;color:var(--text-primary);letter-spacing:.05em;margin-top:5px;font-size:15px;font-weight:800;line-height:1.1}.editor-brand-highlight{background:linear-gradient(135deg,#00f0ff 0%,#09c 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:800;display:block}.title-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;opacity:.9;max-width:150px;font-size:11px;font-weight:700;overflow:hidden}.header-right{align-items:center;gap:.75rem;display:flex}.wb-divider{background-color:var(--divider-color);width:1px;height:1rem;margin:0 .25rem}.icon-small{width:14px;height:14px}.icon-medium{width:20px;height:20px}.icon-muted{width:20px;height:20px;color:var(--text-muted)}.btn-preview{color:#18181b;cursor:pointer;background:linear-gradient(#fff 0%,#f4f4f5 100%);border:1px solid #09090b14;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem 1.25rem;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 2px #09090b0a,0 2px 8px #09090b05}[data-theme=dark] .btn-preview{color:#f4f4f5;background:linear-gradient(#27272acc 0%,#18181bcc 100%);border-color:#ffffff14;box-shadow:0 4px 12px #0003}.btn-preview:hover{background:linear-gradient(#fff 0%,#e4e4e7 100%);border-color:#09090b26;transform:translateY(-1.5px)scale(1.02);box-shadow:0 4px 12px #09090b14}.btn-text-hide-mobile{display:inline-block}@media (max-width:1200px){.btn-text-hide-mobile{display:none}}[data-theme=dark] .btn-preview:hover{background:linear-gradient(#3f3f46cc 0%,#27272acc 100%);border-color:#ffffff26;box-shadow:0 6px 16px #0000004d}.btn-preview:active{transform:translateY(0)scale(.97);box-shadow:0 1px 2px #09090b0a}.btn-preview.active{color:#fff;background:linear-gradient(135deg,#18181b 0%,#09090b 100%);border-color:#09090b;box-shadow:0 8px 20px #09090b33}[data-theme=dark] .btn-preview.active{color:#09090b;background:linear-gradient(135deg,#fff 0%,#e4e4e7 100%);border-color:#fff;box-shadow:0 8px 24px #ffffff26}.btn-preview.active svg{color:inherit}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;padding:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.btn-icon:not(.active):hover{color:var(--text-primary);background-color:#0000000d;transform:scale(1.05)}[data-theme=dark] .btn-icon:not(.active):hover{color:var(--text-primary);background-color:#ffffff14}.btn-icon:active{transform:scale(.95)}.btn-icon.active{background-color:var(--btn-active-bg);color:var(--btn-active-text);box-shadow:0 2px 8px #0000001a}.content-wrapper{flex-direction:column;flex:1;align-items:center;padding:0 1.5rem;display:flex}@media (min-width:768px){.content-wrapper.preview{padding:0}}.editor-container{width:100%;padding-top:2rem}.status-badge{color:#888;background-color:var(--bg-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);z-index:10;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .5rem;font-size:11px;font-weight:500;display:flex;position:fixed;bottom:2rem;right:2rem}.status-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;transition:all .5s;box-shadow:0 0 8px #10b98180}.status-dot.saving{background-color:#f59e0b;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;box-shadow:0 0 8px #f59e0b80}.status-dot.error{background-color:#ef4444;animation:1s cubic-bezier(.4,0,.6,1) infinite pulse;box-shadow:0 0 8px #ef444480}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.author-chip{cursor:pointer;background-color:#00000005;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:.6rem;padding:.3rem .8rem .3rem .4rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}[data-theme=dark] .author-chip{background-color:#ffffff08;border-color:#ffffff14}.author-chip:hover{background-color:#0000000d;border-color:#0000001f;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}[data-theme=dark] .author-chip:hover{background-color:#ffffff0f;border-color:#ffffff26;box-shadow:0 4px 12px -2px #0000004d}.author-chip-avatar{object-fit:cover;border-radius:8px;flex-shrink:0;width:26px;height:26px;box-shadow:0 2px 4px #0000001a}.author-chip-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;max-width:140px;font-size:13px;font-weight:600;overflow:hidden}.more-menu-container{display:inline-block;position:relative}.more-menu-dropdown{background-color:var(--bg-header);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);z-index:100;transform-origin:100% 0;border-radius:12px;flex-direction:column;gap:2px;min-width:170px;margin-top:.5rem;padding:.4rem;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #00000026}.more-menu-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .8rem;font-size:13px;font-weight:500;transition:all .2s;display:flex}.more-menu-item:hover{color:var(--text-primary);background-color:#0000000d}[data-theme=dark] .more-menu-item:hover{background-color:#ffffff14}.more-menu-item.active{background-color:var(--btn-active-bg);color:var(--btn-active-text)}.more-menu-item svg{color:inherit;flex-shrink:0}.mobile-only-action{display:none!important}.desktop-only-action{display:inline-flex!important}div.wb-divider.desktop-only-action{display:block!important}@media (max-width:768px){.mobile-only-action{display:inline-block!important}.desktop-only-action,.btn-icon.desktop-only-action,.btn-preview.desktop-only-action,.wb-divider.desktop-only-action,div.wb-divider.desktop-only-action{display:none!important}}@media (max-width:1024px){.header{padding:0 1rem}}@media (max-width:768px){.editor-brand-text{display:none}.header-left{gap:.5rem}.status-container{max-width:120px}.title-text{max-width:100px;font-size:11px}.author-chip-name{display:none}.author-chip{padding:.25rem}.btn-preview{padding:.5rem;font-size:0}.btn-preview svg{margin-right:0}.content-wrapper{padding:0 1rem}.status-badge{padding:.4rem .8rem;font-size:10px;bottom:1rem;right:1rem}}@media (max-width:480px){.main-content{padding-top:3.5rem}.header{height:3.5rem;padding:0 .5rem}.wb-divider{display:none!important}.history-controls{display:none}.header-left{gap:.25rem}.status-container{flex-direction:row;align-items:center;gap:6px;max-width:160px}.status-text{text-transform:uppercase;letter-spacing:.03em;background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:600}[data-theme=light] .status-text{color:var(--text-secondary);background:#00000008;border-color:#0000000f}.title-text{max-width:80px;margin:0;font-size:12px}.header-right{gap:.25rem}.btn-icon,.btn-preview{width:32px!important;height:32px!important;box-shadow:none!important;color:var(--text-muted)!important;background:0 0!important;border:none!important;border-radius:9999px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important;transform:none!important}.btn-icon svg,.btn-preview svg{width:18px!important;height:18px!important}.btn-icon:not(.active):hover,.btn-preview:not(.active):hover{color:var(--text-primary)!important;background-color:#ffffff14!important}[data-theme=light] .btn-icon:not(.active):hover,[data-theme=light] .btn-preview:not(.active):hover{background-color:#0000000d!important}.btn-icon.active,.btn-preview.active{background-color:var(--btn-active-bg)!important;color:var(--btn-active-text)!important}}.content-wrapper.preview{background-color:var(--color-background);padding:0}.blog-details-grid-container.no-interactions{grid-template-columns:1fr;gap:4rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}@media (max-width:1024px){.blog-details-grid-container.no-interactions{grid-template-columns:1fr;padding:0 1rem}}@media (max-width:1023px){.main-content{padding-right:0!important}}
.blog-details-page{background-color:var(--color-background);min-height:100vh;color:var(--color-text);padding-bottom:0;font-family:Quicksand,sans-serif}.blog-details-reading-progress-bar{transform-origin:0%;z-index:1000;background:#fff;height:4px;position:fixed;top:0;left:0;right:0}.icon,.icon-sm,.icon-xs{stroke-width:1.5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.icon{width:24px;height:24px}.icon-sm{width:20px;height:20px}.icon-xs{width:16px;height:16px}.blog-details-nav{z-index:50;border-bottom:1px solid var(--color-border);background-color:var(--color-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;padding:1rem 0;position:fixed;top:0}.blog-details-nav-container{justify-content:space-between;align-items:center;max-width:80rem;margin:0 auto;padding:0 1.5rem;display:flex}.blog-details-back-btn{text-transform:uppercase;letter-spacing:.2em;color:#71717a;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:10px;font-weight:900;transition:color .2s;display:flex}.blog-details-back-btn:hover{color:#fff}.blog-details-back-btn .icon{width:16px;height:16px;transition:transform .2s}.blog-details-nav-title-group{align-items:center;gap:.5rem;display:flex}@media (max-width:639px){.blog-details-nav-title-group{display:none}}.blog-details-nav-brand{text-transform:uppercase;letter-spacing:.3em;color:#3f3f46;font-size:10px;font-weight:900}.blog-details-nav-post-title{text-transform:uppercase;letter-spacing:.2em;color:#a1a1aa;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:10px;font-weight:700;overflow:hidden}.blog-details-nav-actions{align-items:center;gap:1rem;display:flex}.blog-details-icon-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.blog-details-icon-btn:hover{color:#fff;background-color:#18181b}.blog-details-neopop-btn-sm{text-transform:uppercase;letter-spacing:.1em;color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:16px;height:32px;padding:0 1rem;font-size:9px;font-weight:900;transition:transform .1s;box-shadow:2px 2px #ffffff4d}.blog-details-neopop-btn-sm:active{transform:translate(1px,1px);box-shadow:1px 1px #ffffff4d}.blog-details-main-content{padding-top:3rem}.blog-details-main-content>.blog-details-hero-section{max-width:80rem;margin:0 auto;padding:1.5rem;position:relative}.blog-details-hero-container{max-width:64rem;margin:0 auto}.blog-details-hero-content{flex-direction:column;align-items:flex-start;gap:2rem;padding-top:2rem;padding-bottom:3rem;display:flex}.blog-details-category-badge{color:var(--color-text);background-color:var(--surface-low);border-left:3px solid var(--primary-color);text-transform:uppercase;letter-spacing:.15em;align-items:center;padding:.5rem 1rem;font-size:11px;font-weight:800;display:inline-flex}.blog-details-hero-title{letter-spacing:-.05em;color:var(--color-text);margin:0;font-size:5rem;font-weight:900;line-height:1.1}@media (max-width:1023px){.blog-details-hero-title{font-size:4.5rem}}@media (max-width:639px){.blog-details-hero-title{font-size:3rem}}.blog-details-hero-meta{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;width:100%;padding:2rem 0;display:flex}@media (max-width:767px){.blog-details-hero-meta{flex-direction:column;align-items:flex-start}}.blog-details-author-group{align-items:center;gap:1rem;display:flex}.blog-details-avatar-ring{border:2px solid #18181b;border-radius:50%;width:48px;height:48px;padding:2px;overflow:hidden}.blog-details-author-avatar{object-fit:cover;color:#0000;border-radius:50%;width:100%;height:100%;font-size:0}.blog-details-author-info{flex-direction:column;display:flex}.blog-details-author-name{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);font-size:.875rem;font-weight:900}.blog-details-author-role{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);font-size:10px;font-weight:700}.blog-details-author-hero-bio{color:#a1a1aa;max-width:500px;margin:.75rem 0;font-size:.9rem;line-height:1.75}.blog-details-author-hero-bio p{margin:0}.blog-details-author-hero-socials{gap:1.5rem;margin-top:.5rem;display:flex}.blog-details-social-link{text-transform:uppercase;letter-spacing:.1em;color:#a1a1aa;border-bottom:1px solid #0000;padding-bottom:2px;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s}.blog-details-social-link:hover{color:#fff;border-color:#fff}.blog-details-meta-details{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.blog-details-meta-item{flex-direction:column;gap:.25rem;display:flex}.blog-details-meta-label{text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-dim);font-size:9px;font-weight:900}.blog-details-meta-value{color:var(--color-text);align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.blog-details-hero-image-wrapper{aspect-ratio:21/9;border-radius:1.5rem;max-width:80rem;margin:0 auto;position:relative;overflow:hidden}@media (max-width:1280px){.blog-details-hero-image-wrapper{aspect-ratio:18/8}}@media (max-width:1023px){.blog-details-hero-image-wrapper{aspect-ratio:16/10}}@media (max-width:767px){.blog-details-hero-image-wrapper{aspect-ratio:4/3}}@media (max-width:639px){.blog-details-hero-image-wrapper{aspect-ratio:1}}.blog-details-hero-image{object-fit:cover;width:100%;height:100%}.blog-details-hero-overlay{background:linear-gradient(#0000,#0009);position:absolute;inset:0}.blog-details-article-prose img{border:1px solid #ffffff1a;border-radius:1.25rem;width:auto;max-width:60%;height:auto;margin:2rem auto;display:block;box-shadow:0 8px 32px #0000004d}.blog-details-inline-image-wrapper{text-align:center;margin:2.5rem 0}.blog-details-inline-image{object-fit:contain;border:1px solid #ffffff1a;border-radius:1rem;width:auto;max-width:60%;height:auto;max-height:500px;display:inline-block;box-shadow:0 8px 32px #0006}.blog-details-image-group{align-items:flex-start;gap:1.5rem;width:100%;margin:2.5rem 0;display:flex}.blog-details-image-group .blog-details-inline-image-wrapper{flex:1;min-width:0;margin:0}.blog-details-image-group .blog-details-inline-image{width:100%;max-width:100%;max-height:none}@media (max-width:768px){.blog-details-image-group{flex-direction:column;gap:2rem}}.blog-details-inline-image-caption{text-transform:uppercase;letter-spacing:.2em;color:#71717a;text-align:center;margin-top:1rem;font-size:10px;font-weight:900}.blog-details-article-prose code{background-color:var(--surface-low);color:var(--color-text);border-radius:.25rem;padding:.2rem .4rem;font-size:.875em}.blog-details-code-block{background:linear-gradient(145deg,#1a1a1e 0%,#0d0d0f 100%);border:1px solid #27272a;border-radius:1rem;margin:2rem 0;position:relative;overflow:hidden}.blog-details-code-language{text-transform:uppercase;letter-spacing:.1em;color:#71717a;background:#27272acc;border-bottom-left-radius:.5rem;padding:.5rem 1rem;font-size:10px;font-weight:700;position:absolute;top:0;right:0}.blog-details-code-block pre{margin:0;padding:1.75rem;overflow-x:auto}.blog-details-code-block code{color:#f5f4ee;background:0 0;border-radius:0;padding:0;font-family:monospace;font-size:.875rem;line-height:1.7}.blog-details-list{color:#f5f4ee;margin:1.5rem 0;padding-left:1.5rem}.blog-details-list-bullet{list-style-type:disc}.blog-details-list-number{list-style-type:decimal}.blog-details-list li{margin-bottom:.75rem;padding-left:.5rem;font-weight:500;line-height:1.9}.blog-details-list li::marker{color:#f5f4ee;font-weight:600}.blog-details-list .blog-details-list{margin:.5rem 0}.blog-details-article-prose h3{letter-spacing:-.02em;color:var(--color-text);margin-top:2.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:800;line-height:1.5}.blog-details-article-prose h4{color:var(--color-text);margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.blog-details-editorial-grid{max-width:90rem;margin:0 auto;padding:4rem 1.5rem 8rem}.blog-details-grid-container{grid-template-columns:80px 1fr 300px;gap:60px;max-width:1400px;margin:0 auto;padding:0 40px;display:grid}.blog-details-interaction-sidebar{position:relative}.blog-details-sticky-interaction-group{flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:sticky;top:6rem}.blog-details-side-btn{cursor:pointer;color:var(--color-link-hover);background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.blog-details-side-icon-box{background:color-mix(in srgb, var(--color-card-bg) 50%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 45%, transparent);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.blog-details-side-btn .icon{stroke-width:1.5px;width:22px;height:22px;color:var(--blog-text-muted);transition:all .3s}.blog-details-side-btn:hover .blog-details-side-icon-box{background:color-mix(in srgb, var(--primary-color) 12%, var(--color-card-bg));border-color:color-mix(in srgb, var(--primary-color) 45%, var(--color-border));transform:translateY(-2px)}.blog-details-side-btn:hover .icon{color:var(--color-text)}.blog-details-side-btn.liked .icon{color:#ef4444;fill:#ef4444!important}.blog-details-side-btn.liked .blog-details-side-icon-box{background:#ef44441a}.blog-details-side-count{color:var(--blog-text-muted);font-size:.85rem;font-weight:500;transition:color .3s}.blog-details-side-btn:hover .blog-details-side-count{color:var(--color-text)}.blog-details-side-divider{background:color-mix(in srgb, var(--color-border) 50%, transparent);width:24px;height:1px;margin:.5rem 0}.blog-details-article-column{width:100%;max-width:850px;margin:0 auto}.blog-details-content-tags{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:.875rem;margin-top:4rem;padding-top:2rem;padding-bottom:1rem;display:flex}.blog-details-tag{color:#f5f4ee;cursor:pointer;letter-spacing:.02em;background:#f5f4ee14;border:1px solid #f5f4ee33;border-radius:10px;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.blog-details-tag:hover{background:#f5f4ee26;border-color:#f5f4ee66;transform:translateY(-2px);box-shadow:0 4px 12px #f5f4ee26}.blog-details-context-sidebar{position:relative}.blog-details-sticky-context-group{flex-direction:column;gap:2rem;display:flex;position:sticky;top:6rem}.blog-details-sidebar-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fffcf514,#fffcf50a);border:1px solid #f5f4ee24;border-radius:1.5rem;padding:1.5rem}.blog-details-sidebar-label{text-transform:uppercase;letter-spacing:.2em;color:var(--color-link-hover);margin-bottom:1.25rem;font-size:9px;font-weight:900}.blog-details-sidebar-author-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.blog-details-sidebar-avatar{object-fit:cover;border:2px solid color-mix(in srgb, var(--color-border) 45%, transparent);color:#0000;border-radius:50%;width:48px;height:48px;font-size:0}.blog-details-sidebar-author-name-group{flex-direction:column;display:flex}.blog-details-sidebar-author-name{color:var(--color-text);font-size:.875rem;font-weight:800}.blog-details-sidebar-author-title{color:#f5f4eeb8;font-size:10px;font-weight:700}.blog-details-sidebar-bio{color:#f5f4eee6;margin-bottom:1.25rem;font-size:.8125rem;font-weight:600;line-height:1.7}.blog-details-sidebar-bio p{margin:0}.blog-details-sidebar-socials{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.blog-details-sidebar-social-link{color:#f5f4eed1;background:#f5f4ee14;border:1px solid #f5f4ee29;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:transform .25s,background .25s,border-color .25s,color .25s;display:inline-flex}.blog-details-sidebar-social-icon{flex-shrink:0}.blog-details-sidebar-social-link:hover{color:#f5f4ee;background:#f5f4ee24;border-color:#f5f4ee47;transform:translateY(-2px)}.blog-details-sidebar-related-list{flex-direction:column;gap:1.5rem;display:flex}.blog-details-sidebar-related-item{flex-direction:column;gap:.25rem;text-decoration:none;transition:transform .2s;display:flex}.blog-details-sidebar-related-item:hover{transform:translate(4px)}.blog-details-sidebar-related-cat{text-transform:uppercase;letter-spacing:.15em;color:var(--color-link-hover);font-size:8px;font-weight:900}.blog-details-sidebar-related-title{color:var(--blog-text-muted);margin:0;font-size:.875rem;font-weight:700;line-height:1.4;transition:color .2s}.blog-details-sidebar-related-item:hover .blog-details-sidebar-related-title{color:var(--color-text)}@media (max-width:1200px){.blog-details-grid-container{grid-template-columns:80px 1fr;gap:3rem}.blog-details-context-sidebar{display:none}}@media (max-width:768px){.blog-details-grid-container{grid-template-columns:1fr;gap:2rem}.blog-details-interaction-sidebar{order:2}.blog-details-sticky-interaction-group{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;flex-direction:row;justify-content:center;padding:2rem 0;position:static}}.blog-details-article-prose{color:#f5f4ee;font-size:1.125rem;line-height:1.95;font-family:var(--font-body);font-weight:500}.blog-details-article-prose p{margin-bottom:1.25rem;font-weight:500}.blog-details-article-prose h2{letter-spacing:-.025em;color:#fff;margin-top:3rem;margin-bottom:1.5rem;font-size:1.875rem;font-weight:900;line-height:1.5}.blog-details-article-prose blockquote{color:#fff;background-color:#18181b80;border-left:4px solid #fff;border-radius:0 1rem 1rem 0;margin:2rem 0;padding:2rem;font-size:1.25rem;font-style:italic}.blog-details-newsletter-title{letter-spacing:-.05em;color:#fff;margin:0 0 1.5rem;font-size:3.75rem;font-weight:900}@media (max-width:639px){.blog-details-newsletter-title{font-size:2.25rem}}.blog-details-newsletter-desc{color:#a1a1aa;margin-bottom:2.5rem;font-size:1.125rem}.blog-details-neopop-btn-large{text-transform:uppercase;letter-spacing:.2em;color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:1rem;height:3.5rem;padding:0 3rem;font-size:.75rem;font-weight:900;transition:transform .1s;box-shadow:4px 4px #ffffff4d}.blog-details-neopop-btn-large:active{transform:translate(2px,2px);box-shadow:2px 2px #ffffff4d}.blog-details-comments-section{border-top:1px solid #ffffff1a;margin-top:4rem;padding-top:3rem}.blog-details-comments-container{max-width:100%}.blog-details-comments-title{color:#fff;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.blog-details-comment-form{background:#18181b4d;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:1rem;margin-bottom:3rem;padding:1.5rem;display:flex}.blog-details-form-group{gap:1rem;display:flex}.blog-details-input,.blog-details-textarea{color:#fafafa;background:#18181b;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;transition:all .2s}.blog-details-input:focus,.blog-details-textarea:focus{background:#27272a;border-color:#ffffff4d;outline:none}.blog-details-textarea{resize:vertical;min-height:100px}.blog-details-comment-form button{align-self:flex-end;margin-top:.5rem}@media (max-width:639px){.blog-details-form-group{flex-direction:column}}.blog-details-comments-list{flex-direction:column;display:flex}.blog-details-comment-item{background:0 0;border-bottom:1px solid #ffffff1a;gap:.85rem;padding:1.35rem 0;display:flex}.blog-details-comment-item:last-child{border-bottom:none}.blog-details-comment-avatar{color:#fff;background:linear-gradient(135deg,#3f3f46,#18181b);border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:500;display:flex}.blog-details-comment-content{flex:1;min-width:0}.blog-details-comment-header{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.65rem;display:flex}.blog-details-comment-header-info{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.blog-details-comment-author{color:#fff;font-size:.9rem;font-weight:600}.blog-details-comment-date{color:#a1a1aa;font-size:.72rem}.blog-details-comment-delete-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.72rem;transition:color .2s}.blog-details-comment-delete-btn:hover{color:#ef4444}.blog-details-comment-text{color:#f5f4ee;word-break:break-word;margin:0;font-size:.88rem;line-height:1.55}.blog-details-no-comments{color:#71717a;text-align:center;padding:2rem 0;font-style:italic}.blog-details-comment-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.blog-details-comment-reply-btn{color:#71717a;cursor:pointer;letter-spacing:.01em;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.72rem;font-weight:500;transition:color .2s,background .2s}.blog-details-comment-reply-btn:hover{color:#fff;background:#ffffff12}.blog-details-reply-form{flex-direction:column;gap:.5rem;margin-top:.65rem;display:flex}.blog-details-reply-form .blog-details-textarea{min-height:58px;font-size:.82rem}.blog-details-reply-form-actions{align-items:center;gap:.5rem;display:flex}.blog-details-cancel-reply-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:.78rem;transition:color .2s}.blog-details-cancel-reply-btn:hover{color:#fff}.blog-details-replies-section{margin-top:.75rem}.blog-details-toggle-replies-btn{color:#ffffff80;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.8rem;font-weight:600;transition:color .2s;display:flex}.blog-details-toggle-replies-btn:hover{color:#ffffffd9}.blog-details-toggle-icon{font-size:.65rem;transition:transform .2s}.blog-details-replies-list{border-left:2px solid #ffffff12;flex-direction:column;margin-top:.55rem;padding-left:1rem;display:flex}.blog-details-reply-item{border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:.65rem;padding:.7rem 0;display:flex}.blog-details-reply-item:first-child{padding-top:0}.blog-details-reply-item:last-child{border-bottom:none;padding-bottom:0}.blog-details-reply-avatar{width:26px!important;min-width:26px!important;height:26px!important;font-size:.7rem!important}.blog-details-sidebar-inline-reply{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;margin-top:.75rem;padding:.875rem}.blog-details-sidebar-reply-fields{gap:.5rem;margin-bottom:.5rem;display:flex}.blog-details-sidebar-reply-fields .blog-details-input{flex:1;min-width:0}.blog-details-view-all-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;width:100%;margin-top:.5rem;padding:1rem;font-size:.9rem;font-weight:600;transition:all .2s}.blog-details-view-all-btn:hover{background:#ffffff0d;border-color:#fff3}.blog-details-comments-sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;visibility:hidden;opacity:0;background:#00000080;transition:visibility .4s,opacity .4s;position:fixed;inset:0}.blog-details-comments-sidebar-overlay.open{visibility:visible;opacity:1}.blog-details-comments-sidebar{background-color:#000;border-left:1px solid #ffffff1a;flex-direction:column;width:100%;max-width:420px;height:100vh;transition:right .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;right:-100%;box-shadow:-4px 0 24px #00000080}.blog-details-comments-sidebar-overlay.open .blog-details-comments-sidebar{right:0}.blog-details-comments-sidebar-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.blog-details-comments-sidebar-header h3{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.blog-details-comments-sidebar-close{color:#a1a1aa;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex}.blog-details-comments-sidebar-close:hover{color:#fff}.blog-details-comments-sidebar-close svg{width:20px;height:20px}.blog-details-comments-sidebar-content{flex:1;padding:1.5rem;overflow-y:auto}.blog-details-comments-sidebar .blog-details-comment-item{gap:.7rem;padding:1rem 0}.blog-details-comments-sidebar .blog-details-comment-avatar{width:28px;height:28px;font-size:.75rem}.blog-details-comments-sidebar .blog-details-comment-header{margin-bottom:.45rem}.blog-details-comments-sidebar .blog-details-comment-author{font-size:.82rem}.blog-details-comments-sidebar .blog-details-comment-date{font-size:.68rem}.blog-details-comments-sidebar .blog-details-comment-text{font-size:.8rem;line-height:1.45}.blog-details-comments-sidebar .blog-details-replies-list{margin-top:.45rem;padding-left:.85rem}.blog-details-comments-sidebar .blog-details-reply-item{gap:.55rem;padding:.55rem 0}.blog-details-comments-sidebar .blog-details-reply-avatar{width:24px!important;min-width:24px!important;height:24px!important;font-size:.65rem!important}.blog-details-comments-sidebar .blog-details-comment-reply-btn,.blog-details-comments-sidebar .blog-details-comment-delete-btn{font-size:.68rem}.blog-details-comments-sidebar .blog-details-sidebar-inline-reply{margin-top:.65rem;padding:.75rem}.blog-details-comments-sidebar .blog-details-sidebar-inline-reply .blog-details-input,.blog-details-comments-sidebar .blog-details-sidebar-inline-reply .blog-details-textarea{font-size:.8rem}.blog-details-comments-sidebar-content::-webkit-scrollbar{width:6px}.blog-details-comments-sidebar-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}@keyframes theme-icon-spin{0%{transform:rotate(0)scale(1)}35%{transform:rotate(180deg)scale(.65)}70%{transform:rotate(330deg)scale(1.15)}to{transform:rotate(360deg)scale(1)}}.theme-toggle-btn.spinning svg{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards theme-icon-spin}[data-theme=light] .blog-details-page{color:#0d1117;background-color:#fff}[data-theme=light] .blog-details-hero-title{color:#0d1117}[data-theme=light] .blog-details-reading-progress-bar{background:#09c}[data-theme=light] .blog-details-nav{background-color:#ffffffe6;border-bottom-color:#0d11171a}[data-theme=light] .blog-details-back-btn{color:#0d111780}[data-theme=light] .blog-details-back-btn:hover{color:#0d1117}[data-theme=light] .blog-details-nav-brand{color:#0d11174d}[data-theme=light] .blog-details-nav-post-title{color:#0d111799}[data-theme=light] .blog-details-icon-btn{color:#0d111780}[data-theme=light] .blog-details-icon-btn:hover{color:#0d1117;background-color:#0d111714}[data-theme=light] .theme-toggle-btn{color:#0d111780}[data-theme=light] .theme-toggle-btn:hover{color:#0d1117;background:#0d111714}[data-theme=light] .blog-details-neopop-btn{color:#000;background:linear-gradient(135deg,#00f0ff,#09c)}[data-theme=light] .blog-details-neopop-btn-sm{color:#000;background:linear-gradient(135deg,#fff 0%,#f3f4f6 100%);border:1px solid #0d111714;box-shadow:2px 2px #0d111729}[data-theme=light] .blog-details-neopop-btn-sm:hover{transform:translateY(-2px);box-shadow:4px 4px #0d111729}[data-theme=light] .blog-details-neopop-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00f0ff4d}[data-theme=light] .blog-details-main{border-right-color:#0d11171a}[data-theme=light] .blog-details-article,[data-theme=light] .blog-details-article-prose h1,[data-theme=light] .blog-details-article-prose h2,[data-theme=light] .blog-details-article-prose h3,[data-theme=light] .blog-details-article-prose h4,[data-theme=light] .blog-details-article-prose h5,[data-theme=light] .blog-details-article-prose h6{color:#0d1117}[data-theme=light] .blog-details-article-prose p{color:#0d1117cc}[data-theme=light] .blog-details-article-prose a{color:#09c;border-bottom-color:#0099cc4d}[data-theme=light] .blog-details-article-prose a:hover{border-bottom-color:#09c}[data-theme=light] .blog-details-article-prose strong,[data-theme=light] .blog-details-article-prose b{color:#0d1117}[data-theme=light] .blog-details-article-prose blockquote{color:#0d1117;background-color:#00f0ff0d;border-left-color:#09c}[data-theme=light] .blog-details-article-prose code{color:#d32f2f;background-color:#0d111714}[data-theme=light] .blog-details-article-prose pre{background-color:#0d11170f;border-color:#0d11171a}[data-theme=light] .blog-details-list,[data-theme=light] .blog-details-list li{color:#0d1117}[data-theme=light] .blog-details-list li::marker{color:#09c}[data-theme=light] .blog-details-article-prose ul li:before,[data-theme=light] .blog-details-article-prose ol li:before{color:#09c}[data-theme=light] .blog-details-article-prose img{border-color:#0d111726;box-shadow:0 8px 32px #0d11171a}[data-theme=light] .blog-details-article-title{color:#0d1117}[data-theme=light] .blog-details-article-title-meta{color:#0d111799}[data-theme=light] .blog-details-category-tag{color:#09c;background:#00f0ff26;border-color:#00f0ff4d}[data-theme=light] .blog-details-category-tag:hover{background:#00f0ff40}[data-theme=light] .blog-details-tag{color:#0d1117;background:#0d11170f;border-color:#0d111726}[data-theme=light] .blog-details-tag:hover{background:#0d11171f;border-color:#0d111740;box-shadow:0 4px 12px #0d11171a}[data-theme=light] .blog-details-sidebar-card{background-color:#fbf8f1;border-color:#0d111714;box-shadow:0 10px 28px #0d11170f}[data-theme=light] .blog-details-author-name{color:#0d1117}[data-theme=light] .blog-details-author-title{color:#0d111799}[data-theme=light] .blog-details-sidebar-bio{color:#0d1117b3}[data-theme=light] .blog-details-sidebar-author-title{color:#0d111794}[data-theme=light] .blog-details-social-link{color:#0d111780;border-bottom-color:#0000}[data-theme=light] .blog-details-social-link:hover{color:#0d1117;border-bottom-color:#0d1117}[data-theme=light] .blog-details-sidebar-social-link{color:#0d1117ad;background:#0d11170d;border-color:#0d11171f}[data-theme=light] .blog-details-sidebar-social-link:hover{color:#0d1117;background:#0d11171a;border-color:#0d111733}[data-theme=light] .blog-details-meta-label{color:#0d111766}[data-theme=light] .blog-details-meta-value{color:#0d111799}[data-theme=light] .blog-details-sidebar-section{border-top-color:#0d11171a}[data-theme=light] .blog-details-sidebar-section-title{color:#0d1117}[data-theme=light] .blog-details-sidebar-nav-link{color:#0d111799;border-left-color:#0000}[data-theme=light] .blog-details-sidebar-nav-link:hover{color:#0d1117;border-left-color:#09c}[data-theme=light] .blog-details-sidebar-nav-link.active{color:#09c;border-left-color:#09c}[data-theme=light] .blog-details-related-article-card{background-color:#0d11170a;border-color:#0d11171a}[data-theme=light] .blog-details-related-article-card:hover{border-color:#00f0ff66;box-shadow:0 8px 24px #00f0ff1a}[data-theme=light] .blog-details-related-article-title{color:#0d1117}[data-theme=light] .blog-details-related-article-desc{color:#0d111799}[data-theme=light] .blog-details-comments-sidebar{background-color:#fff;border-left-color:#0d11171a;box-shadow:-4px 0 24px #0d11171a}[data-theme=light] .blog-details-comments-sidebar-header{border-bottom-color:#0d11171a}[data-theme=light] .blog-details-comments-sidebar-header h3{color:#0d1117}[data-theme=light] .blog-details-comments-sidebar-close{color:#0d111780}[data-theme=light] .blog-details-comments-sidebar-close:hover{color:#0d1117}[data-theme=light] .blog-details-comments-sidebar-content::-webkit-scrollbar-thumb{background:#0d111733}[data-theme=light] .blog-details-view-all-btn{color:#0d1117;background:linear-gradient(135deg,#fff 0%,#f3f4f6 100%);border-color:#0d11171f;box-shadow:2px 2px #0d11171f}[data-theme=light] .blog-details-view-all-btn:hover{background:linear-gradient(135deg,#fff 0%,#eef2f7 100%);border-color:#0d11172e;box-shadow:4px 4px #0d11171f}[data-theme=light] .blog-details-comments-title{color:#0d1117}[data-theme=light] .blog-details-comment-form{background:#0d11170a;border-color:#0d11171a}[data-theme=light] .blog-details-input,[data-theme=light] .blog-details-textarea{color:#0d1117;background:#fff;border-color:#0d111726}[data-theme=light] .blog-details-input::placeholder,[data-theme=light] .blog-details-textarea::placeholder{color:#0d111766}[data-theme=light] .blog-details-input:focus,[data-theme=light] .blog-details-textarea:focus{background:#fff;border-color:#09c;box-shadow:0 0 0 3px #0099cc1a}[data-theme=light] .blog-details-comment-item{border-bottom-color:#0d11171a}[data-theme=light] .blog-details-comment-text{color:#0d1117}[data-theme=light] .blog-details-comment-date{color:#0d111780}[data-theme=light] .blog-details-comment-reply-btn{color:#0d111773}[data-theme=light] .blog-details-comment-reply-btn:hover{color:#0d1117;background:#0d11170f}[data-theme=light] .blog-details-cancel-reply-btn{color:#0d111773}[data-theme=light] .blog-details-cancel-reply-btn:hover{color:#0d1117}[data-theme=light] .blog-details-reply-item{border-bottom-color:#0d11170f}[data-theme=light] .blog-details-share-section button{color:#0d1117;background:#0d11170f;border-color:#0d111726}[data-theme=light] .blog-details-share-section button:hover{background:#0d11171a;border-color:#0d111740}[data-theme=light] .blog-details-side-btn{color:#0d111780}[data-theme=light] .blog-details-side-btn .icon{color:#0d11178c}[data-theme=light] .blog-details-side-icon-box{background:#0d11170a;border-color:#0d11171f}[data-theme=light] .blog-details-side-btn:hover .blog-details-side-icon-box{background:#0099cc1a}[data-theme=light] .blog-details-side-btn:hover .icon,[data-theme=light] .blog-details-side-btn:hover .blog-details-side-count{color:#09c}[data-theme=light] .blog-details-side-count{color:#0d111766}[data-theme=light] .blog-details-side-divider{background:#0d11171a}[data-theme=light] .blog-details-comment-author,[data-theme=light] .blog-details-comment-header{color:#0d1117}[data-theme=light] .blog-details-comment-delete-btn{color:#0d111766}[data-theme=light] .blog-details-comment-delete-btn:hover{color:#ef4444}.blog-details-loading-container,.blog-details-not-found-container{background-color:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 1rem;display:flex;position:relative;overflow:hidden}.blog-details-loading-text{letter-spacing:.2em;color:#a1a1aa;text-transform:uppercase;margin-top:1rem;font-size:.75rem;font-weight:700}.blog-details-spinner-wrapper{width:3rem;height:3rem;position:relative}.blog-details-spinner-outer{border-top:2px solid #00f0ff;border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:0}.blog-details-spinner-inner{border-bottom:2px solid #fff;border-radius:50%;animation:1.5s linear infinite reverse spin;position:absolute;inset:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.blog-details-not-found-bg{opacity:.1;pointer-events:none;background-image:radial-gradient(circle,#fff 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.blog-details-not-found-content{text-align:center;z-index:10;max-width:32rem;position:relative}.blog-details-not-found-title{letter-spacing:-.05em;color:#fff;opacity:.9;margin-bottom:.5rem;font-size:8rem;font-weight:900;line-height:1}@media (min-width:768px){.blog-details-not-found-title{margin-bottom:0;font-size:150px}}.blog-details-not-found-subtitle{letter-spacing:.3em;color:#00f0ff;text-transform:uppercase;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}@media (min-width:768px){.blog-details-not-found-subtitle{font-size:1.5rem}}.blog-details-not-found-desc{color:#a1a1aa;margin-bottom:2.5rem;font-size:.875rem;font-weight:300;line-height:1.625}@media (min-width:768px){.blog-details-not-found-desc{font-size:1rem}}.blog-details-not-found-btn{letter-spacing:.2em;text-transform:uppercase;color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:1rem 2rem;font-size:10px;font-weight:900;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 20px #ffffff1a}@media (min-width:768px){.blog-details-not-found-btn{font-size:.75rem}}.blog-details-not-found-btn:hover{background-color:#00f0ff;box-shadow:0 0 30px #00f0ff4d}.blog-details-not-found-btn-inner{z-index:10;align-items:center;gap:.75rem;display:flex;position:relative}.blog-details-btn-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.blog-details-not-found-btn:hover .blog-details-btn-icon{transform:translate(-4px)}[data-theme=light] .blog-details-toggle-replies-btn{color:#0d111780}[data-theme=light] .blog-details-toggle-replies-btn:hover{color:#0d1117d9}[data-theme=light] .blog-details-replies-list{border-left-color:#0d11171a}[data-theme=light] .blog-details-sidebar-inline-reply{background:#0d11170a;border-color:#0d11171a}.blog-details-math-block{scrollbar-width:thin;margin:2rem auto;padding:1.25rem .75rem;overflow-x:auto}.blog-details-math-block .katex-display{text-align:inherit!important;margin:.5em 0!important}.blog-details-math-error{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;align-items:flex-start;gap:.75rem;margin:1.5rem 0;padding:1rem 1.25rem;display:flex}[data-theme=dark] .blog-details-math-error{background:#fef2f208;border-color:#ef444433}.blog-details-math-error-icon{flex-shrink:0;font-size:1.25rem;line-height:1}.blog-details-math-error-content{flex-direction:column;gap:.25rem;min-width:0;display:flex}.blog-details-math-error-title{color:#991b1b;font-size:.875rem;font-weight:600}[data-theme=dark] .blog-details-math-error-title{color:#fca5a5}.blog-details-math-error-desc{color:#b91c1c;font-size:.8rem;line-height:1.5}[data-theme=dark] .blog-details-math-error-desc{color:#fecaca}.blog-details-math-error-raw{color:#18181b;white-space:pre-wrap;word-break:break-word;background:#18181b0a;border-radius:.5rem;margin-top:.5rem;padding:.65rem .8rem;font-family:Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.5;overflow-x:auto}[data-theme=dark] .blog-details-math-error-raw{color:#e4e4e7;background:#ffffff0d}