@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#131314;--surface:#1e1f20;--surface-2:#26282a;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);--fg:#e6e6e9;--fg-mut:#9aa0a6;--glass:rgba(255,255,255,.06);--glass-2:rgba(255,255,255,.1);--spark:linear-gradient(135deg,#ff6aa2 0%,#b66cff 100%);--radius:22px;--radius-sm:14px;--t-fast:.12s;--t:.18s;--ease:cubic-bezier(.2,.6,.2,1);--ok:#46d29a;--err:#ff6b6b;--focus-ring:rgba(255,255,255,.7);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,-apple-system,Segoe UI,Roboto,system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-top__ham,.bminput__send,.bminput__pill,.seg__btn,.switch,.copy-btn,.editor-mode-toggle button,.bbcode-toolbar__btn,.insert-dialog__btn,.edit-banner__btn{transition:background-color var(--t) var(--ease),border-color var(--t) var(--ease),color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t-fast) var(--ease)}:where(button,a,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.bbcode-editor:focus-visible{outline-offset:-2px}.app{display:flex;flex-direction:column;height:100vh;padding:14px;gap:14px}.app-top{display:flex;align-items:center;gap:12px}.app-top__ham{width:38px;height:38px;border-radius:11px;border:1px solid var(--line-2);background:var(--glass);color:var(--fg);cursor:pointer;display:grid;place-items:center}.app-top__ham:hover{background:var(--glass-2)}.app-top__set{margin-left:auto;color:var(--fg-mut);font-size:13px}.app-body{flex:1;display:grid;grid-template-columns:330px 1fr;gap:14px;min-height:0;position:relative}.app-body--collapsed{grid-template-columns:1fr;gap:0}.app-body--collapsed .app-side,.app-scrim{display:none}.app-side{display:flex;flex-direction:column;gap:14px;min-height:0;overflow:auto;padding-right:2px}.app-work{display:flex;flex-direction:column;gap:14px;min-height:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 1px 2px #0006}.card__h{margin:0 0 12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mut);font-weight:600}.bminput__pill{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:999px;padding:6px 6px 6px 16px}.bminput__pill--error{border-color:#ff6b6b}.bminput__field{flex:1;background:none;border:none;outline:none;color:var(--fg);font-size:13.5px;font-family:inherit}.bminput__field::placeholder{color:var(--fg-mut)}.bminput__send{width:38px;height:38px;flex:none;border-radius:50%;border:1px solid var(--line-2);background:var(--glass-2);color:var(--fg);cursor:pointer;display:grid;place-items:center}.bminput__send:hover:not(:disabled){background:#ffffff24}.bminput__send:disabled{opacity:.5;cursor:not-allowed}.bminput__error{color:#ff8585;font-size:12px;margin-top:8px}.cover{display:flex;gap:12px;align-items:center;margin-top:14px}.cover__img{width:64px;height:64px;border-radius:14px;object-fit:cover;border:1px solid var(--line);flex:none}.cover__t{font-weight:600}.cover__a{color:var(--fg-mut);font-size:12.5px}.cover__c{color:var(--fg-mut);font-size:12px;margin-top:2px}.cover--skeleton{align-items:flex-start}.cover__sk-lines{display:flex;flex-direction:column;gap:8px;flex:1;padding-top:6px}.sk{position:relative;overflow:hidden;background:var(--surface-2)}.sk-line{height:11px;border-radius:6px}.sk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);animation:sk-shimmer 1.2s infinite}@keyframes sk-shimmer{to{transform:translate(100%)}}.bminput__spinner{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{margin-top:14px}.field:first-child{margin-top:0}.field__lbl{font-size:12px;color:var(--fg-mut);margin-bottom:7px;display:flex;align-items:baseline;gap:6px}.field__scope{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#fff6;border:1px solid var(--line);border-radius:6px;padding:0 5px}.seg{display:flex;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:3px;gap:0;position:relative}.seg:before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / var(--n, 1));transform:translate(calc(var(--i, 0) * 100%));background:var(--glass-2);border-radius:9px;box-shadow:inset 0 0 0 1px var(--line-2);transition:transform var(--t) var(--ease)}.seg__btn{flex:1;border:none;background:none;color:var(--fg-mut);padding:7px 0;border-radius:9px;font-size:12.5px;cursor:pointer;font-family:inherit;font-weight:500;position:relative;z-index:1}.seg__btn--on{color:var(--fg)}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:13px}.switch{width:40px;height:23px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line-2);position:relative;cursor:pointer;flex:none;padding:0}.switch--on{background:var(--spark);border-color:transparent;box-shadow:0 2px 10px #ff6aa259}.switch__knob{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;transition:left .15s}.switch--on .switch__knob{left:19px}.copy-btn{width:100%;border:1px solid transparent;background:var(--fg);color:#131314;font-weight:700;font-size:14px;padding:13px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit}.copy-btn:hover:not(:disabled){background:#fff}.copy-btn:active:not(:disabled){transform:translateY(1px)}.copy-btn:disabled{opacity:.45;cursor:not-allowed}.copy-btn--ok{background:var(--ok);color:#06231a;animation:copy-pulse var(--t) var(--ease)}.copy-btn--fail{background:var(--err);color:#2a0b0b}@keyframes copy-pulse{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.editor-mode-toggle{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:3px;gap:0;width:230px;position:relative}.editor-mode-toggle:before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / var(--n, 1));transform:translate(calc(var(--i, 0) * 100%));background:var(--glass-2);border-radius:9px;box-shadow:inset 0 0 0 1px var(--line-2);transition:transform var(--t) var(--ease)}.editor-mode-toggle button{flex:1;border:none;background:none;color:var(--fg-mut);padding:7px 0;border-radius:9px;font-size:12.5px;cursor:pointer;font-family:inherit;font-weight:500;position:relative;z-index:1}.editor-mode-toggle button.is-active{color:var(--fg)}.work-top{display:flex;align-items:center;gap:12px}.app-panes{flex:1;display:flex;min-height:0;min-width:0}.app-panes--single{display:flex}.app-panes>.split,.app-panes>.app-pane{flex:1;min-height:0;min-width:0}.split{display:flex;min-height:0;min-width:0}.split--horizontal{flex-direction:row}.split--vertical{flex-direction:column}.split__pane{display:flex;min-height:0;min-width:0;overflow:hidden}.split__divider{flex:none;position:relative}.split--horizontal>.split__divider{width:10px;margin:0 2px;cursor:col-resize}.split--vertical>.split__divider{height:10px;margin:2px 0;cursor:row-resize}.split__divider[tabindex="-1"]{cursor:default}.split__divider:before{content:"";position:absolute;background:var(--line);border-radius:999px;transition:background-color var(--t) var(--ease)}.split--horizontal>.split__divider:before{width:2px;top:8px;bottom:8px;left:50%;transform:translate(-50%)}.split--vertical>.split__divider:before{height:2px;left:8px;right:8px;top:50%;transform:translateY(-50%)}.split__divider:hover:before,.split__divider:focus-visible:before{background:var(--line-2)}.work-top .seg--layout{margin-left:auto;width:auto;flex:none}.seg--layout .seg__btn{flex:none;padding:6px 10px;display:grid;place-items:center}.app-pane{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:0}.empty-state{flex:1;display:grid;place-items:center;padding:24px;min-height:0}.empty-state__card{max-width:440px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;box-shadow:0 1px 2px #0006}.empty-state__title{margin:0 0 8px;font-size:18px;font-weight:700}.empty-state__sub{margin:0 0 20px;color:var(--fg-mut);font-size:13.5px;line-height:1.6}.empty-state__steps{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:12px;text-align:left}.empty-state__steps li{display:flex;align-items:center;gap:12px;font-size:13.5px}.empty-state__num{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--glass-2);border:1px solid var(--line-2);font-size:12px;font-weight:700;color:var(--fg)}.empty-state__btn{border:1px solid var(--line-2);background:var(--glass-2);color:var(--fg);font-weight:600;font-size:13.5px;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit}.empty-state__btn:hover{background:#ffffff24}.bbcode-editor-wrap,.wysiwyg-editor-wrap{flex:1;display:flex;flex-direction:column;min-height:0}.bbcode-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--surface-2);border-radius:var(--radius) var(--radius) 0 0}.bbcode-toolbar__group{display:flex;gap:4px}.bbcode-toolbar__group+.bbcode-toolbar__group{border-left:1px solid var(--line);padding-left:8px}.bbcode-toolbar__btn{min-width:30px;height:30px;padding:0 7px;background:var(--glass);color:var(--fg-mut);border:1px solid var(--line);border-radius:9px;font-size:12px;cursor:pointer;line-height:1}.bbcode-toolbar__btn:hover{background:var(--glass-2);color:var(--fg)}.bbcode-editor{flex:1;width:100%;padding:14px;background:transparent;color:#cfd2d6;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px;border:0;resize:none;outline:none}.wysiwyg-editor{flex:1;overflow:auto}.wysiwyg-editor .ProseMirror{outline:none;min-height:100%}.wysiwyg-editor .ProseMirror p{margin:0 0 .5em}.wysiwyg-editor img,.wysiwyg-editor audio{outline:1px dashed #555}.wysiwyg-editor .ProseMirror-selectednode{outline:2px solid #ff66aa}.wysiwyg-editor .bb-box-nv,.wysiwyg-editor .bb-spoilerbox-nv{margin:8px 0}.wysiwyg-editor .bb-nv__title{display:inline-flex;align-items:center;gap:6px;color:#ff66ab;font-weight:700;-webkit-user-select:none;user-select:none}.wysiwyg-editor .bb-nv__title:before{content:"▸";color:#fff}.wysiwyg-editor .bb-quote .bb-nv__title:before{content:none}.wysiwyg-editor .bb-nv__body{margin-top:8px;padding-left:20px}.wysiwyg-editor .bb-box-nv>.bb-nv__body,.wysiwyg-editor .bb-spoilerbox-nv>.bb-nv__body{border-left:2px solid rgba(255,102,171,.25)}.wysiwyg-editor .bb-youtube-nv,.wysiwyg-editor .bb-imagemap-nv{display:inline-flex;align-items:center;gap:10px;margin:8px 0;padding:8px 12px;background:#ff66ab14;border:1px solid #705c65;border-radius:8px;max-width:100%}.wysiwyg-editor .bb-youtube-nv__thumb{width:120px;height:67px;object-fit:cover;border-radius:4px;flex:none}.wysiwyg-editor .bb-nv__atom-label{color:#e0b8ca;font-size:13px;word-break:break-all}.insert-dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50}.insert-dialog{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);padding:18px;min-width:320px;max-width:90vw;display:flex;flex-direction:column;gap:12px}.insert-dialog__title{font-weight:600;font-size:14px}.insert-dialog__field{display:flex;flex-direction:column;gap:5px}.insert-dialog__label{font-size:12px;color:var(--fg-mut)}.insert-dialog__error{font-size:11px;color:#ff7a7a}.insert-dialog__input{padding:8px 12px;background:var(--surface-2);color:var(--fg);border:1px solid var(--line-2);border-radius:10px;font-size:13px;font-family:inherit}.insert-dialog__color{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.insert-dialog__swatches{display:flex;gap:5px}.insert-dialog__swatch{width:22px;height:22px;border:1px solid var(--line-2);border-radius:7px;cursor:pointer}.insert-dialog__actions{display:flex;gap:8px;justify-content:flex-end}.insert-dialog__btn{padding:8px 16px;background:var(--glass-2);color:var(--fg);border:1px solid var(--line-2);border-radius:10px;font-weight:600;cursor:pointer;font-family:inherit}.insert-dialog__btn:disabled{opacity:.5;cursor:not-allowed}.insert-dialog__btn--ghost{background:transparent}.edit-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:var(--glass);border:1px solid var(--line-2);border-radius:var(--radius-sm);font-size:13px;animation:edit-banner-in var(--t) var(--ease)}@keyframes edit-banner-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.edit-banner__msg{color:var(--fg)}.edit-banner__btn{padding:6px 12px;background:var(--glass-2);color:var(--fg);border:1px solid var(--line-2);border-radius:9px;font-weight:600;font-size:12px;cursor:pointer;font-family:inherit}.edit-banner__btn--ghost{background:transparent}.app-footer{display:flex;gap:16px;padding:0 4px;font-size:11px;color:var(--fg-mut)}.toast-region{position:fixed;left:0;right:0;bottom:18px;display:flex;justify-content:center;z-index:60;pointer-events:none}.toast{pointer-events:auto;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:600;background:var(--surface-2);color:var(--fg);border:1px solid var(--line-2);box-shadow:0 8px 30px #00000080;animation:toast-in var(--t) var(--ease)}.toast--success{border-color:#46d29a80}.toast--error{border-color:#ff6b6b80}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 860px){.app-body,.app-body--collapsed{grid-template-columns:1fr}.app-side{position:absolute;top:0;left:0;bottom:0;width:320px;max-width:85vw;z-index:20;background:var(--bg);padding:4px;box-shadow:0 8px 30px #00000080;transform:translate(0);transition:transform var(--t) var(--ease)}.app-body--collapsed .app-side{display:flex;transform:translate(-110%);pointer-events:none}.app-scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10;opacity:1;transition:opacity var(--t) var(--ease)}.app-body--collapsed .app-scrim{opacity:0;pointer-events:none}}.bbcode-preview{flex:1;padding:20px 24px;overflow:auto;overflow-wrap:anywhere;background:#1c1719;color:#e6e0e3;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5}.bbcode-preview a{color:#ff66ab;text-decoration:none}.bbcode-preview a:hover{text-decoration:underline}.bbcode-preview .bb-profile{color:#ff66ab;text-decoration:none}.bbcode-preview .bb-profile:hover{text-decoration:underline}.bbcode-preview img{max-width:100%;height:auto;vertical-align:middle}.bbcode-preview .bb-notice{margin:10px 0;padding:12px 15px;background:#2a2226;border:2px solid #705c65;border-radius:6px}.bbcode-preview .bb-box{margin:8px 0}.bbcode-preview .bb-box summary{display:inline-flex;align-items:baseline;gap:6px;width:max-content;max-width:100%;color:#ff66ab;font-weight:700;cursor:pointer;list-style:none}.bbcode-preview .bb-box summary:hover{text-decoration:underline}.bbcode-preview .bb-box summary::-webkit-details-marker{display:none}.bbcode-preview .bb-box summary:before{content:"▸";display:inline-block;color:#fff;transition:transform .15s}.bbcode-preview .bb-box[open] summary:before{transform:rotate(90deg)}.bbcode-preview .bb-box>div{margin-top:10px;padding-left:20px}.bbcode-preview h2.bb-heading{color:#e0b8ca;font-size:20px;font-weight:700;margin:14px 0 8px}.bbcode-preview .bb-spoiler{background:#000;color:#000;border-radius:2px;padding:0 2px}.bbcode-preview .bb-spoiler:hover{color:inherit}.bbcode-preview code.bb-inline-code{background:#f0dbe41f;color:#f0dbe4;padding:1px 5px;border-radius:3px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92em}.bbcode-preview pre.bb-code{background:#f0dbe41a;color:#f0dbe4;padding:10px 12px;border-radius:6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;overflow-x:auto;white-space:pre-wrap}.bbcode-preview blockquote.bb-quote{margin:10px 0;padding:6px 14px;border-left:3px solid #ff66ab;background:#ff66ab0f}.bbcode-preview .bb-quote__author{color:#e0b8ca;font-weight:600;margin-bottom:4px}.bbcode-preview ul.bb-list,.bbcode-preview ol.bb-list{margin:8px 0;padding-left:24px}.bbcode-preview .bb-youtube{position:relative;width:100%;max-width:560px;aspect-ratio:16 / 9;margin:10px 0}.bbcode-preview .bb-youtube iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:6px}.bbcode-preview audio{width:100%;max-width:420px;margin:8px 0;display:block}.bbcode-preview .bb-imagemap{position:relative;display:inline-block;max-width:100%}.bbcode-preview .bb-imagemap__area{position:absolute;display:block}.bbcode-preview .bb-imagemap__area:hover{background:#ffffff1f}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}