main.ds .ds-inbox{grid-template-columns:264px minmax(0,1fr);block-size:560px;display:grid;overflow:hidden}main.ds .ds-list{border-inline-end:1px solid var(--app-border);flex-direction:column;min-inline-size:0;display:flex;overflow:hidden}main.ds .ds-list-head{border-block-end:1px solid var(--app-border);flex-direction:column;gap:4px;padding:14px 12px 0;display:flex}main.ds .ds-list-head .ui-tabs{border:0;gap:10px}main.ds .ds-list-head .ui-tabs>*{gap:4px;font-size:12px}main.ds .ds-conv{border-block-end:1px solid var(--app-border);grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px 16px;display:grid;position:relative}main.ds .ds-conv.on{background:color-mix(in srgb, var(--app-primary-soft), transparent 35%)}main.ds .ds-conv.on:before{content:"";background:var(--app-brand);border-start-end-radius:3px;border-end-end-radius:3px;inline-size:3px;position:absolute;inset-block:10px;inset-inline-start:0}main.ds .ds-ctop{align-items:center;gap:8px;display:flex}main.ds .ds-ctop .name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}main.ds .ds-ctop .time{color:var(--app-muted);white-space:nowrap;margin-inline-start:auto;font-size:12px}main.ds .ui .ds-conv.unread .name{font-weight:700}main.ds .ds-conv.unread .time{color:var(--app-primary-soft-fg);font-weight:500}main.ds .ds-conv .ui-vstack{min-inline-size:0}main.ds .ds-prev{-webkit-line-clamp:2;color:var(--app-muted);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}main.ds .ds-conv.unread .ds-prev{color:var(--app-fg)}main.ds .ds-cbot{align-items:flex-start;gap:4px;min-inline-size:0;margin-block-start:6px;display:flex}main.ds .ds-cbot .ui-tag{white-space:normal;overflow-wrap:anywhere;flex:0 auto;block-size:auto;min-block-size:22px;min-inline-size:0;padding-block:2px;line-height:1.6;display:block}main.ds .ds-cbot .ui-tag svg{vertical-align:-2px;margin-inline-end:5px;display:inline-block}main.ds .ds-unread{border-radius:var(--r-pill);background:var(--app-primary);block-size:20px;min-inline-size:20px;color:var(--app-card);place-items:center;margin-right:auto;padding-inline:6px;font-size:12px;font-weight:500;display:inline-grid}main.ds .ds-pres{align-self:flex-start;display:inline-grid;position:relative}main.ds .ds-pres.on:after{content:"";background:var(--app-success);block-size:9px;inline-size:9px;box-shadow:0 0 0 2px var(--app-card);border-radius:50%;position:absolute;inset-block-end:0;inset-inline-end:0}main.ds .ds-thread{flex-direction:column;min-block-size:0;min-inline-size:0;display:flex}main.ds .ds-thead{border-block-end:1px solid var(--app-border);align-items:center;gap:10px;min-block-size:60px;padding:10px 16px;display:flex;position:relative}main.ds .ds-online{color:var(--app-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}main.ds .ds-online:before{content:"";background:var(--app-success);border-radius:50%;block-size:6px;inline-size:6px}main.ds .ds-ctx{align-items:center;gap:12px;margin:12px 16px 0;display:flex}main.ds .ds-msgs{flex:1;justify-content:flex-end;min-block-size:0;padding:4px 16px 12px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 48px);mask-image:linear-gradient(#0000,#000 48px)}main.ds .ds-day{border-radius:var(--r-pill);background:var(--app-muted-bg);color:var(--app-muted);align-self:center;margin-block:8px 2px;padding:2px 10px;font-size:12px}main.ds .ds-row{align-items:flex-end;gap:8px;max-inline-size:80%;display:flex}main.ds .ds-row.in{align-self:flex-start}main.ds .ds-row.out{align-self:flex-end}main.ds .ds-row>.ui-avatar{margin-block-end:20px}main.ds .ds-stack{flex-direction:column;align-items:flex-start;gap:4px;min-inline-size:0;display:flex}main.ds .ds-row.out .ds-stack{align-items:flex-end}main.ds .ds-stack>.ui-bubble{max-inline-size:100%}main.ds .ds-meta{color:var(--app-muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}main.ds .ds-read{color:var(--app-info);display:inline-grid}main.ds .ds-read svg{block-size:14px;inline-size:14px}main.ds .ds-composer{border:1px solid var(--app-input);border-radius:var(--app-r-lg);background:var(--app-card);box-shadow:var(--app-shadow-xs);flex-direction:column;gap:6px;margin:0 16px 16px;padding:10px 12px 6px;font-size:14px;line-height:1.7;display:flex}main.ds .ds-composer.focus{border-color:var(--app-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--app-brand), transparent 85%)}main.ds .ds-tools{align-items:center;gap:4px;margin-inline:-6px;display:flex}main.ds .ds-kbd{color:var(--app-muted);font-size:12px}main.ds .ds-caret{vertical-align:text-bottom;background:var(--app-fg);block-size:1.1em;inline-size:1.5px;margin-inline-start:1px;display:inline-block}main.ds .ds-detail{grid-template-columns:minmax(0,1fr) 280px;block-size:600px}main.ds .ds-detail .ds-thread{border-inline-end:1px solid var(--app-border)}main.ds .ds-pressed{background:var(--app-hover);color:var(--app-fg)}main.ds .ds-menu{z-index:var(--z-raised);inline-size:220px;position:absolute;inset-block-start:50px;inset-inline-end:12px}main.ds .ds-details{background:var(--app-surface-2);flex-direction:column;min-inline-size:0;display:flex;overflow:hidden}main.ds .ds-dsec{border-block-end:1px solid var(--app-border);flex-direction:column;gap:10px;padding:16px;display:flex}main.ds .ds-dsec:last-child{border-block-end:0}main.ds .ds-profile{text-align:center;align-items:center;gap:6px}main.ds .ds-profile .ui-hstack{margin-block-start:6px}main.ds .ds-h{color:var(--app-muted);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}main.ds .ds-quick>span:not(.ds-h){align-items:center;gap:10px;font-size:13px;display:flex}main.ds .ds-quick svg{block-size:16px;inline-size:16px;color:var(--app-muted)}@media (width<=1100px){main.ds .ds-inbox,main.ds .ds-detail{grid-template-columns:minmax(0,1fr)}main.ds .ds-detail .ds-thread{border-inline-end:0}}@media (width<=700px){main.ds .ds-detail .ds-msgs>:nth-child(-n+3){display:none}}@media (width<=600px){main.ds .ds-inbox,main.ds .ds-detail{block-size:540px}main.ds .ds-row{max-inline-size:92%}main.ds .ds-menu{inline-size:200px}}main.ds .ds-lesson{align-items:center;gap:8px;padding:6px 14px 10px;display:flex}main.ds .ds-ptabs{gap:16px;padding-inline:16px}main.ds .ds-qa{background:var(--app-canvas);flex-direction:column;gap:12px;padding:12px 14px 16px;display:flex}main.ds .ds-back{color:var(--app-muted);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}main.ds .ds-back svg{block-size:14px;inline-size:14px}main.ds .ds-post{flex-direction:column;gap:8px;padding:14px;display:flex}main.ds .ds-post>b{font-size:15px;line-height:1.5}main.ds .ds-post>.ui-sm,main.ds .ds-reply .ui-sm{line-height:1.7}main.ds .ds-reply{border-color:color-mix(in srgb, var(--app-brand), transparent 70%);background:var(--app-primary-soft);gap:10px;padding:12px;display:flex}main.ds .ds-reply .ui-vstack{gap:4px}main.ds .ds-reply .ui-avatar{font-size:12px}main.ds .ds-write{background:var(--app-card)}main.ds .ds-saved{background:var(--app-surface-2);flex-direction:column;gap:10px;padding:16px;display:flex}main.ds .ds-saved .ds-composer{margin:0}main.ds .ds-pop{inline-size:min(100%,360px)}main.ds .sx-pins .sx-stage>.ui{max-inline-size:1040px;margin-inline:auto}main.ds .ds-menu .sx-pin[data-at=end]{inset-inline-end:8px}main.ds .ds-ctx .sx-pin{inset-inline-start:calc(var(--pin) * -.45);inset-inline-end:auto}@media (width<=600px){main.ds .ds-ctx .sx-pin,main.ds .ds-thead .ds-pin-sm{inset-inline-start:calc(var(--pin) * -.55);inset-inline-end:auto}}main.ds .sx-pins .ds-pin-sm{display:none}@media (width<=1100px){main.ds .sx-pins .ds-pin-sm{display:grid}}main.ds .sx-spot{--spot-copy:1fr;--spot-pic:540px}main.ds .ds-phone{--spot-max:330px}main.ds .ds-saved-fig>.ds-saved{box-shadow:none;background:0 0;border:0;gap:12px;padding:0}main.ds .ds-saved-fig .ds-pop{inline-size:min(100% - 43px,360px);box-shadow:var(--lift);margin-inline-start:43px}main.ds .ds-saved-fig .ds-composer{box-shadow:var(--lift)}main.ds .ds-ask{justify-items:end;gap:12px;display:grid}main.ds .ds-ask .ui-input.area{justify-self:stretch;min-block-size:64px}main.ds .ds-mini .ds-conv:last-child{border-block-end:0}main.ds .ds-ticket{align-items:center;gap:12px;padding:14px 16px;display:flex}main.ds .ds-ticket-foot{background:var(--app-surface-2);border-end-end-radius:inherit;border-end-start-radius:inherit;justify-content:space-between;gap:8px;padding-block:12px}@media (width<=600px){main.ds .ds-phone{--spot-max:290px}}