:root{--bg: #0f0f0f;--surface: #181818;--surface-2: #212121;--hover: #272727;--border: #303030;--text: #f1f1f1;--text-2: #aaaaaa;--accent: #ff2e4d;--accent-hover: #ff566f;--header-h: 56px;--sidebar-w: 240px;font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit}h1,h2,h3{margin:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#3a3a3a;border:3px solid var(--bg);border-radius:8px}.avatar-circle{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:600;flex:0 0 auto;line-height:1}.avatar-img{object-fit:cover;background:var(--surface-2)}.loader{display:grid;place-items:center;padding:80px 0}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:20px;font-weight:500;font-size:14px;white-space:nowrap;transition:background .12s,opacity .12s}.btn:disabled{opacity:.5;cursor:default}.btn--sm{padding:7px 14px;font-size:13px}.btn--primary{background:var(--text);color:var(--bg)}.btn--primary:hover:not(:disabled){opacity:.85}.btn--pill{background:var(--surface-2);color:var(--text)}.btn--pill:hover:not(:disabled){background:var(--hover)}.btn--pill.is-active{color:var(--accent)}.logo{display:inline-flex;align-items:center;gap:9px;padding-left:4px}.logo__badge{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:19px;line-height:1;color:#fff;background:var(--accent)}.logo__text{font-weight:700;font-size:20px;letter-spacing:-.5px}.logo--lg{gap:12px}.logo--lg .logo__badge{width:44px;height:44px;border-radius:13px;font-size:28px}.logo--lg .logo__text{font-size:26px}.app__body{display:flex;padding-top:var(--header-h)}.app__content{flex:1;min-width:0;margin-left:var(--sidebar-w);padding:0 clamp(16px,2vw,24px) 60px}@media (max-width: 1000px){.app__content{margin-left:0}}.header{position:fixed;inset:0 0 auto 0;height:var(--header-h);z-index:50;display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--bg)}.header__left{display:flex;align-items:center;gap:8px;flex:0 0 auto}.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--text);transition:background .15s}.icon-btn:hover{background:var(--hover)}.icon-btn svg{width:24px;height:24px}.search{flex:1;max-width:640px;display:flex;margin:0 auto}.search__input{flex:1;min-width:0;height:40px;padding:0 16px;font-size:15px;color:var(--text);background:#121212;border:1px solid var(--border);border-right:none;border-radius:40px 0 0 40px;outline:none}.search__input::placeholder{color:#888}.search__input:focus{border-color:#3b7cff}.search__btn{width:64px;height:40px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:0 40px 40px 0}.search__btn:hover{background:var(--hover)}.search__btn svg{width:22px;height:22px}.header__right{display:flex;align-items:center;gap:8px;flex:0 0 auto}@media (max-width: 560px){.logo__text{display:none}}.profile-menu{position:relative}.profile-menu__trigger{display:grid;place-items:center;border-radius:50%}.menu{position:absolute;right:0;top:46px;width:260px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:0 8px 30px #00000080;z-index:60}.menu__header{display:flex;gap:12px;align-items:center;padding:10px}.menu__name{margin:0;font-weight:600;font-size:15px}.menu__sub{margin:2px 0 0;font-size:13px;color:var(--text-2)}.menu__divider{height:1px;background:var(--border);margin:6px 4px}.menu__item{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;font-size:14px}.menu__item:hover{background:var(--hover)}.menu__login{margin:4px 0;padding:4px 12px;font-size:12px;color:var(--text-2)}.menu--wide{width:340px;max-width:92vw;padding:8px 6px}.menu__title{padding:8px 12px 4px;font-weight:600;font-size:15px}.notif__badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;line-height:1}.notif__list{max-height:60vh;overflow-y:auto}.notif{display:flex;gap:12px;padding:10px 12px;border-radius:8px}.notif:hover{background:var(--hover)}.notif.is-unread{background:#3b7cff14}.notif__icon{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-size:15px}.notif__body{min-width:0}.notif__msg{margin:0;font-size:13px;line-height:1.4}.notif__time{margin:3px 0 0;font-size:12px;color:var(--text-2)}.notif__empty{padding:20px 12px;text-align:center;color:var(--text-2);font-size:14px}.sidebar{position:fixed;top:var(--header-h);bottom:0;left:0;width:var(--sidebar-w);padding:12px;overflow-y:auto;background:var(--bg);z-index:40}.sidebar__scrim{display:none}.sidebar__group{display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;gap:20px;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--text);transition:background .12s}.sidebar__link:hover{background:var(--hover)}.sidebar__link.is-active{background:var(--surface-2);font-weight:600}.sidebar__icon{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto}.sidebar__icon svg{width:22px;height:22px}.sidebar__divider{height:1px;background:var(--border);margin:12px 6px}.sidebar__heading{margin:0 0 4px;padding:6px 12px 0;font-size:15px;font-weight:600}.sidebar__footer{padding:16px 12px;font-size:12px;color:#717171;line-height:1.8}.sidebar__copy{margin-top:12px;color:#555}@media (max-width: 1000px){.sidebar{transform:translate(-100%);transition:transform .2s ease;background:var(--surface)}.sidebar.is-open{transform:translate(0)}.sidebar__scrim.is-open{display:block;position:fixed;inset:var(--header-h) 0 0 0;background:#00000080;z-index:39}}.chips{position:sticky;top:var(--header-h);z-index:20;display:flex;gap:12px;overflow-x:auto;padding:12px 0;margin-bottom:8px;background:var(--bg);scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap;background:var(--surface-2);transition:background .12s}.chip:hover{background:#3f3f3f}.chip.is-active{background:#f1f1f1;color:#0f0f0f}.page{padding-top:4px}.page--narrow{max-width:720px;margin:0 auto;padding-top:24px}.page__title{font-size:20px;font-weight:500;margin:20px 0 4px}.page__count{color:var(--text-2);font-size:14px;margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px 16px}.card{display:block}.card__thumb{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--surface-2)}.card__img{width:100%;height:100%;object-fit:cover;display:block}.card__img--placeholder{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.card__duration{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;background:#000c}.card__duration--live{background:var(--accent);text-transform:uppercase;letter-spacing:.4px}.card__meta{display:flex;gap:12px;padding:12px 0 0}.card__text{min-width:0}.card__title{font-size:15px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__channel,.card__stats{margin:4px 0 0;font-size:13px;color:var(--text-2)}.card__channel:hover{color:var(--text)}.card__stats{margin-top:2px}.card--row{display:flex;gap:8px;margin-bottom:8px}.card--row .card__thumb{flex:0 0 168px;width:168px}.card--row .card__meta{padding:0}.card--row .avatar-circle{display:none}.card--row .card__title{font-size:14px}.watch{display:grid;grid-template-columns:minmax(0,1fr) 402px;gap:24px;padding-top:24px}@media (max-width: 1080px){.watch{grid-template-columns:1fr}}.player{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#000 center / cover no-repeat;display:grid;place-items:center;width:100%}.player--video{display:block}.player:not(.player--video):not(.promo-player):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#00000073)}.promo-player{overflow:hidden}.promo-player video{width:100%;height:100%;object-fit:contain;background:#000}.promo__tag{position:absolute;top:12px;left:12px;z-index:2;padding:4px 9px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.3px;color:#fff;background:#000000bf}.promo__skip{position:absolute;bottom:16px;right:16px;z-index:2;padding:9px 16px;border-radius:6px;font-size:14px;font-weight:600;color:#fff;background:#000c;border:1px solid rgba(255,255,255,.4)}.promo__skip:disabled{opacity:.8;cursor:default}.promo__skip:not(:disabled):hover{background:#000}.player__play{position:relative;z-index:1;width:72px;height:72px;border-radius:50%;background:#0009;display:grid;place-items:center;transition:transform .12s,background .12s}.player__play:hover{transform:scale(1.06);background:var(--accent)}.player__play:before{content:"";width:0;height:0;border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}.player__badge{position:absolute;z-index:1;left:12px;bottom:12px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;background:var(--accent);text-transform:uppercase;letter-spacing:.4px}.watch__title{margin:16px 0 12px;font-size:20px;font-weight:600;line-height:1.3}.watch__bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.watch__channel,.watch__channel-link{display:flex;align-items:center;gap:12px}.watch__channel-name{margin:0;font-weight:600;font-size:15px}.watch__channel-sub{margin:1px 0 0;font-size:12px;color:var(--text-2)}.watch__actions{display:flex;gap:8px;flex-wrap:wrap}.collabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 0}.collabs__label{font-size:13px;color:var(--text-2)}.collabs__chip{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border-radius:20px;background:var(--surface-2);font-size:13px;font-weight:500}.collabs__chip:hover{background:var(--hover)}.watch__desc{margin:16px 0;padding:12px;border-radius:12px;background:var(--surface-2);font-size:14px;line-height:1.5}.watch__desc-stats{margin:0 0 8px;font-weight:600}.watch__desc-empty{color:var(--text-2)}.comments{margin-top:24px}.comments__heading{font-size:16px;margin-bottom:20px}.comment-box{display:flex;gap:12px;align-items:center;margin-bottom:28px}.comment-box__input{flex:1;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:14px;padding:6px 0;outline:none}.comment-box__input:focus{border-bottom-color:var(--text-2)}.comment{display:flex;gap:12px;margin-bottom:18px}.comment__name{margin:0;font-weight:500;font-size:13px}.comment__time{color:var(--text-2);font-weight:400;margin-left:6px}.comment__body{margin:3px 0 0;font-size:14px;line-height:1.45}.comments__empty{color:var(--text-2);font-size:14px}.watch__side-heading{font-size:16px;margin-bottom:12px}.channel__header{display:flex;align-items:center;gap:20px;padding:24px 0 16px;flex-wrap:wrap}.channel__name{font-size:24px;font-weight:700}.channel__meta{margin:6px 0 0;color:var(--text-2);font-size:14px}.channel__actions{display:flex;gap:8px;flex-wrap:wrap}.channel__divider{height:1px;background:var(--border);margin-bottom:24px}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0%,#1b1b1b,var(--bg) 60%)}.auth__card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px}.auth__brand{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:24px}.auth__brand-text{font-weight:700;font-size:24px;letter-spacing:-1px}.auth__title{font-size:22px;text-align:center}.auth__subtitle{margin:6px 0 22px;text-align:center;color:var(--text-2);font-size:14px}.auth__notice{background:#2a1e00;border:1px solid #5a4300;color:#ffd479;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5;margin-bottom:18px}.auth__notice code{background:#00000059;padding:1px 5px;border-radius:4px;font-size:12px}.auth__form{display:flex;flex-direction:column;gap:16px}.auth__error{color:#ff6b6b;font-size:13px;margin:0}.auth__submit{justify-content:center;padding:12px;font-size:15px}.auth__hint{margin:20px 0 0;text-align:center;color:var(--text-2);font-size:13px}.auth__info{color:#7dd3fc;font-size:13px;margin:0;line-height:1.5}.auth__switch{margin:22px 0 0;text-align:center;color:var(--text-2);font-size:14px}.auth__link{color:#7dd3fc;font-weight:600}.auth__link:hover{text-decoration:underline}.auth__card--center{text-align:center}.pending__icon{font-size:46px;margin-bottom:6px}.pending__signout{margin-top:14px}.admin__section{margin-top:28px}.admin__heading{font-size:16px;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:8px}.admin__count{font-size:12px;font-weight:700;color:#0f0f0f;background:var(--text);border-radius:20px;padding:2px 8px}.admin__empty{color:var(--text-2);font-size:14px;padding:8px 0}.admin__row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border)}.admin__row-main{flex:1;min-width:0}.admin__row-title{margin:0;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin__row-sub{margin:4px 0 0;font-size:12px;color:var(--text-2);display:flex;align-items:center;gap:8px}.admin__row-actions{display:flex;gap:8px;flex:0 0 auto}.admin__you{font-size:11px;color:var(--text-2);border:1px solid var(--border);border-radius:20px;padding:1px 7px}.admin__row-main--avatar{display:flex;align-items:center;gap:12px}.admin__switch{display:inline-flex;align-items:center;gap:10px}.admin__switch-label{font-size:13px;color:var(--text-2)}.switch{position:relative;width:44px;height:26px;border-radius:20px;background:#3a3a3a;transition:background .15s;flex:0 0 auto}.switch.is-on{background:#22a06b}.switch:disabled{opacity:.5;cursor:default}.switch__knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.switch.is-on .switch__knob{transform:translate(18px)}.admin__danger{color:#ff6b6b}.admin__danger:hover:not(:disabled){background:#3a1515}.admin__edit{color:#c4b5fd}.admin__edit:hover:not(:disabled){background:#2a1e4d}.modal__card .field__hint{margin:-4px 0 4px}.badge{font-size:11px;font-weight:700;border-radius:20px;padding:2px 8px;text-transform:capitalize}.badge--ok{background:#10391f;color:#6ee7a0}.badge--warn{background:#3a2e00;color:#ffd479}.badge--bad{background:#3a1515;color:#ff8f8f}.badge--role{background:#2a1e4d;color:#c4b5fd;text-transform:none}.badge--premium{background:#3a2e00;color:#ffd479;text-transform:none}.watch__title .badge{margin-left:10px;vertical-align:middle}.admin__url{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkfield{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text);margin:6px 0 2px;cursor:pointer}.checkfield input{width:16px;height:16px;accent-color:var(--accent);flex:0 0 auto}.promo-form{display:flex;flex-direction:column;gap:12px;padding:16px;margin-bottom:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.promo-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 560px){.promo-form__grid{grid-template-columns:1fr}}.sidebar__link--admin.is-active{background:#2a1e4d}.menu__item--admin{color:#c4b5fd}.loader--full{min-height:100vh}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;color:var(--text-2)}.field__input{width:100%;padding:11px 14px;font-size:15px;color:var(--text);background:#121212;border:1px solid var(--border);border-radius:8px;outline:none}.field__input:focus{border-color:#3b7cff}.field__input--area{resize:vertical}.field__input--file{padding:9px 12px}.field__hint{font-size:12px;color:var(--text-2)}.dropzone{position:relative;border:2px dashed var(--border);border-radius:12px;background:#121212;padding:22px 16px;cursor:pointer;transition:border-color .15s,background .15s;outline:none}.dropzone:hover,.dropzone:focus-visible{border-color:#3b7cff}.dropzone.is-drag{border-color:#3b7cff;background:#14243f}.dropzone.has-file{border-style:solid;cursor:default;padding:14px 16px}.dropzone__empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;pointer-events:none}.dropzone__icon svg{width:34px;height:34px;color:var(--text-2)}.dropzone__text{margin:2px 0 0;font-size:14px;color:var(--text)}.dropzone__browse{color:#7dd3fc}.dropzone__hint{margin:0;font-size:12px;color:var(--text-2)}.dropzone__row{display:flex;align-items:center;gap:14px;pointer-events:none}.dropzone__thumb{width:120px;height:68px;object-fit:cover;border-radius:8px;flex:0 0 auto;background:var(--surface-2)}.dropzone__fileicon{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);flex:0 0 auto}.dropzone__fileicon svg{width:22px;height:22px;color:var(--text)}.dropzone__meta{min-width:0;display:flex;flex-direction:column;gap:3px}.dropzone__filename{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone__size{font-size:12px;color:var(--text-2)}.dropzone__clear{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;color:var(--text);background:var(--surface-2)}.dropzone__clear:hover{background:var(--hover)}.dropzone__url{margin-top:10px}.progress{margin-top:2px}.progress__head{display:flex;justify-content:space-between;font-size:13px;color:var(--text-2);margin-bottom:6px}.progress__track{height:8px;background:var(--surface-2);border-radius:6px;overflow:hidden}.progress__bar{height:100%;background:var(--accent);border-radius:6px;transition:width .15s ease}.form{display:flex;flex-direction:column;gap:18px}.form__actions{display:flex;gap:10px;justify-content:flex-end}.picker{min-height:100vh;display:grid;place-items:center;padding:40px 24px;background:radial-gradient(circle at 50% 0%,#1b1b1b,var(--bg) 60%)}.picker__inner{text-align:center;width:100%;max-width:720px}.picker__title{font-size:30px;font-weight:500}.picker__subtitle{margin:10px 0 36px;color:var(--text-2)}.picker__grid{display:flex;flex-wrap:wrap;gap:28px;justify-content:center}.picker__item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:12px;transition:background .12s}.picker__item:hover{background:var(--surface)}.picker__pick{display:flex;flex-direction:column;align-items:center;gap:12px}.picker__pick .avatar-circle{outline:2px solid transparent;transition:outline-color .12s}.picker__pick:hover .avatar-circle{outline-color:var(--text)}.picker__edit{font-size:13px;color:var(--text-2);padding:4px 10px;border-radius:20px}.picker__edit:hover{color:var(--text);background:var(--surface-2)}.picker__name{font-size:15px;font-weight:500}.picker__handle{font-size:13px;color:var(--text-2);margin-top:-6px}.picker__item--add .picker__add{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:44px;font-weight:300;color:var(--text-2);background:var(--surface-2);border:2px dashed var(--border)}.picker__signout{margin-top:40px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#0009}.modal__card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.modal__title{font-size:20px;margin-bottom:18px;text-align:center}.modal__preview{display:grid;place-items:center;margin-bottom:16px}.modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.swatches{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}.swatch{width:28px;height:28px;border-radius:50%;outline:2px solid transparent;outline-offset:2px;transition:outline-color .12s}.swatch.is-active{outline-color:var(--text)}.modal__card .field{margin-bottom:14px}.messages{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;height:calc(100vh - var(--header-h) - 24px);padding-top:12px}.messages__list{overflow-y:auto;border-right:1px solid var(--border);padding-right:8px}.messages__title{font-size:20px;padding:6px 10px 12px}.messages__empty{color:var(--text-2);font-size:14px;padding:10px;line-height:1.5}.convo{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px;border-radius:10px}.convo:hover{background:var(--hover)}.convo.is-active{background:var(--surface-2)}.convo__body{min-width:0;flex:1}.convo__name{margin:0;font-weight:500;font-size:14px;display:flex;align-items:center;gap:8px}.convo__badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:inline-grid;place-items:center}.convo__last{margin:2px 0 0;font-size:13px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread{display:flex;flex-direction:column;min-height:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.thread__placeholder{flex:1;display:grid;place-items:center;color:var(--text-2)}.thread__head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.thread__back{display:none;font-size:26px;line-height:1;color:var(--text);padding:0 4px}.thread__name{margin:0;font-weight:600;font-size:15px}.thread__handle{margin:1px 0 0;font-size:12px;color:var(--text-2)}.thread__scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.thread__empty{margin:auto;color:var(--text-2);font-size:14px}.bubble{max-width:75%;align-self:flex-start;background:var(--surface-2);border-radius:14px 14px 14px 4px;padding:8px 12px}.bubble--me{align-self:flex-end;background:#2a3f6b;border-radius:14px 14px 4px}.bubble__text{margin:0;font-size:14px;line-height:1.4;word-wrap:break-word}.bubble__time{font-size:11px;color:var(--text-2);display:block;margin-top:3px}.thread__compose{display:flex;gap:10px;padding:12px;border-top:1px solid var(--border)}.thread__input{flex:1;background:#121212;border:1px solid var(--border);border-radius:20px;color:var(--text);padding:10px 16px;font-size:14px;outline:none}.thread__input:focus{border-color:#3b7cff}@media (max-width: 800px){.messages{grid-template-columns:1fr}.messages.has-active .messages__list{display:none}.messages:not(.has-active) .thread{display:none}.thread__back{display:block}}.empty{text-align:center;padding:80px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty__title{margin:0;font-weight:500;font-size:18px}.empty__text{margin:0 0 16px;color:var(--text-2);font-size:14px}