.bbes{flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;padding:0 14px 14px}[data-nav=topbar] .bbes{padding:0 var(--pad-page) 20px}.bbes__headwrap{flex:none}[data-nav=topbar] .bbes__headwrap{padding:var(--pad-page) var(--pad-page) 0}.bbes__side,.bbes__main{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid var(--mdt-line);border-radius:10px;background:var(--mdt-card);overflow:hidden}.bbes__sidehead{display:flex;align-items:center;gap:8px;padding:10px 10px 8px;border-bottom:1px solid var(--mdt-line)}.bbes__sidehead .inlinesearch{flex:1;min-width:0}.bbes__sidehead .inlinesearch input{width:100%}.bbes__listcount{padding:8px 12px 6px;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mdt-muted)}.bbes__list{flex:1;min-height:0;overflow-y:auto;padding:0 6px 10px}.bbes__list .empty{padding:26px 12px}.bbes__row{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.bbes__row:hover{background:var(--mdt-card-2)}.bbes__row.is-active{background:var(--mdt-card-2);border-color:var(--mdt-line-2)}.bbes__row+.bbes__row{margin-top:2px}.bbes__rowtext{flex:1;min-width:0}.bbes__rowtop,.bbes__rowbot{display:flex;align-items:center;gap:8px}.bbes__rowtop{margin-bottom:2px}.bbes__rowname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;color:var(--mdt-text)}.bbes__rowtime{flex:none;font-family:var(--font-mono);font-size:10px;color:var(--mdt-muted)}.bbes__rowsnip{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;color:var(--mdt-muted)}.bbes__row.is-unread .bbes__rowname{color:var(--mdt-text)}.bbes__row.is-unread .bbes__rowsnip{color:var(--mdt-text-2);font-weight:500}.bbes__unread{flex:none;min-width:18px;padding:1px 6px;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:16px;text-align:center}.bbes__threadhead{flex:none;display:flex;align-items:center;gap:11px;padding:11px 14px;border-bottom:1px solid var(--mdt-line)}.bbes__threadname{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--mdt-text)}.bbes__online{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--c-green)}.bbes__threadmeta{margin-top:2px;font-size:11.5px;color:var(--mdt-muted)}.bbes__stream{flex:1;min-height:0;overflow-y:auto;padding:16px 18px 10px;display:flex;flex-direction:column;gap:12px}.bbes__stream .empty{margin:auto}.bbes__day{display:flex;align-items:center;gap:10px;margin:4px 0;color:var(--mdt-muted);font-size:10.5px;font-weight:600;letter-spacing:.04em}.bbes__day:before,.bbes__day:after{content:"";flex:1;height:1px;background:var(--mdt-line)}.bbes__msg{display:flex;flex-direction:column;align-items:flex-start;max-width:74%}.bbes__msg.is-mine{align-self:flex-end;align-items:flex-end}.bbes__bubble{padding:9px 13px;border:1px solid var(--mdt-line-2);border-radius:12px 12px 12px 4px;background:var(--mdt-card-2);color:var(--mdt-text);font-size:13px;line-height:1.6}.bbes__msg.is-mine .bbes__bubble{border-color:transparent;border-radius:12px 12px 4px;background:var(--accent);color:#fff}.bbes__subject{margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--mdt-line-2);font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--mdt-text-2)}.bbes__msg.is-mine .bbes__subject{border-bottom-color:#ffffff47;color:#ffffffe0}.bbes__body{white-space:pre-wrap;word-break:break-word}.bbes__case{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:3px 8px;border:1px solid var(--mdt-line-2);border-radius:999px;background:none;color:var(--mdt-text-2);font-family:var(--font-mono);font-size:10.5px;cursor:pointer;transition:background var(--dur-fast) var(--ease)}.bbes__case:hover{background:var(--mdt-card)}.bbes__msg.is-mine .bbes__case{border-color:#ffffff52;color:#ffffffeb}.bbes__msg.is-mine .bbes__case:hover{background:#ffffff24}.bbes__meta{margin-top:4px;padding:0 3px;font-size:10px;color:var(--mdt-muted)}.bbes__composer{flex:none;padding:10px 14px 12px;border-top:1px solid var(--mdt-line);background:var(--mdt-card)}.bbes__composertop{margin-bottom:7px}.bbes__composer .textarea{width:100%;resize:vertical;min-height:64px}.bbes__composer.is-locked{opacity:.6}.bbes__composerfoot{display:flex;align-items:center;gap:9px;margin-top:8px}.bbes__composerfoot .btn:last-child{margin-left:0}.bbes__hint{margin-left:auto;font-size:10.5px;color:var(--mdt-muted)}.bbes__count{font-family:var(--font-mono);font-size:10.5px;color:var(--mdt-muted)}.bbes__count.is-over{color:var(--c-red);font-weight:700}.bbes__picker{margin-top:6px;max-height:210px;overflow-y:auto;border-radius:8px}.bbes__picker:not(:empty){border:1px solid var(--mdt-line-2);background:var(--mdt-card-2);padding:4px}.bbes__pickrow{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:0;border-radius:6px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.bbes__pickrow:hover{background:var(--mdt-card)}.bbes__pickname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;color:var(--mdt-text)}.bbes__pickmeta{font-size:11px;color:var(--mdt-muted)}.bbes__pickerempty{padding:10px 12px;font-size:11.5px;color:var(--mdt-muted)}.bbes__chosen{display:flex;align-items:center;gap:10px;margin:4px 0 12px;padding:9px 11px;border:1px dashed var(--mdt-line-2);border-radius:8px;background:var(--mdt-card-2)}.bbes__chosen.is-set{border-style:solid}.bbes__chosen .btn{margin-left:auto}.bbes__chosenname{font-size:12.5px;font-weight:600;color:var(--mdt-text)}.bbes__chosenid{font-family:var(--font-mono);font-size:10.5px;color:var(--mdt-muted)}.bbes__chosenempty{font-size:11.5px;color:var(--mdt-muted)}@media (max-width: 1100px){.bbes{grid-template-columns:250px minmax(0,1fr)}.bbes__msg{max-width:84%}}@media (max-width: 860px){.bbes{grid-template-columns:minmax(0,1fr)}.bbes__side{max-height:240px}}