:root{--board-bg:#111820;--board-panel:#151c25;--board-card:#121820;--board-border:#303946;--board-text:#e6edf3;--board-muted:#8793a4;--board-accent:#5aa2ff;--board-input:#0d141b}
body.light-mode{--board-bg:#f4f6f8;--board-panel:#fff;--board-card:#fff;--board-border:#d7dce3;--board-text:#18212b;--board-muted:#66717f;--board-accent:#1769d1;--board-input:#f7f8fa}
.board-page{max-width:1000px}.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.board-toolbar h1,.board-toolbar h2{margin:0}.board-section{margin-bottom:18px}.board-section-title{font-size:16px;font-weight:700;margin:0 0 10px}.featured-grid{display:grid;grid-template-columns:1fr;gap:12px}.featured-card,.notice-card{border:1px solid var(--board-border);background:var(--board-panel);border-radius:12px;padding:14px}.featured-card a,.notice-card a,.post-link{text-decoration:none;color:inherit}.featured-card h3,.notice-card h3,.post-card h3{margin:0 0 8px}.preview{color:var(--board-muted);line-height:1.55;margin:0 0 10px}.meta{color:var(--board-muted);font-size:13px}.post-list{display:flex;flex-direction:column;gap:10px}.post-card{border:1px solid var(--board-border);background:var(--board-card);border-radius:12px;padding:14px}.post-actions,.detail-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}.action-btn{border:1px solid #303946;background:var(--board-panel);color:var(--board-text);border-radius:8px;padding:7px 10px;cursor:pointer}.action-btn.active{border-color:#6ea8fe}.share-wrap{position:relative}.share-menu{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:20;min-width:190px;padding:7px;border:1px solid var(--board-border);background:var(--board-bg);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.25)}.share-menu.open{display:block}.share-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--board-text);padding:9px;border-radius:7px;cursor:pointer}.share-menu button:hover{background:rgba(128,150,180,.10)}.comment{padding:11px 0;border-bottom:1px solid #27313d}.comment:last-child{border-bottom:0}.comment-actions{display:flex;gap:7px;margin-top:7px}.edit-area{width:100%;min-height:110px}.post-detail h1{margin-bottom:7px}.report-box{display:none;margin-top:10px;padding:10px;border:1px solid #303946;border-radius:9px;background:var(--board-bg)}.report-box.open{display:block}.inline-form{display:flex;gap:8px;flex-wrap:wrap}.collapsed-form{display:none}.collapsed-form.open{display:block}.notice-badge{display:inline-block;font-size:12px;padding:3px 7px;border-radius:999px;background:#2a2430;margin-right:6px}.empty{padding:24px;text-align:center;color:#8d99a8}@media(max-width:700px){.featured-grid{grid-template-columns:1fr}.board-toolbar{align-items:flex-start;flex-direction:column}}
.title-only-card{border:1px solid var(--board-border);background:var(--board-panel);border-radius:10px;padding:12px}.title-only-card h3{margin:0;font-size:15px}


/* Shared ChartView container sizing */
.board-page { width:100%; max-width:1440px; margin:0 auto; padding-left:24px; padding-right:24px; }
.board-page .board-toolbar { margin-bottom:18px; }
.board-section { width:100%; }
.board-page .featured-grid, .board-page .post-list { width:100%; }
.board-page h1 { font-size:clamp(22px,2.2vw,30px); line-height:1.3; }
.board-page h2 { font-size:clamp(18px,1.8vw,24px); line-height:1.35; }
.post-card h3, .title-only-card h3 { line-height:1.45; }
.preview, .post-detail, .comment { line-height:1.7; }
@media(max-width:700px){ .board-page{padding-left:12px;padding-right:12px;} .board-toolbar{gap:10px;} }


/* Guest credentials + shared editor */
.cv-guest-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:10px 0; }
.cv-editor { width:100%; }
.cv-editor-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding:8px; border:1px solid var(--border,#303744); border-bottom:0; border-radius:8px 8px 0 0; background:var(--panel,#171c25); }
.cv-editor-toolbar button, .cv-editor-color { border:1px solid var(--border,#303744); border-radius:6px; padding:6px 9px; background:transparent; color:inherit; cursor:pointer; }
.cv-editor-color { display:inline-flex; align-items:center; gap:4px; }
.cv-editor-color input { width:24px; height:24px; padding:0; border:0; background:transparent; }
.cv-editor-emoji-panel { width:100%; display:flex; flex-wrap:wrap; gap:4px; padding-top:6px; }
.cv-editor-emoji-panel[hidden] { display:none; }
.cv-editor-emoji-panel button { min-width:34px; padding:5px; }
.cv-editor textarea[data-editor-textarea] { border-radius:0 0 8px 8px; }
@media (max-width:700px){ .cv-guest-fields{grid-template-columns:1fr;} .cv-editor-toolbar{gap:4px;} .cv-editor-toolbar button,.cv-editor-color{padding:5px 7px;} }

.cv-editor-toolbar .cv-editor-color-swatch { background: var(--swatch) !important; color: transparent !important; border: 2px solid rgba(0,0,0,.22) !important; }