/* HolyFrag writing surface: charcoal canvas, blue selection, compact grouped controls. */
.compose-page{max-width:1000px;margin:40px auto 80px;padding:0 32px}.compose-page>.back-link{font-size:13px;margin-bottom:28px;color:#a6b7c9}.compose-heading{margin-bottom:28px}.compose-heading h1{font-size:34px;letter-spacing:-.035em;line-height:1.2;margin:0 0 10px}.compose-heading p{color:#aeb8c6;font-size:15px}.topic-composer{gap:20px;margin:0}.compose-author{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #2e343d}.compose-author .avatar{width:36px;height:36px;border-radius:10px;font-size:14px;background:#16354b}.compose-author strong{display:block;font-size:14px}.compose-author div>span{display:block;font-size:12px;color:#a7b2c2}.compose-fields{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:20px}.compose-fields>div{display:flex;flex-direction:column;gap:8px}.compose-fields label{font-size:12px;margin:0;color:#bac5d1}.compose-fields input:not([type=submit]),.compose-fields select{background:#161b22;border:1px solid #39424e;border-radius:7px;height:49px}.compose-fields input::placeholder{color:#9ca9ba}.compose-fields input{font-size:16px}.compose-fields select{font-size:14px}.rich-text{min-width:0;border:1px solid #39424e;background:#171c23;border-radius:10px;position:relative;box-shadow:0 12px 36px #00000018;transition:border-color .16s ease}.rich-text:focus-within{border-color:#687d91}.rich-text.is-dragging{border:2px dashed #45baff}.rich-text [hidden]{display:none!important}.composer-mode{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #303842;min-height:48px;background:#1b2129;border-radius:10px 10px 0 0}.composer-mode>div{display:flex;gap:20px}.mode-tab{border:0;border-bottom:2px solid transparent;color:#acb9c8;background:transparent;padding:14px 2px 11px;font-size:13px;font-weight:600;cursor:pointer}.mode-tab.is-active{border-color:#39adff;color:#eff5fc}.mode-tab:hover{color:#fff}.composer-language{font-size:11px;font-weight:600;color:#a7b7c9;letter-spacing:.02em}.composer-language span{padding:0 5px;color:#55bafa}.rich-text-tools{display:flex;align-items:center;gap:3px;padding:8px 12px;background:#1b2129;border-bottom:1px solid #303842}.rich-text-tools select{appearance:auto;width:137px;min-width:0;padding:5px 8px!important;border:0!important;border-radius:5px!important;font-size:12px!important;height:34px;background:transparent!important;color:#d2dde9}.tool-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:5px;color:#bbc8d7;background:transparent;cursor:pointer;flex:none;transition:background .14s,color .14s}.tool-button:hover{background:#303c49;color:#fff}.tool-button[aria-pressed=true]{background:#163e5a;color:#74c8ff}.tool-button:disabled{opacity:.3;cursor:default}.tool-button svg{width:17px;height:17px}.tool-divider{height:18px;width:1px;background:#39434f;margin:0 7px}.tool-spacer{flex:1}.composer-canvas{position:relative}.rich-text-surface{min-height:310px;max-height:70vh;overflow:auto;padding:24px 28px;outline:none;white-space:pre-wrap;caret-color:#53bfff}.rich-text-surface[aria-invalid=true]{box-shadow:inset 0 0 0 1px #eaac85}.rich-text-surface ::selection{background:#22658c;color:#fff}.composer-placeholder{position:absolute;top:24px;left:28px;right:28px;pointer-events:none;color:#9baabc;font-size:15px}.rich-text textarea{width:100%;border:0!important;border-radius:0;background:#171c23}.composer-bottom{display:flex;align-items:center;gap:14px;border-top:1px solid #303842;padding:10px 16px;font-size:11px;color:#a6b6c7}.attach-button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#c2d3e6;font-size:12px;padding:5px 0;cursor:pointer}.attach-button:hover{color:#6bc5ff}.attach-button svg{height:16px;width:16px}.composer-count{margin-left:auto;font-variant-numeric:tabular-nums}.rich-text-error:not(:empty){padding:12px 16px;background:#3a2822;color:#f1c0a2;font-size:13px;border-radius:0 0 9px 9px}.composer-link{padding:14px 18px;border-bottom:1px solid #3b4856;background:#202c38}.composer-link label{font-size:12px;margin:0 0 7px;display:block}.composer-link>div{display:flex;gap:8px}.composer-link input{flex:1;min-width:0;padding:8px!important;font-size:13px}.composer-link button,.upload-row button{font-size:12px;border:1px solid #4e6378;color:#e1edf9;border-radius:4px;background:#20374b;padding:7px 10px;cursor:pointer}.composer-preview{min-height:310px;padding:24px 28px}.composer-preview[aria-busy=true]{opacity:.55}.composer-upload-list:not(:empty){padding:12px 16px;background:#121a24}.upload-row{display:grid;grid-template-columns:minmax(0,1fr) 80px auto auto;gap:10px;align-items:center;padding:8px 0;font-size:12px}.upload-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-row progress{width:80px;accent-color:#3fb5ff;height:5px}.upload-status{color:#b3c5d8;font-size:11px}.upload-row .upload-status{grid-column:1/-1;grid-row:2}.compose-submit{display:flex;align-items:center;gap:28px;padding-top:2px}.compose-submit p{max-width:500px;font-size:12px;line-height:1.6;color:#a7b6c7}.compose-submit .button{margin:0 0 0 auto;flex:none;gap:18px;border-radius:6px;clip-path:none;padding:13px 20px;font-size:13px}.reply-editor{background:transparent!important;padding:24px 0!important;border-top:1px solid #35414e}.reply-editor>label{font-size:19px;margin:0 0 4px}.reply-editor .rich-text-surface{min-height:180px}.reply-editor .hint{margin-top:0;font-size:12px!important;max-width:600px}.reply-editor>.button{margin-top:0}.lexical-image{position:relative;max-width:100%;margin:20px 0;white-space:normal}.lexical-image>img{display:block;max-width:100%;height:auto;border-radius:7px}.lexical-image-controls{display:flex;gap:6px;align-items:center;padding:8px;background:#202b37;border-radius:0 0 6px 6px}.lexical-image-controls input{font-size:12px!important;padding:6px 8px!important;min-width:0;flex:1;border:0!important;background:transparent!important}.lexical-image-controls button{padding:5px 8px;border:0;background:#314255;color:#d5e6fa;border-radius:4px;font-size:11px;cursor:pointer}.lexical-bold{font-weight:700}.lexical-italic{font-style:italic}.lexical-strike{text-decoration:line-through}.lexical-inline-code{font-family:ui-monospace,monospace;font-size:.88em;background:#25303d;color:#d5e8ff;padding:2px 5px;border-radius:4px}.rich-text-surface .lexical-codeblock{display:block;white-space:pre;overflow:auto;padding:20px;margin:20px 0;background:#10151d;border-radius:7px;font-family:ui-monospace,monospace;font-size:13px;line-height:1.8}.code-keyword{color:#b8a9ed}.code-string{color:#a5d9b2}.code-comment{color:#99a9b9}.code-number{color:#f1c689}.code-function{color:#8bcff1}
@media(max-width:700px){.compose-page{padding:0 18px;margin-top:24px}.compose-heading h1{font-size:28px}.compose-heading p{font-size:14px}.compose-fields{grid-template-columns:1fr;gap:14px}.compose-space{flex-direction:row!important;align-items:center}.compose-space select{flex:1;margin-left:12px;height:40px}.compose-author{padding-bottom:16px}.compose-submit{align-items:flex-start;flex-direction:column;gap:16px}.compose-submit .button{margin-left:0;width:100%}.rich-text-tools{gap:1px;padding:6px}.rich-text-tools select{width:105px;padding:5px!important}.tool-button{width:32px;height:40px}.tool-button[data-format=strikethrough],.tool-button[data-format=code]{display:none}.tool-divider{margin:0 4px}.rich-text-surface,.composer-preview{padding:20px 18px;min-height:270px}.composer-placeholder{top:20px;left:18px;right:18px;font-size:14px}.composer-bottom{padding:10px 12px;gap:8px}.composer-limit{display:none}.composer-link>div{flex-wrap:wrap}.composer-link input{flex-basis:100%}.upload-row{grid-template-columns:minmax(0,1fr) 60px auto auto}.upload-row progress{width:60px}.lexical-image-controls{flex-wrap:wrap}.lexical-image-controls input{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.rich-text,.tool-button{transition:none}}
.compose-fields>div{min-width:0}.compose-fields input:not([type=submit]),.compose-fields select{width:100%;min-width:0}

.rich-text-tools select{appearance:none;background-image:url("/assets/chevron-down-2382f72e.svg")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:14px!important;padding-right:30px!important}

/* Fixed-height native selects need room for the full font ascenders/descenders. */
.compose-fields select{padding-block:0;line-height:normal}