@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300..800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Flex:opsz,slnt,wdth,wght,GRAD,XTRA,YOPQ@8..144,-10..0,25..151,100..1000,-200..150,323..603,25..135&family=Roboto+Serif:opsz,wdth,wght@8..144,50..150,100..900&display=swap";.pack-keyboard{background:var(--surface,#282337);color:inherit;border-radius:24px;padding:12px;max-width:100%;overflow:hidden;border:1px solid #ffffff18}.pack-tabs,.pack-kind-tabs,.pack-search,.pack-create{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:6px 0}.pack-create{flex-wrap:wrap}.pack-tabs button,.pack-kind-tabs button,.pack-keyboard button,.pack-upload button,.pack-create button{border:0;border-radius:14px;color:inherit;background:#ffffff10;padding:9px;cursor:pointer}.pack-tabs .active,.pack-kind-tabs .active{background:#9985e34d}.pack-kind-tabs{justify-content:center}.pack-search input,.pack-create input,.pack-upload input:not([type=range]){min-width:0;background:#ffffff0d;color:inherit;border:1px solid #ffffff20;border-radius:14px;padding:10px;flex:1}.pack-keyboard-body{height:260px;overflow:auto}.pack-grid{display:flex;flex-wrap:wrap;gap:8px;padding:8px}.pack-grid button{background:transparent}.pack-media{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;overflow:hidden}.pack-media img,.pack-media video{width:100%;height:100%;object-fit:contain}.pack-catalog-row{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:6px;text-align:left}.pack-catalog-row span{flex:1}.pack-catalog-row small{display:block;opacity:.6}.pack-card-item{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:110px}.pack-card-item small{overflow-wrap:anywhere}.pack-heading{width:100%;text-align:left}.pack-crop{width:220px;height:220px;position:relative;overflow:hidden;background:repeating-conic-gradient(#bbb 0 25%,#eee 0 50%) 0/20px 20px;border-radius:16px;margin:12px auto}.pack-crop img,.pack-crop video{width:100%;height:100%;object-fit:fill}.pack-upload label{display:flex;align-items:center;gap:10px}.pack-upload label input{flex:1}.pack-rich-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.pack-inline-button{display:inline-flex;vertical-align:middle;border:0;padding:0 1px;background:none;cursor:pointer}.pack-rich-composer{min-height:26px;max-height:150px;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:8px;outline:none;flex:1;line-height:1.7}.pack-rich-composer:empty:before{content:attr(data-placeholder);opacity:.45;pointer-events:none}.pack-composer-token{display:inline-block;vertical-align:middle;width:1.5em;height:1.5em;user-select:all}.pack-composer-token img{width:100%;height:100%;object-fit:contain}.profile-overlay{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:24px;background:#0000004d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:profile-overlay-in .22s ease-out}@keyframes profile-overlay-in{0%{opacity:0}to{opacity:1}}.profile-card{--profile-accent: 103, 80, 164;position:relative;width:min(440px,100%);max-height:min(86vh,760px);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow);isolation:isolate;animation:profile-card-in .34s cubic-bezier(.22,1,.36,1)}@keyframes profile-card-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-card__bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#15102b}.profile-card__bg--default{background:radial-gradient(120% 90% at 50% 0%,#7a5fc0,#5a3fa0 45%,#3c2a72)}.profile-card__bg-media{width:100%;height:100%;object-fit:cover;transform-origin:center}.profile-card__bg:after{content:"";position:absolute;inset:0;background:#00000073}.profile-glass-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;border-radius:inherit}.profile-glass-sheen{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background-color:#ffffff0f;box-shadow:inset 0 0 20px -5px #ffffff73}.profile-close{position:absolute;top:14px;right:14px;z-index:5;display:grid;place-items:center;width:36px;height:36px;border:none;border-radius:50%;color:var(--text);background:#00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:background .18s ease,transform .18s ease}.profile-close:hover{background:#00000080;transform:scale(1.05)}.profile-scroll{position:relative;z-index:2;max-height:inherit;overflow-y:auto;scrollbar-width:thin}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 24px 16px;text-align:center;box-sizing:border-box}.profile-avatar{width:116px;height:116px;border-radius:28px;overflow:hidden;box-shadow:0 12px 36px #00000073}.profile-avatar .avatar{width:100%;height:100%;border-radius:0}.profile-avatar .avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar--hidden{display:grid;place-items:center;font-size:36px;font-weight:700;color:var(--text);background:rgba(var(--profile-accent),.6)}.profile-name{margin:4px 0 0;font-size:30px;line-height:1.1;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}.profile-status{margin:0;font-size:13px;letter-spacing:.3px;color:#ffffffc7;text-transform:uppercase}.profile-actions{display:flex;justify-content:center;align-items:flex-start;gap:18px;width:100%;margin-top:12px}.profile-action{display:flex;flex-direction:column;align-items:center;gap:10px;width:92px;padding:0;border:none;background:transparent;color:#fff;cursor:pointer}.profile-action__icon{display:grid;place-items:center;width:60px;height:60px;line-height:0;border-radius:50%;background:rgba(var(--profile-accent),.5);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);transition:background .18s ease,transform .12s ease}.profile-action:hover:not(:disabled) .profile-action__icon{background:rgba(var(--profile-accent),.68)}.profile-action:active:not(:disabled) .profile-action__icon{transform:scale(.94)}.profile-action:disabled{opacity:.55;cursor:default}.profile-action__icon svg{width:24px;height:24px}.profile-action__label{font-size:12px;font-weight:600;line-height:1.2}.profile-field{width:100%;padding:14px 16px;border-radius:18px;text-align:left;background:rgba(var(--profile-accent),.5);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.profile-field__label{display:block;margin-bottom:4px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffffffb3}.profile-field__value{margin:0;font-size:15px;line-height:1.45;color:#fff;word-break:break-word}.profile-media{position:relative;z-index:2;padding:0 16px 20px;border-top:1px solid rgba(255,255,255,.08)}.profile-media__sticky{position:sticky;top:0;z-index:3;display:flex;justify-content:center;padding:14px 0 12px;background:linear-gradient(to bottom,#0000006b 60%,#0000);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.profile-tabs{position:relative;z-index:3;display:flex;gap:4px;padding:6px;margin:0 auto;border-radius:999px;background:#00000047;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:fit-content}.profile-tabs__pill{position:absolute;top:6px;left:6px;height:calc(100% - 12px);border-radius:999px;background:rgba(var(--profile-accent),.9);pointer-events:none;will-change:transform,width,border-radius}.profile-tab{position:relative;z-index:1;border:none;background:transparent;color:#ffffffb3;font-size:14px;font-weight:600;padding:8px 18px;border-radius:999px;cursor:pointer;transition:color .2s ease;font-family:var(--font-display)}.profile-tab.is-active{color:#fff}.profile-media__content{min-height:180px}.profile-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profile-media-tile{aspect-ratio:1;border-radius:14px;background:#ffffff0f;border:1px solid var(--stroke)}.profile-files{display:flex;flex-direction:column;gap:8px}.profile-file-row{height:56px;border-radius:14px;background:#ffffff0f;border:1px solid var(--stroke)}.profile-media-empty{grid-column:1 / -1;margin:12px 0 0;text-align:center;font-size:13px;color:#ffffff8c}.profile-card--plain{width:min(380px,100%);border:1px solid rgba(224,214,255,.16);background:#120a2b}.profile-card--plain .profile-card__bg--default{background:radial-gradient(125% 92% at 50% 0%,#7961b7,#51388d 42%,#211044 76%,#110824)}.profile-card--plain .profile-card__bg:after{background:linear-gradient(180deg,#00000008,#0000001f 42%,#0000006b)}.profile-card--plain .profile-glass-sheen{background:#ffffff06;box-shadow:inset 0 1px #ffffff1a}.profile-card--plain .profile-hero{gap:9px;padding:42px 24px 18px}.profile-card--plain .profile-avatar{order:1;width:112px;height:112px;border:3px solid rgba(235,229,255,.78);border-radius:28px;background:#6e57b1c2;box-shadow:0 14px 34px #08031859}.profile-card--plain .profile-name{order:2;margin-top:14px;font-size:30px;text-shadow:none}.profile-card--plain .profile-status{order:3;color:#fffc;text-transform:none}.profile-card--plain .profile-field--nickname{order:4;width:auto;margin-top:6px;padding:0;border-radius:0;text-align:center;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.profile-card--plain .profile-field--nickname .profile-field__label{display:none}.profile-card--plain .profile-field--nickname .profile-field__value{color:#ffffffb8}.profile-card--plain .profile-actions{order:5;margin:14px 0 4px}.profile-card--plain .profile-action__icon{background:#12082f80;box-shadow:inset 0 1px #ffffff14}.profile-card--plain .profile-action:hover:not(:disabled) .profile-action__icon{background:#24124db8}.profile-card--plain .profile-field--description{order:6;margin-top:8px;padding:13px 16px;border:1px solid rgba(255,255,255,.035);border-radius:17px;background:#0f07268c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.profile-card--plain .profile-field--description .profile-field__label{display:none}.profile-card--plain .profile-media{border-top-color:#ffffff0e}.profile-card--plain .profile-media__sticky{background:linear-gradient(to bottom,#0e0623b8 62%,#0e062300)}.profile-card--plain .profile-tabs{background:#0c051f80}.profile-card--plain .profile-tabs__pill{background:#684daddb}.profile-card--plain .profile-media-tile,.profile-card--plain .profile-file-row{background:#0c051f61}@media(max-width:520px){.profile-overlay{padding:0}.profile-card{width:100%;height:100%;max-height:100%;border-radius:0}.profile-card.profile-card--plain{width:calc(100% - 24px);height:auto;max-height:calc(100% - 24px);border-radius:28px}}.profile-edit-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:#05030eb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.profile-edit{display:flex;flex-direction:column;width:min(1040px,100%);max-height:min(92vh,900px);overflow:hidden;border:1px solid var(--stroke-strong);border-radius:28px;color:var(--text);background:#110d24fa;box-shadow:var(--shadow);animation:profile-card-in .3s cubic-bezier(.22,1,.36,1)}.profile-edit__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--stroke);background:#ffffff06}.profile-edit__header h2,.profile-edit__header p,.profile-edit-section h3{margin:0}.profile-edit__header h2{font:700 1.28rem/1.2 var(--font-display)}.profile-edit__header p{margin-top:4px;color:var(--muted);font-size:.82rem}.profile-edit__header-actions,.profile-edit__media-row>div{display:flex;align-items:center;gap:8px}.profile-edit__header-actions button{min-width:100px}.profile-edit__body{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(380px,1.15fr);min-height:0;overflow:hidden}.profile-edit__preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:24px;border-right:1px solid var(--stroke);background:radial-gradient(circle at 50% 12%,rgba(139,92,246,.22),transparent 50%),#0806148c}.profile-edit-card{position:relative;isolation:isolate;width:min(350px,100%);aspect-ratio:.78;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:28px;box-shadow:0 24px 60px #00000073}.profile-edit-card__background,.profile-edit-card__background img,.profile-edit-card__background video,.profile-edit-card__default-bg,.profile-edit-card__scrim{position:absolute;inset:0;width:100%;height:100%}.profile-edit-card__background img,.profile-edit-card__background video{object-fit:cover;transform-origin:center}.profile-edit-card__default-bg{background:radial-gradient(120% 90% at 50% 0%,#7a5fc0,#5a3fa0 45%,#3c2a72)}.profile-edit-card__scrim{z-index:1;background:linear-gradient(180deg,#00000029,#000000a3)}.profile-edit-card__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;height:100%;padding:42px 24px 24px;text-align:center}.profile-edit-card__avatar{display:grid;place-items:center;width:112px;height:112px;overflow:hidden;border:3px solid rgba(255,255,255,.65);border-radius:28px;color:#fff;background:#6750a4bf;box-shadow:0 12px 36px #0000006b;font-size:2rem;font-weight:750}.profile-edit-card__avatar img{width:100%;height:100%;object-fit:cover;transform-origin:center}.profile-edit-card h3{max-width:100%;margin:22px 0 4px;color:#fff;font-size:2rem;line-height:1.12;overflow-wrap:anywhere}.profile-edit-card__status,.profile-edit-card__nickname{color:#ffffffc2}.profile-edit-card__status{font-size:.82rem}.profile-edit-card__nickname{margin-top:14px;font-size:.92rem}.profile-edit-card p{width:100%;max-height:112px;margin:20px 0 0;padding:13px 15px;overflow:auto;border-radius:17px;color:#fff;background:#140c246b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:left;overflow-wrap:anywhere}.profile-edit-card small{margin-top:auto;padding:7px 10px;border-radius:999px;color:#ffffffc7;background:#0000004d;font-size:.68rem}.profile-edit__preview-note{max-width:340px;margin:14px 0 0;color:var(--muted);font-size:.74rem;text-align:center}.profile-edit__controls{min-height:0;overflow-y:auto;padding:20px;scrollbar-width:thin}.profile-edit__error{margin-bottom:14px;padding:10px 12px;border:1px solid rgba(251,113,133,.32);border-radius:14px;color:#fecdd3;background:#fb71851f;font-size:.84rem}.profile-edit-section{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--stroke);border-radius:20px;background:#ffffff06}.profile-edit-section+.profile-edit-section{margin-top:14px}.profile-edit-section h3{color:var(--accent-soft);font:650 1rem/1.2 var(--font-display)}.profile-edit-field{display:flex;flex-direction:column;gap:6px}.profile-edit-field>span,.profile-edit__media-row>span{color:var(--muted);font-size:.78rem}.profile-edit-field input,.profile-edit-field textarea,.profile-edit-field select{width:100%;border:1px solid var(--stroke-strong);border-radius:13px;outline:none;color:var(--text);background:#04030e70;padding:10px 12px}.profile-edit-field textarea{resize:vertical;min-height:92px}.profile-edit-field input:focus,.profile-edit-field textarea:focus,.profile-edit-field select:focus{border-color:#c084fc94;box-shadow:0 0 0 3px #8b5cf61f}.profile-edit-field option,.profile-edit-field optgroup{color:#f1edff;background:#17112e}.profile-edit__file-input{display:none}.profile-edit__media-row,.profile-edit__switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-edit__media-row{padding:7px 0}.profile-edit__media-row .secondary-button,.profile-edit__danger{min-height:34px;padding:7px 11px;font-size:.76rem}.profile-edit__danger{border:1px solid rgba(251,113,133,.28);border-radius:11px;color:#fda4af;background:#fb718514}.profile-edit__danger:hover{background:#fb718529}.profile-edit__switch-row{padding-top:8px;border-top:1px solid var(--stroke)}.profile-edit__switch-row>span{display:flex;flex-direction:column;gap:3px}.profile-edit__switch-row strong{font-size:.84rem}.profile-edit__switch-row small,.profile-edit-section__hint{color:var(--muted);font-size:.72rem}.profile-edit__switch-row input{appearance:none;position:relative;flex:none;width:44px;height:26px;border-radius:999px;background:#ffffff24;transition:background .18s ease}.profile-edit__switch-row input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .18s ease}.profile-edit__switch-row input:checked{background:var(--accent)}.profile-edit__switch-row input:checked:after{transform:translate(18px)}.profile-edit-section__hint{margin:0;line-height:1.45}.profile-edit__font-targets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;border-radius:14px;background:#0003}.profile-edit__font-targets button{min-width:0;padding:8px 5px;border:none;border-radius:10px;color:var(--muted);background:transparent;font-size:.72rem}.profile-edit__font-targets button.is-active{color:#fff;background:#8b5cf67a}.profile-edit__font-preview{min-height:74px;display:grid;place-items:center;overflow-wrap:anywhere;padding:14px;border:1px solid var(--stroke);border-radius:16px;background:#0000003d;font-size:1.25rem;text-align:center}.profile-edit__axes{display:flex;flex-direction:column;gap:12px}.profile-edit__axis{display:flex;flex-direction:column;gap:6px}.profile-edit__axis>span{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.75rem}.profile-edit__axis b{color:var(--text);font-weight:550}.profile-edit__axis output{min-width:48px;padding:2px 7px;border-radius:999px;background:#ffffff12;text-align:center;font-variant-numeric:tabular-nums}.profile-edit__axis input[type=range]{width:100%;accent-color:var(--accent-soft)}@media(max-width:820px){.profile-edit-overlay{padding:0}.profile-edit{width:100%;height:100%;max-height:none;border:none;border-radius:0}.profile-edit__body{display:block;overflow-y:auto}.profile-edit__preview,.profile-edit__controls{overflow:visible}.profile-edit__preview{min-height:500px;border-right:none;border-bottom:1px solid var(--stroke)}.profile-edit__controls{padding-bottom:32px}}@media(max-width:540px){.profile-edit__header{align-items:flex-start;padding:14px}.profile-edit__header p,.profile-edit__header-actions .secondary-button{display:none}.profile-edit__header-actions button{min-width:0}.profile-edit__preview{min-height:470px;padding:18px}.profile-edit__controls{padding:14px}.profile-edit__font-targets{grid-template-columns:repeat(2,minmax(0,1fr))}}.profile-action--danger{color:var(--danger)}.group-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--stroke);padding-bottom:10px}.group-tab{appearance:none;border:1px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:.86rem;padding:7px 14px;border-radius:999px;cursor:pointer;transition:background .18s,color .18s}.group-tab:hover{color:var(--text)}.group-tab.is-active{background:#8b5cf62e;color:var(--text);border-color:#8b5cf666}.group-muted{color:var(--muted);font-size:.82rem}.group-basic-editor{display:flex;flex-direction:column;gap:12px;margin:14px 0}.group-field{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--muted)}.group-field input,.group-field textarea{background:var(--surface);border:1px solid var(--stroke);border-radius:14px;padding:10px 12px;color:var(--text);font:inherit;resize:vertical}.group-basic-editor .primary-button{align-self:flex-start}.group-members{display:flex;flex-direction:column;gap:8px}.group-member{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:10px 12px}.group-member__main{display:flex;align-items:center;gap:10px}.group-member__info{display:flex;flex-direction:column;min-width:0;flex:1}.group-member__info strong{color:var(--text);font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-member__info span{color:var(--muted);font-size:.78rem}.group-callsign{color:var(--accent-soft);font-weight:600}.group-member__more{appearance:none;border:1px solid var(--stroke);background:transparent;color:var(--muted);border-radius:10px;width:30px;height:30px;cursor:pointer;font-size:.7rem}.group-member__actions{margin-top:10px;display:flex;flex-direction:column;gap:10px}.group-member__buttons{display:flex;flex-wrap:wrap;gap:8px}.group-member__buttons .secondary-button{padding:6px 12px;font-size:.8rem}.group-danger{color:var(--danger)!important;border-color:#fb718566!important}.group-role-tag{font-size:.7rem;padding:3px 9px;border-radius:999px;white-space:nowrap}.group-role-tag--owner{background:#22d3ee29;color:#67e8f9}.group-role-tag--admin{background:#8b5cf62e;color:var(--accent-soft)}.group-perms{display:flex;flex-direction:column;gap:6px}.perm-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px}.perm-switch__label{color:var(--text);font-size:.86rem}.perm-switch__track{appearance:none;border:none;cursor:pointer;width:44px;height:26px;border-radius:999px;background:#ffffff1f;position:relative;flex:none;transition:background .18s}.perm-switch__track.is-on{background:var(--accent)}.perm-switch__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .18s}.perm-switch__track.is-on .perm-switch__thumb{transform:translate(18px)}.perm-group{border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:6px 12px;margin:6px 0}.perm-group__title{display:block;color:var(--muted);font-size:.78rem;margin:6px 0;text-transform:uppercase;letter-spacing:.04em}.group-perm-editor{border:1px solid var(--stroke);border-radius:14px;padding:8px 12px}.group-perm-editor summary{cursor:pointer;color:var(--accent-soft);font-size:.82rem;user-select:none}.tri-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}.tri-toggle__label{color:var(--text);font-size:.82rem}.tri-toggle__seg{display:inline-flex;border:1px solid var(--stroke);border-radius:10px;overflow:hidden;flex:none}.tri-toggle__seg button{appearance:none;border:none;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;padding:5px 10px;cursor:pointer}.tri-toggle__seg button.is-active{background:var(--accent);color:#fff}@font-face{font-family:Montserrat;src:url(/fonts/montserrat.ttf) format("truetype-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/playfair_display.ttf) format("truetype-variations");font-weight:400 900;font-display:swap}@font-face{font-family:Google Sans;src:url(/fonts/google_sans.ttf) format("truetype-variations");font-weight:400 700;font-display:swap}@font-face{font-family:Unbounded;src:url(/fonts/unbounded.ttf) format("truetype-variations");font-weight:200 900;font-display:swap}@font-face{font-family:Climate Crisis;src:url(/fonts/climate_crisis.ttf) format("truetype-variations");font-display:swap}@font-face{font-family:Oi;src:url(/fonts/oi.ttf) format("truetype");font-display:swap}@font-face{font-family:"Press Start 2P";src:url(/fonts/press_start_2p.ttf) format("truetype");font-display:swap}:root{color-scheme:dark;--bg: #0d0a1c;--bg-deep: #080614;--surface: rgba(255, 255, 255, .045);--surface-strong: rgba(24, 19, 46, .92);--stroke: rgba(238, 232, 255, .09);--stroke-strong: rgba(238, 232, 255, .16);--text: #f1edff;--muted: #9c94bd;--accent: #8b5cf6;--accent-soft: #c084fc;--accent-2: #22d3ee;--danger: #fb7185;--shadow: 0 24px 70px rgba(3, 1, 12, .55);--radius-xl: 28px;--radius-lg: 20px;--font-display: "Roboto Condensed", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Roboto Flex,sans-serif;color:var(--text);background:radial-gradient(circle at 12% -4%,rgba(139,92,246,.22),transparent 32%),radial-gradient(circle at 88% 12%,rgba(34,211,238,.1),transparent 30%),radial-gradient(circle at 70% 96%,rgba(236,72,153,.08),transparent 34%),linear-gradient(180deg,#110d24 0%,var(--bg) 46%,var(--bg-deep) 100%);overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:#8b5cf666}.page-shell{position:relative;min-height:100vh;min-height:100dvh;padding:24px;overflow:hidden}.page-shell__glow{position:absolute;width:420px;height:420px;border-radius:999px;filter:blur(70px);pointer-events:none;opacity:.5}.page-shell__glow--left{top:-100px;left:-120px;background:#8b5cf647}.page-shell__glow--right{right:-150px;bottom:-150px;background:#22d3ee29}.notice{position:fixed;top:20px;left:50%;z-index:30;transform:translate(-50%);padding:14px 18px;border-radius:999px;box-shadow:var(--shadow);backdrop-filter:blur(14px);border:1px solid var(--stroke)}.notice--error{background:#5b1224f0;color:#ffe4ea}.notice--info{background:#241c46f0;color:#efe9ff}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:999px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{padding:13px 18px;background:linear-gradient(135deg,var(--accent),var(--accent-soft));color:#160b2e;font-weight:800;box-shadow:0 14px 32px #8b5cf652}.secondary-button{padding:13px 18px;background:#eee8ff14;color:var(--text);font-weight:700;border:1px solid var(--stroke)}.ghost-button{padding:10px 14px;background:#eee8ff0f;color:var(--text);font-weight:700}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.search-user:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.6;transform:none;cursor:default}.icon-button{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--stroke);border-radius:16px;background:var(--surface);color:var(--muted);transition:color .16s ease,background .16s ease,transform .16s ease}.icon-button:hover{color:var(--text);background:#eee8ff1a;transform:translateY(-1px)}.field{display:flex;flex-direction:column;gap:8px}.field span{font-size:.92rem;color:var(--muted)}.field input,.field textarea,.chat-composer textarea,.home__search{width:100%;border:1px solid var(--stroke-strong);border-radius:16px;background:#08061499;color:var(--text);padding:14px 16px;outline:none}.field input::placeholder,.field textarea::placeholder,.chat-composer textarea::placeholder,.home__search::placeholder{color:#9c94bdb3}.field input:focus,.field textarea:focus,.chat-composer textarea:focus,.home__search:focus{border-color:#8b5cf699;box-shadow:0 0 0 4px #8b5cf629}.settings-select{width:100%;border:1px solid var(--stroke-strong);border-radius:16px;background-color:#08061499;color:var(--text);padding:12px 40px 12px 14px;outline:none;font-weight:600;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239c94bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}.settings-select:focus{border-color:#8b5cf699;box-shadow:0 0 0 4px #8b5cf629}.settings-select option{background:#16112c;color:var(--text)}.settings-body{display:flex;flex-direction:column;gap:14px}.settings-hint{margin:0;color:var(--muted);font-size:.9rem}.settings-hint strong{color:var(--text)}.empty-state{height:100%;border-radius:var(--radius-lg);border:1px dashed var(--stroke-strong);background:#eee8ff08;display:grid;place-items:center;padding:28px;text-align:center;color:var(--muted)}.empty-state.compact{height:auto;min-height:120px}.auth-layout,.messenger-layout{position:relative;z-index:1;display:grid;gap:24px}.auth-layout{grid-template-columns:minmax(0,1.2fr) minmax(360px,520px);min-height:calc(100vh - 48px)}.auth-hero,.auth-panel,.modal{border:1px solid var(--stroke);border-radius:var(--radius-xl);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.auth-hero{padding:42px;background:linear-gradient(150deg,#1e1640f5,#391e6ed1);color:var(--text);display:flex;flex-direction:column;justify-content:space-between}.auth-hero__badge{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;background:#eee8ff1a;color:var(--muted);font-size:.84rem;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-display)}.auth-hero h1{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(2.4rem,5vw,4.4rem);line-height:.98;margin:20px 0 16px;max-width:14ch}.auth-hero p{max-width:56ch;color:var(--muted);line-height:1.65}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.hero-stats__card{padding:18px;border-radius:var(--radius-lg);background:#eee8ff0f;display:flex;flex-direction:column;gap:8px}.hero-stats__card span{color:var(--muted);font-size:.88rem}.hero-stats__card strong{font-family:var(--font-display);font-size:1.1rem}.auth-panel{padding:28px;background:var(--surface-strong);display:flex;flex-direction:column;justify-content:center}.auth-panel__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}.auth-panel__tabs button{border:0;border-radius:999px;padding:12px 16px;background:#eee8ff0f;color:var(--muted);font-weight:700;transition:background .16s ease,color .16s ease}.auth-panel__tabs button.is-active{background:linear-gradient(135deg,var(--accent),var(--accent-soft));color:#160b2e}.auth-form,.group-form,.modal-search{display:flex;flex-direction:column;gap:16px}.auth-panel__status{margin-top:18px;padding-top:18px;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;color:var(--muted)}.messenger-layout{height:calc(100vh - 48px);height:calc(100dvh - 48px);overflow:hidden}.home{display:flex;flex-direction:column;gap:20px;min-height:0;height:100%}.home__topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.home__topbar-actions{display:flex;gap:10px}.profile-chip{display:flex;align-items:center;gap:14px;padding:10px 18px 10px 10px;border:1px solid var(--stroke);border-radius:20px;background:var(--surface-strong);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.profile-chip--button{color:inherit;text-align:left;transition:border-color .18s ease,transform .18s ease,background .18s ease}.profile-chip--button:hover{border-color:var(--stroke-strong);background:#1d1737f5;transform:translateY(-1px)}.profile-chip--button:active{transform:translateY(0)}.profile-chip__names{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-chip__names strong{font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-chip__names span{color:var(--muted);font-size:.86rem}.presence{width:10px;height:10px;border-radius:50%;flex:none;margin-left:4px}.presence--online{background:#34d399;box-shadow:0 0 10px #34d399cc}.presence--connecting{background:#fbbf24;box-shadow:0 0 10px #fbbf24b3}.presence--offline,.presence--error{background:var(--danger);box-shadow:0 0 10px #fb7185b3}.home__toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.home__scroll{flex:1;min-height:0;display:flex;flex-direction:row;align-items:stretch;gap:48px;overflow-x:auto;overflow-y:hidden;padding-bottom:10px}.home__scroll>.empty-state{width:100%}.home__section{flex:none;display:flex;flex-direction:column;gap:14px;min-height:0}.home__heading{margin:0;font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:.04em}.tile-grid{flex:1;min-height:0;display:grid;grid-template-rows:repeat(3,minmax(130px,1fr));grid-auto-flow:column dense;grid-auto-columns:184px;gap:14px}.tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:16px;border:0;border-radius:var(--radius-lg);text-align:left;overflow:hidden;box-shadow:0 14px 36px #03010c66;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.tile:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 20px 48px #03010c8c;filter:saturate(1.08)}.tile--m{grid-row:span 2}.tile--l{grid-column:span 2}.tile__bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.tile__scrim{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#05030d00 35%,#05030d73 70%,#05030dcc);pointer-events:none}.tile__glass{position:absolute;inset:0;z-index:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}.tile__top,.tile__body{position:relative;z-index:1}.tile--media .tile__title,.tile--media .tile__snippet,.tile--media .tile__time{text-shadow:0 1px 6px rgba(3,1,12,.6)}.tile__top{display:flex;justify-content:space-between;align-items:flex-start}.tile__unread{width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff38,0 0 14px #fffc}.tile__body{display:flex;flex-direction:column;gap:4px;min-width:0}.tile__title{font-size:1.16rem;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile--l .tile__title{font-size:1.35rem}.tile__snippet{margin:0;font-size:.86rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile--m .tile__snippet{-webkit-line-clamp:4}.tile__time{font-size:.76rem;font-weight:700;letter-spacing:.03em}.context-menu{position:fixed;z-index:25;min-width:210px;display:grid;gap:5px;padding:8px;border-radius:18px;border:1px solid var(--stroke-strong);background:var(--surface-strong);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.context-menu button{display:flex;align-items:center;gap:8px;padding:11px 13px;border:0;border-radius:13px;background:#eee8ff0a;color:var(--text);text-align:left;font-weight:600;transition:background .14s ease}.context-menu button:hover{background:#8b5cf62e}.context-menu button.is-active{background:#8b5cf647;color:#efe6ff}.context-menu__caption{padding:6px 13px 2px;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.context-menu__divider{height:1px;margin:3px 6px;background:var(--stroke-strong)}.context-menu__danger{color:var(--danger)!important;background:#fb71851a!important}.context-menu__danger:hover{background:#fb718533!important}.chat-panel{height:100%;min-height:0;min-width:0;overflow:hidden;border:1px solid var(--stroke);border-radius:var(--radius-xl);box-shadow:var(--shadow);backdrop-filter:blur(18px);background:linear-gradient(180deg,#18132ee0,#0d0a1ceb);padding:22px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px}.chat-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}.round-button{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:999px;border:1px solid var(--stroke-strong);color:var(--text);background:var(--surface-strong);transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.round-button:hover:not(:disabled){background:#eee8ff1f;transform:translateY(-1px)}.round-button:disabled{opacity:.45;cursor:default}.chat-header__back{justify-self:start}.chat-header__actions{justify-self:end;display:flex;align-items:center;gap:10px}.chat-header__peer{justify-self:center;display:flex;align-items:center;gap:14px;min-width:0;max-width:100%;border-radius:18px;padding:4px 8px}.chat-header__peer.is-clickable{cursor:pointer;transition:background .15s ease}.chat-header__peer.is-clickable:hover{background:#ffffff0d}.chat-header__peer-text{min-width:0}.chat-header__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.chat-header__title{margin:0;font-size:clamp(1.45rem,2.6vw,2.15rem);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44vw}.chat-header__status{margin:5px 0 0;color:var(--muted);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-type-chip{padding:5px 9px;border-radius:999px;background:#8b5cf629;color:var(--accent-soft);font-size:.66rem;font-weight:800;text-transform:uppercase;font-family:var(--font-display);letter-spacing:.06em}.chat-history-shell{min-height:0;overflow:hidden}.chat-history{min-height:0;height:100%;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:4px 8px 4px 2px}.msg{display:flex;align-items:flex-start;gap:10px;max-width:100%}.msg--in{align-self:flex-start}.msg--own{align-self:flex-end;flex-direction:row-reverse}.msg__avatar{flex:none;width:34px}.msg__col{display:flex;flex-direction:column;min-width:0;max-width:min(74vw,560px)}.msg--own .msg__col{align-items:flex-end}.msg--media .msg__col{max-width:min(78vw,640px)}.msg__author{font-size:.78rem;font-weight:800;color:var(--accent-soft);margin:1px 6px 5px}.msg__bubble{position:relative;max-width:100%;padding:12px 15px;border-radius:22px 22px 22px 7px;background:var(--in-bubble-bg, #2b2542);color:var(--in-bubble-on, var(--text));overflow-wrap:anywhere}.msg--own .msg__bubble{border-bottom-left-radius:22px;border-bottom-right-radius:7px;background:linear-gradient(135deg,#322b49,#272132);color:var(--text)}.msg--bare .msg__bubble{background:transparent;padding:2px 0 0}.msg__meta{display:flex;align-items:center;gap:12px;margin:6px 6px 0;color:var(--muted);font-size:.72rem;font-weight:600}.msg--own .msg__meta{justify-content:space-between;min-width:190px}.msg__status{color:var(--accent-soft)}.message-bubble__text{margin:0;white-space:pre-wrap;line-height:1.5}.message-bubble__link{color:var(--accent-2);text-decoration-thickness:2px;word-break:break-all}.message-reply,.message-forward,.message-transcription{border-radius:14px;padding:9px 12px;margin-bottom:9px;background:#08061447;color:inherit;border-left:3px solid currentColor}.message-reply strong{display:block;margin-bottom:3px}.chat-composer{display:flex;flex-direction:column;gap:12px}.composer-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:end}.composer-tools{position:relative}.composer-attach{color:var(--muted)}.composer-attach.is-on,.composer-attach:hover:not(:disabled){color:var(--text)}.composer-tray{position:absolute;left:0;bottom:calc(100% + 10px);z-index:12;display:flex;flex-direction:column;gap:4px;padding:8px;min-width:212px;border-radius:16px;border:1px solid var(--stroke-strong);background:var(--surface-strong);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.composer-tray button{display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:11px;background:transparent;color:var(--text);font-weight:600;text-align:left}.composer-tray button:hover{background:#eee8ff14}.composer-tray button.is-active{background:#8b5cf638}.composer-tray__glyph{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#eee8ff14;font-size:.9rem;font-weight:800}.composer-field{position:relative;display:flex;align-items:end;border:1px solid var(--stroke-strong);border-radius:22px;background:#08061499;transition:border-color .16s ease,box-shadow .16s ease}.composer-field:focus-within{border-color:#8b5cf699;box-shadow:0 0 0 4px #8b5cf629}.composer-field textarea{flex:1;min-width:0;min-height:56px;max-height:180px;resize:none;border:0;background:transparent;padding:16px 56px 16px 18px;border-radius:22px}.composer-field textarea:focus{border:0;box-shadow:none}.composer-constructor{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:999px;color:#efe9ff;background:#8b5cf652;transition:background .16s ease,transform .16s ease}.composer-constructor:hover:not(:disabled){background:#8b5cf680;transform:translateY(-1px)}.composer-constructor:disabled{opacity:.4;cursor:default}.composer-send{background:linear-gradient(135deg,var(--accent),var(--accent-soft));color:#160b2e;border:0;box-shadow:0 14px 30px #8b5cf657}.composer-reply{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2)}.composer-reply strong,.composer-reply span{display:block}.composer-reply span{color:var(--muted);font-size:.9rem;margin-top:4px}.avatar{position:relative;display:grid;place-items:center;border-radius:24px;overflow:hidden;flex:none;font-family:var(--font-display);font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--sm{width:34px;height:34px;border-radius:12px}.avatar--md{width:48px;height:48px;border-radius:16px}.avatar--lg{width:58px;height:58px;border-radius:18px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#04020ca8;display:grid;place-items:center;padding:24px}.modal{width:min(100%,640px);background:var(--surface-strong);padding:26px}.modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.modal__header h3{margin:0 0 6px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:1.4rem}.modal__header p{margin:0;color:var(--muted)}.inline-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.search-results{display:grid;gap:10px}.search-user{width:100%;display:flex;align-items:center;gap:14px;border:1px solid var(--stroke);border-radius:18px;padding:13px;background:#eee8ff0a;text-align:left;color:var(--text);transition:transform .16s ease,background .16s ease}.search-user:hover{background:#8b5cf61f}.search-user span{color:var(--muted);font-size:.88rem}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,min(100%,280px)));gap:12px;margin-bottom:10px}.attachment-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;border-radius:16px;overflow:hidden;border:1px solid var(--stroke);background:#08061480}.attachment-card--image,.attachment-card--video{background:#080614b3}.attachment-card--video{gap:0}.attachment-card--music{width:min(420px,72vw);max-width:100%;grid-column:1 / -1;overflow:visible;border:0;background:transparent}.attachment-card--video .inline-video-player{border-radius:0;box-shadow:none;width:100%}.attachment-card--video .attachment-card__meta{padding:8px 12px 10px}.attachment-card img,.attachment-card__file{width:100%;height:180px;object-fit:cover}.attachment-card__image-button{padding:0;border:0;background:transparent;width:100%}.attachment-card__image-button img{display:block;width:100%;height:220px;object-fit:cover}.attachment-card__file{display:grid;place-items:center;background:linear-gradient(135deg,#312e81e6,#6d28d9b3);color:var(--text);font-weight:800}.attachment-card__file-link{text-decoration:none}.attachment-card__meta{padding:0 12px 12px;display:flex;flex-direction:column;gap:4px}.attachment-card__meta span{font-size:.8rem;color:var(--muted)}.inline-video-player{position:relative;border-radius:18px;overflow:hidden;width:min(100%,460px);background:#05030d;box-shadow:0 8px 28px #03010c80}.inline-video-player--compact{width:min(100%,360px)}.inline-video-player.is-portrait{width:min(100%,300px)}.inline-video-player.is-portrait.inline-video-player--compact{width:min(100%,240px)}.inline-video-player__stage{position:relative;width:100%;padding:0;border:0;background:transparent;cursor:pointer;outline:none}.inline-video-player__stage:focus-visible{outline:2px solid rgba(139,92,246,.8);outline-offset:2px}.inline-video-player__video{display:block;width:100%;height:auto;aspect-ratio:auto 16 / 9;max-height:min(62vh,500px);object-fit:contain;background:#05030d}.inline-video-player__titlebar{position:absolute;top:0;left:0;right:0;z-index:2;padding:10px 14px 30px;background:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.3) 58%,transparent 100%);color:#fff;font-weight:700;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition:opacity .2s ease}.inline-video-player__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#05030d1a,#05030d80);transition:background .18s ease;pointer-events:none}.inline-video-player__stage:hover .inline-video-player__play-btn{transform:scale(1.08);box-shadow:0 6px 24px #03010c80}.inline-video-player__play-btn{width:52px;height:52px;border-radius:50%;background:#f1edffeb;color:#160b2e;display:grid;place-items:center;box-shadow:0 4px 18px #03010c66;transition:transform .16s ease,box-shadow .16s ease}.inline-video-player__overlay-duration{font-size:.78rem;font-weight:700;color:#fff;background:#0009;padding:4px 9px;border-radius:999px}.inline-video-player__center-control{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.inline-video-player__center-icon{width:56px;height:56px;border-radius:50%;background:#0000008c;color:#fff;display:grid;place-items:center;backdrop-filter:blur(4px)}.inline-video-player__controls{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:2px;padding:26px 10px 8px;cursor:default;background:linear-gradient(0deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 58%,transparent 100%);transition:opacity .2s ease}.inline-video-player__controls.is-hidden,.inline-video-player__titlebar.is-hidden{opacity:0;pointer-events:none}.inline-video-player__progress{width:100%;height:4px;margin:0;accent-color:var(--accent-soft);cursor:pointer}.inline-video-player__row{display:flex;align-items:center;gap:2px}.inline-video-player__spacer{flex:1}.inline-video-player__time{font-size:.76rem;color:#ffffffbf;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:6px}.vp-btn{padding:7px;border:0;border-radius:8px;background:transparent;color:#fff;display:grid;place-items:center;transition:background .14s ease}.vp-btn:hover{background:#ffffff29}.yt-player{width:min(100%,460px);grid-column:1 / -1}.video-link-poster{position:relative;width:100%;aspect-ratio:16 / 9;border:0;padding:0;background:#05030d;cursor:pointer;overflow:hidden;display:block}.video-link-poster:disabled{cursor:default}.video-link-poster__thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.video-link-poster:not(:disabled):hover .video-link-poster__thumb{transform:scale(1.03)}.video-link-poster__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#05030d0f,#05030d8f);transition:background .18s ease}.video-link-poster:not(:disabled):hover .video-link-poster__overlay{background:linear-gradient(180deg,#05030d1f,#05030da8)}.video-link-poster:not(:disabled):hover .inline-video-player__play-btn{transform:scale(1.08);box-shadow:0 6px 24px #03010c80}.video-link-poster__status{font-size:.8rem;font-weight:600;color:var(--text);background:#05030d99;padding:4px 10px;border-radius:999px}.video-link-poster__status--error{color:#ffb3c0;background:#6e1226b3}.video-link-poster__spinner{width:36px;height:36px;border:3px solid rgba(241,237,255,.2);border-top-color:#f1edffd9;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.yt-card{position:relative;display:block;width:min(100%,460px);aspect-ratio:16 / 9;border:0;padding:0;border-radius:18px;overflow:hidden;background:#05030d;cursor:pointer;text-align:left;grid-column:1 / -1;box-shadow:0 10px 30px #03010c73}.yt-card:disabled{cursor:default}.yt-card__thumb,.yt-card__placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.yt-card__placeholder{background:linear-gradient(150deg,#1e1b38,#0e0b22)}.yt-card__gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.35) 68%,rgba(0,0,0,.78) 100%)}.yt-card__badge{position:absolute;top:10px;left:10px;background:#ef4444;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.02em;padding:3px 10px;border-radius:999px}.yt-card__info{position:absolute;left:12px;right:70px;bottom:10px;display:flex;flex-direction:column;gap:2px;color:#fff}.yt-card__info strong{font-size:.96rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-card__info span{font-size:.78rem;color:#ffffffd9}.yt-card__duration{position:absolute;right:10px;bottom:10px;background:#000000b8;color:#fff;font-size:.74rem;font-weight:700;font-variant-numeric:tabular-nums;padding:2px 7px;border-radius:6px}.yt-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#f1edffeb;color:#160b2e;display:grid;place-items:center;box-shadow:0 4px 18px #03010c66;opacity:0;transition:opacity .16s ease;pointer-events:none}.yt-card:not(:disabled):hover .yt-card__play{opacity:1}.yt-card__status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#05030d73;color:#fff;font-size:.84rem;font-weight:600}.yt-card__status--error span{color:#ffb3c0}.attachment-card--link-video{width:min(100%,460px);grid-column:1 / -1}.message-bubble__text--styled span,.message-bubble__text--animated span{white-space:pre-wrap}.text-anim-scale{display:inline-block;animation:text-scale-pop 4.6s ease-in-out 1 both}@keyframes text-scale-pop{0%{font-size:100%}12%{font-size:200%}78%{font-size:200%}to{font-size:100%}}@keyframes text-scale-pop-b{0%{font-size:100%}12%{font-size:200%}78%{font-size:200%}to{font-size:100%}}.text-anim-wave{display:inline-block;white-space:pre;font-family:Roboto Flex,sans-serif;animation:text-weight-wave 4s ease-in-out infinite}@keyframes text-weight-wave{0%,25%,to{font-variation-settings:"wght" 400;font-size:100%}6%{font-variation-settings:"wght" 900;font-size:140%}}.text-anim-loading{display:inline-block;white-space:pre;font-family:Roboto Flex,sans-serif;animation:text-weight-loading 1.5s linear infinite}@keyframes text-weight-loading{0%{font-variation-settings:"wght" 400}25%{font-variation-settings:"wght" 650}75%{font-variation-settings:"wght" 150}to{font-variation-settings:"wght" 400}}.media-lightbox{position:fixed;inset:0;z-index:26;display:grid;place-items:center;padding:24px;background:#04020cdb;backdrop-filter:blur(14px)}.media-lightbox__close{position:absolute;top:24px;right:24px;border:0;border-radius:999px;padding:12px 16px;background:#f1edffeb;color:#160b2e;font-weight:800}.media-lightbox__image{max-width:min(92vw,1200px);max-height:86vh;border-radius:24px;box-shadow:0 24px 70px #00000080}.call-screen{position:fixed;inset:0;z-index:50;background:linear-gradient(180deg,#0b0820,#161034,#0a0718);display:flex;flex-direction:column;animation:call-fade-in .32s ease}.call-screen--ended{animation:call-fade-out .8s ease forwards}@keyframes call-fade-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes call-fade-out{0%{opacity:1}to{opacity:0}}.call-screen__remote{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.call-screen__remote-video{width:100%;height:100%;object-fit:cover;display:none}.call-screen__remote-video.is-visible{display:block}.call-screen__remote-video>canvas,.group-call__tile-video>canvas{display:block;width:100%;height:100%}.call-screen__avatar-area{display:flex;flex-direction:column;align-items:center;gap:18px;animation:call-avatar-pulse 2.4s ease-in-out infinite}@keyframes call-avatar-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.call-screen__avatar-placeholder{width:120px;height:120px;border-radius:36px;background:linear-gradient(135deg,#8b5cf666,#22d3ee42);border:2px solid rgba(255,255,255,.15);display:grid;place-items:center;color:var(--text);font-family:var(--font-display);font-size:2.4rem;font-weight:700}.call-screen__peer-avatar{width:120px;height:120px;border-radius:36px;object-fit:cover;border:2px solid rgba(255,255,255,.15)}.call-screen__peer-name{margin:0;font-family:var(--font-display);font-size:1.8rem;color:var(--text);text-shadow:0 2px 12px rgba(0,0,0,.4)}.call-screen__state-label{margin:0;font-size:1rem;color:var(--muted);font-weight:500}.call-screen__local-pip{position:absolute;top:24px;right:24px;width:180px;height:135px;border-radius:18px;overflow:hidden;border:2px solid rgba(255,255,255,.18);box-shadow:0 12px 36px #00000080;z-index:52}.call-screen__local-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.call-screen__overlay-info{position:absolute;top:24px;left:24px;z-index:51;display:flex;flex-direction:column;gap:6px}.call-screen__overlay-name{color:var(--text);font-family:var(--font-display);font-size:1.2rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.55)}.call-screen__overlay-duration{color:var(--muted);font-size:.88rem;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.5)}.call-screen__controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:28px 24px 42px;background:linear-gradient(0deg,rgba(8,6,20,.95),transparent)}.call-control-btn{width:56px;height:56px;border:0;border-radius:50%;background:#ffffff1f;color:var(--text);display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;backdrop-filter:blur(8px)}.call-control-btn:hover{transform:translateY(-2px);background:#fff3;box-shadow:0 6px 20px #0000004d}.call-control-btn--off{background:#fb718542;color:#ffc3cd}.call-control-btn--off:hover{background:#fb718561}.call-control-btn--active{background:#22d3ee3d;color:#a8eefb}.call-control-btn--text{font-weight:800;font-size:.9rem;letter-spacing:.02em}.call-screen__error{position:absolute;left:50%;bottom:128px;transform:translate(-50%);z-index:53;max-width:min(560px,calc(100% - 32px));margin:0;padding:10px 16px;border-radius:14px;background:#e11d4838;color:#ffd1d9;font-size:.9rem;text-align:center;backdrop-filter:blur(8px)}.call-control-btn--active:hover{background:#22d3ee5c}.call-control-btn--hangup{background:linear-gradient(135deg,#e11d48,#9f1239);color:#fff;width:64px;height:64px;box-shadow:0 8px 24px #e11d4866}.call-control-btn--hangup:hover{background:linear-gradient(135deg,#f43f5e,#be123c);transform:translateY(-2px);box-shadow:0 10px 30px #e11d488c}.call-screen__warnings{position:absolute;left:50%;top:84px;transform:translate(-50%);z-index:53;display:grid;gap:8px;width:min(560px,calc(100% - 32px))}.call-screen__warning{margin:0;padding:10px 14px;border-radius:14px;font-size:.88rem;line-height:1.35;background:#f59e0b33;color:#fde7b0;border:1px solid rgba(245,158,11,.35);display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.call-screen__warning button{border:0;border-radius:10px;padding:6px 10px;cursor:pointer;font-weight:600;background:#f59e0b59;color:#fff4d6}.call-screen__warning button:disabled{opacity:.5;cursor:default}.dorofeeva-audio-menu{position:relative}.dorofeeva-audio-menu__panel{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);z-index:60;width:min(320px,calc(100vw - 32px));padding:14px 16px;border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--stroke-strong);box-shadow:var(--shadow);color:var(--text);text-align:left}.dorofeeva-audio-menu__title{margin:4px 0 8px;font-weight:700;font-size:.85rem;color:var(--accent-soft)}.dorofeeva-audio-menu__title:not(:first-child){margin-top:14px}.dorofeeva-audio-menu__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.dorofeeva-audio-menu__label{font-size:.85rem;color:var(--muted)}.dorofeeva-audio-menu__segments{display:flex;border-radius:12px;background:#ffffff0f;padding:2px}.dorofeeva-audio-menu__segment{border:0;background:transparent;color:var(--text);padding:6px 10px;border-radius:10px;font-size:.8rem;cursor:pointer}.dorofeeva-audio-menu__segment--on{background:#22d3ee3d;color:#a8eefb}.dorofeeva-audio-menu__segment:disabled{opacity:.5;cursor:default}.dorofeeva-audio-menu__hint{margin:0;font-size:.75rem;line-height:1.35;color:var(--muted)}.incoming-call-banner{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:55;min-width:340px;max-width:min(92vw,480px);animation:incoming-slide-in .4s cubic-bezier(.34,1.56,.64,1)}@keyframes incoming-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.incoming-call-banner__pulse{position:absolute;inset:-4px;border-radius:26px;background:linear-gradient(135deg,#8b5cf666,#22d3ee4d);animation:incoming-pulse 1.8s ease-in-out infinite;z-index:-1}@keyframes incoming-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.incoming-call-banner__content{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-radius:22px;background:var(--surface-strong);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px #00000073}.incoming-call-banner__info{display:flex;align-items:center;gap:14px;color:var(--text)}.incoming-call-banner__info svg{flex:none;color:#22d3eee6;animation:incoming-icon-ring 1.2s ease-in-out infinite}@keyframes incoming-icon-ring{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.incoming-call-banner__info strong{display:block;font-family:var(--font-display);font-size:1.05rem}.incoming-call-banner__info p{margin:4px 0 0;font-size:.84rem;color:var(--muted)}.incoming-call-banner__actions{display:flex;gap:10px}.call-accept-btn,.call-decline-btn{width:46px;height:46px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.call-accept-btn{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 6px 18px #05966966}.call-accept-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0596698c}.call-decline-btn{background:linear-gradient(135deg,#e11d48,#9f1239);color:#fff;box-shadow:0 6px 18px #e11d4866}.call-decline-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e11d488c}.call-header-btn{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;padding:0!important;border-radius:50%!important;color:var(--accent-soft)}.call-header-btn:hover{background:#8b5cf629!important}.group-call{display:flex;flex-direction:column}.group-call__header{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:18px 24px 10px}.group-call__title{color:var(--text);font-family:var(--font-display);font-size:1.2rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.55)}.group-call__state{color:var(--muted);font-size:.9rem;font-weight:600}.group-call__hint{color:var(--muted);font-size:.8rem;opacity:.8}.group-call__grid{flex:1;min-height:0;display:grid;gap:12px;padding:8px 16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:1fr;align-items:stretch}.group-call__grid--few{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))}.group-call__stage{flex:1;min-height:0;display:grid;gap:12px;padding:8px 16px;grid-template-columns:1fr}.group-call__stage--split{grid-template-columns:1fr 1fr}.group-call__strip{display:flex;gap:10px;padding:6px 16px;overflow-x:auto;flex:none}.group-call__strip .group-call__tile{width:150px;height:100px;flex:none}.group-call__tile{position:relative;overflow:hidden;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:0;transition:border-color .16s ease,box-shadow .16s ease}.group-call__tile:hover{border-color:#8b5cf68c;box-shadow:0 6px 22px #00000059}.group-call__tile--staged{cursor:zoom-out}.group-call__tile--disconnected{opacity:.55}.group-call__tile-video{width:100%;height:100%;object-fit:cover}.group-call__tile-video.is-mirrored{transform:scaleX(-1)}.group-call__tile-video.is-contain{object-fit:contain;background:#000}.group-call__tile-avatar-area{display:grid;place-items:center;padding:12px}.group-call__tile-avatar{width:72px;height:72px;border-radius:24px;object-fit:cover;border:2px solid rgba(255,255,255,.15)}.group-call__tile-avatar-placeholder{width:72px;height:72px;border-radius:24px;background:linear-gradient(135deg,#8b5cf666,#22d3ee42);border:2px solid rgba(255,255,255,.15);display:grid;place-items:center;color:var(--text);font-family:var(--font-display);font-size:1.5rem;font-weight:700}.group-call__strip .group-call__tile-avatar,.group-call__strip .group-call__tile-avatar-placeholder{width:48px;height:48px;border-radius:16px;font-size:1.05rem}.group-call__tile-label{position:absolute;left:8px;bottom:8px;right:8px;display:flex;align-items:center;gap:6px;color:var(--text);font-size:.8rem;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.7);pointer-events:none}.group-call__tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-call__tile-status{color:var(--muted);font-weight:500;flex:none}.group-call__tile-mic-off,.group-call__tile-screen{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:8px;background:#00000073}.group-call__tile-mic-off{color:#ffc3cd}.group-call__tile-screen{color:#a8eefb}.group-call__tile-mic-off svg,.group-call__tile-screen svg{width:14px;height:14px}.group-call-pill{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:8px 14px;border:1px solid rgba(52,199,89,.5);border-radius:999px;background:#34c75924;color:#7be0a0;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .16s ease,transform .16s ease}.group-call-pill:hover{background:#34c7593d;transform:translateY(-1px)}.group-call-pill svg{width:16px;height:16px}@media(max-width:720px){.group-call__stage--split{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.group-call__grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.group-call__strip .group-call__tile{width:110px;height:78px}}.call-header-btn svg{width:20px;height:20px}@media(max-width:1180px){.auth-layout,.hero-stats{grid-template-columns:1fr}}@media(max-width:980px){.page-shell{padding:16px}.messenger-layout{height:calc(100vh - 32px);height:calc(100dvh - 32px)}.tile-grid{grid-template-rows:repeat(3,minmax(110px,1fr));grid-auto-columns:150px;gap:10px}.home__scroll{gap:32px}}@media(max-height:700px){.tile-grid{grid-template-rows:repeat(2,minmax(110px,1fr))}}@media(max-width:720px){.page-shell{padding:12px}.auth-hero,.auth-panel,.chat-panel,.modal{border-radius:22px}.auth-hero,.auth-panel{padding:18px}.auth-hero{display:none}.auth-layout{height:calc(100vh - 24px);height:calc(100dvh - 24px);min-height:0}.auth-panel{min-height:0;overflow-y:auto}.home__scroll{flex-direction:column;align-items:stretch;gap:32px;overflow-x:hidden;overflow-y:auto;padding:0 2px 12px 0;overscroll-behavior-y:contain}.home__section{width:100%;min-height:auto}.tile-grid{flex:none;min-height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row dense;grid-auto-columns:auto;grid-auto-rows:clamp(104px,31vw,144px)}.chat-panel{padding:14px;gap:12px}.msg__col,.msg--media .msg__col{max-width:84vw}.chat-header__title{max-width:52vw}.inline-field,.attachment-grid{grid-template-columns:1fr}.inline-video-player--compact,.inline-video-player.is-portrait.inline-video-player--compact{width:100%}.media-lightbox{padding:14px}.media-lightbox__close{top:14px;right:14px}.home__toolbar{grid-template-columns:1fr}.profile-chip__names strong{max-width:36vw}.call-screen__local-pip{width:120px;height:90px;top:16px;right:16px;border-radius:14px}.call-screen__controls{gap:10px;padding:20px 16px 32px;flex-wrap:wrap}.call-control-btn{width:48px;height:48px}.call-control-btn--hangup{width:56px;height:56px}.call-screen__avatar-placeholder,.call-screen__peer-avatar{width:96px;height:96px;border-radius:28px}.call-screen__avatar-placeholder{font-size:2rem}.call-screen__peer-name{font-size:1.4rem}.incoming-call-banner{min-width:0;width:calc(100vw - 24px);top:12px}}@media(max-width:460px){.tile-grid{grid-auto-rows:clamp(96px,31vw,132px)}}.message-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.reaction-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:13px;background:#eee8ff14;border:1px solid var(--stroke);cursor:pointer;transition:background .14s ease,transform .14s ease}.reaction-pill:hover{transform:translateY(-1px);background:#8b5cf62e}.reaction-pill--mine{background:#8b5cf642;border-color:#8b5cf666}.reaction-pill__count{font-size:.78rem;font-weight:700;color:var(--text)}.reaction-placed{position:absolute;padding:0;border:none;background:none;cursor:pointer;transform-origin:center;z-index:2;line-height:0;filter:drop-shadow(0 4px 10px rgba(3,1,12,.5))}.reaction-placed--mine{cursor:pointer}.context-menu__reactions{display:flex;align-items:center;gap:4px;padding:4px 4px 6px}.context-menu__reaction{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:11px;background:#eee8ff0a;cursor:pointer;transition:background .14s ease,transform .14s ease}.context-menu__reaction:hover{background:#8b5cf638;transform:translateY(-1px)}.context-menu__reaction--more{font-size:1.4rem;font-weight:700;color:var(--accent-soft)}.reaction-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reaction-type{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;border-radius:16px;cursor:pointer;background:#eee8ff0d;border:1px solid var(--stroke);color:var(--text);font-weight:700;transition:background .14s ease,transform .14s ease}.reaction-type:hover{background:#8b5cf62e;transform:translateY(-2px)}.reaction-type__icon{font-size:1.8rem}.emoji-picker{display:flex;flex-direction:column;gap:10px;min-width:min(420px,80vw)}.emoji-picker__tabs{display:flex;flex-wrap:wrap;gap:6px}.emoji-picker__tab{padding:5px 10px;border-radius:11px;font-size:.78rem;font-weight:700;cursor:pointer;background:#eee8ff0d;border:1px solid var(--stroke);color:var(--muted)}.emoji-picker__tab.is-active{background:#8b5cf642;color:var(--text);border-color:#8b5cf666}.emoji-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;max-height:280px;overflow-y:auto;padding-right:4px}.emoji-picker__item{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:4px;border-radius:10px;cursor:pointer;background:transparent;transition:background .12s ease}.emoji-picker__item:hover{background:#8b5cf633}.emoji-picker__loading{padding:20px;color:var(--muted)}.drawing-editor{display:flex;flex-direction:column;gap:12px}.drawing-editor__canvas{width:100%;max-width:420px;aspect-ratio:420 / 280;align-self:center;border-radius:14px;border:1px solid var(--stroke-strong);background:linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.04) 75%) 0 0/20px 20px,linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.04) 75%) 10px 10px/20px 20px,var(--bg-deep);touch-action:none;cursor:crosshair}.drawing-editor__tools{display:flex;flex-direction:column;gap:10px}.drawing-editor__row{display:flex;gap:8px;align-items:center}.drawing-editor__actions{justify-content:flex-end;margin-top:4px}.drawing-editor__tool{padding:8px 12px;border-radius:11px;cursor:pointer;font-weight:700;color:var(--text);background:#eee8ff0d;border:1px solid var(--stroke)}.drawing-editor__tool.is-active{background:#8b5cf642;border-color:#8b5cf666}.drawing-editor__swatches{display:flex;gap:6px;flex-wrap:wrap}.drawing-editor__swatch{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;box-shadow:0 0 0 1px var(--stroke-strong)}.drawing-editor__swatch.is-active{border-color:var(--accent);transform:scale(1.12)}.drawing-editor__slider{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--muted)}.drawing-editor__slider input[type=range]{width:100%;accent-color:var(--accent)}.reaction-placement-overlay{position:fixed;inset:0;z-index:60;background:#03010c9e;backdrop-filter:blur(2px)}.reaction-placement-overlay__stage{position:absolute;border:2px dashed rgba(139,92,246,.7);border-radius:14px;pointer-events:none}.reaction-placement-overlay__handle{position:absolute;cursor:grab;touch-action:none;line-height:0;filter:drop-shadow(0 6px 16px rgba(3,1,12,.6))}.reaction-placement-overlay__handle:active{cursor:grabbing}.reaction-placement-overlay__panel{position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:min(420px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:18px;background:var(--surface-strong);border:1px solid var(--stroke-strong);box-shadow:var(--shadow)}.reaction-placement-overlay__hint{font-size:.82rem;color:var(--muted);text-align:center}.reaction-placement-overlay__actions{display:flex;gap:10px;justify-content:flex-end}.reaction-placement-choice{display:flex;flex-direction:column;align-items:center;gap:16px}.reaction-placement-choice__preview{display:flex;align-items:center;justify-content:center;min-height:92px;padding:12px;border-radius:16px;background:#eee8ff0d;border:1px solid var(--stroke)}.reaction-placement-choice__buttons{display:flex;flex-direction:column;gap:10px;width:min(320px,100%)}.reaction-placement-choice__buttons button{width:100%}.call-reaction-layer{position:absolute;inset:0;pointer-events:none;z-index:53;overflow:hidden}.call-reaction{position:absolute;line-height:0;transform-origin:center;filter:drop-shadow(0 6px 16px rgba(3,1,12,.55));animation:call-reaction-life 10s ease-in forwards}@keyframes call-reaction-life{0%{opacity:0}4%{opacity:1}85%{opacity:1}to{opacity:0}}.call-control-btn--reaction{font-size:1.4rem}.group-settings{display:flex;flex-direction:column;gap:22px}.group-settings__profile{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--radius-lg);background:#ffffff08;border:1px solid var(--stroke)}.group-settings__info{display:flex;flex-direction:column;gap:4px;min-width:0}.group-settings__info strong{font-size:1.25rem;color:var(--text)}.group-settings__info p{margin:0;font-size:.9rem;color:var(--muted);line-height:1.4}.group-settings__section-title{display:block;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.group-settings__invite{display:flex;flex-direction:column}.group-settings__invite-input{background:#080614cc!important;font-family:monospace;font-size:.9rem}.group-settings__invite-hint{margin:8px 0 0;font-size:.82rem;color:var(--muted)}.group-settings__members-section{display:flex;flex-direction:column;min-height:0}.group-settings__members-list{display:flex;flex-direction:column;gap:10px;max-height:240px;overflow-y:auto;padding-right:6px}.group-settings__member{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#eee8ff05;border:1px solid var(--stroke)}.group-settings__member-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.group-settings__member-info strong{font-size:.96rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-settings__member-info span{font-size:.8rem;color:var(--muted)}.group-settings__role-tag{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:4px 8px;border-radius:999px}.group-settings__role-tag--owner{background:#8b5cf629;color:var(--accent-soft)}.group-settings__role-tag--admin{background:#22d3ee29;color:var(--accent-2)}.message-bubble__text--md{white-space:normal}.message-bubble__text--md p{margin:0 0 6px}.message-bubble__text--md p:last-child{margin-bottom:0}.message-bubble__text--md h1,.message-bubble__text--md h2,.message-bubble__text--md h3{margin:4px 0;line-height:1.2}.message-bubble__text--md code{background:#0806148c;padding:1px 6px;border-radius:6px;font-family:"Press Start 2P",monospace;font-size:.82em}.message-bubble__text--md pre{background:#0806148c;padding:10px 12px;border-radius:12px;overflow:auto}.message-bubble__text--md a{color:var(--accent-2);word-break:break-all}.format-toolbar{display:flex;gap:6px;padding:8px;border-radius:14px;background:var(--surface);border:1px solid var(--stroke);overflow-x:auto}.format-toolbar button{min-width:38px;height:38px;border-radius:10px;border:1px solid var(--stroke);background:#ffffff0a;color:var(--text);font-size:.95rem}.format-toolbar button:hover{border-color:var(--accent)}.anim-picker__overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:end center;background:#04020c99;backdrop-filter:blur(8px)}.anim-picker{width:min(640px,96vw);margin-bottom:24px;padding:16px;border-radius:var(--radius-xl);background:var(--surface-strong);border:1px solid var(--stroke);box-shadow:var(--shadow)}.anim-picker__title{font-weight:700;margin-bottom:6px}.anim-picker__hint{margin:0 0 12px;color:var(--muted);font-size:.84rem}.anim-picker__empty{margin:12px 0;color:var(--muted);font-size:.9rem;text-align:center}.anim-picker__brushes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.anim-picker__brush{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0a;color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .14s ease,background .14s ease}.anim-picker__brush:hover{border-color:var(--brush-color, var(--accent))}.anim-picker__brush.is-active{border-color:var(--brush-color, var(--accent));background:color-mix(in srgb,var(--brush-color, var(--accent)) 18%,transparent)}.anim-picker__brush-dot{width:12px;height:12px;border-radius:50%}.anim-picker__brush--erase.is-active{border-color:var(--muted);background:#ffffff14}.anim-picker__words{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--stroke);background:#08061466;margin-bottom:14px;max-height:200px;overflow-y:auto}.anim-picker__word{padding:6px 10px;border-radius:10px;cursor:pointer;border:1px solid transparent;background:#ffffff0d;color:var(--text);font-size:.95rem;border-bottom:2px solid transparent;transition:background .14s ease,border-color .14s ease}.anim-picker__word:hover{background:#ffffff1a}.anim-picker__word.is-assigned{border-color:var(--word-color);background:color-mix(in srgb,var(--word-color) 16%,transparent)}.anim-picker__preview-stage{min-height:64px;display:grid;place-items:center;padding:14px;border-radius:var(--radius-lg);background:#8b5cf624;margin-bottom:14px;font-size:1.25rem;text-align:center}.anim-picker__preview-plain{color:var(--text);opacity:.85}.anim-picker__actions{display:flex;justify-content:flex-end;gap:10px}.mc__overlay{position:fixed;inset:0;z-index:45;display:grid;place-items:center;padding:16px;background:#04020cb3;backdrop-filter:blur(10px)}.mc{width:min(560px,96vw);max-height:92vh;display:flex;flex-direction:column;border-radius:var(--radius-xl);background:var(--surface-strong);border:1px solid var(--stroke);box-shadow:var(--shadow)}.mc__header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 8px}.mc__title{margin:0;font-size:1.15rem}.mc__preview{margin:4px 18px 12px;padding:16px;min-height:96px;display:grid;place-items:center;border-radius:var(--radius-lg);background:#08061466;border:1px solid var(--stroke)}.mc__bubble{max-width:100%;padding:14px 16px;border-radius:18px;background:#8b5cf629;text-align:center}.mc__bubble--bare{background:transparent;padding:4px 0}.mc__tabs{display:flex;gap:8px;justify-content:center;padding:0 18px 12px}.mc__tab{padding:8px 16px;border-radius:20px;border:1px solid var(--stroke);background:var(--surface);color:var(--text);font-weight:600}.mc__tab--active{background:var(--accent);border-color:var(--accent);color:#fff}.mc__tab:disabled{opacity:.4;cursor:default}.mc__body{overflow-y:auto;padding:0 18px;flex:1}.mc__section{display:flex;flex-direction:column;gap:14px;padding-bottom:12px}.mc__label{font-weight:600;font-size:.95rem}.mc__muted{color:var(--muted);font-size:.85rem}.mc__spacer{flex:1}.mc__time{width:48px;color:var(--accent-soft);font-size:.85rem}.mc__hint{color:var(--muted);font-size:.78rem}.mc__textarea{width:100%;min-height:84px;resize:vertical;padding:12px 14px;border-radius:14px;border:1px solid var(--stroke);background:var(--surface);color:var(--text)}.mc__switch-row{display:flex;align-items:center;justify-content:space-between}.mc__kf-row,.mc__axis-head{display:flex;align-items:center;gap:6px}.mc__icon{width:34px;height:34px;border-radius:50%;border:1px solid var(--stroke);background:var(--surface);color:var(--text);font-size:1.1rem;line-height:1}.mc__icon:disabled{opacity:.35;cursor:default}.mc__diamond-btn--on{border-color:currentColor}.mc__chips{display:flex;gap:8px;flex-wrap:wrap}.mc__chip{padding:7px 12px;border-radius:12px;border:1px solid var(--stroke);background:var(--surface);color:var(--text);font-size:.88rem;white-space:nowrap}.mc__chip--active{background:#8b5cf638;border-color:var(--accent)}.mc__colors{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mc__color{width:30px;height:30px;border-radius:50%;border:2px solid transparent;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.8rem}.mc__color--sel{border-color:var(--text);box-shadow:0 0 0 2px var(--accent)}.mc__color--dynamic{background:var(--accent)}.mc__color-input{width:38px;height:30px;padding:0;border:1px solid var(--stroke);border-radius:8px;background:transparent}.mc__slider{width:100%;accent-color:var(--accent)}.mc__axis{display:flex;flex-direction:column;gap:4px}.mc__axis-key{width:52px;font-weight:700;font-size:.85rem}.mc__option{display:flex;flex-direction:column;gap:8px}.mc__play{align-self:flex-start;padding:9px 18px;border-radius:12px;border:0;background:#8b5cf638;color:var(--text);font-weight:600}.mc__timeline{position:relative;height:56px;border-radius:12px;padding:0 6px;background:#08061473;border:1px solid var(--stroke);touch-action:none;cursor:pointer;user-select:none}.mc__timeline-track{position:absolute;left:6px;right:6px;top:50%;height:3px;transform:translateY(-50%);background:var(--stroke-strong);border-radius:2px}.mc__tl-diamond{position:absolute;top:50%;width:12px;height:12px;transform:translate(-50%,-50%) rotate(45deg);background:currentColor;border-radius:2px}.mc__tl-text{position:absolute;top:8px;width:8px;height:8px;transform:translate(-50%);background:var(--accent-2);border-radius:2px}.mc__tl-cursor{position:absolute;top:4px;bottom:4px;width:2px;transform:translate(-50%);background:var(--accent-soft);pointer-events:none}.mc__footer{display:flex;gap:12px;padding:12px 18px 18px}.mc__footer .primary-button,.mc__footer .ghost-button{flex:1}@media(max-width:640px){.composer-bar{gap:8px}.round-button{width:48px;height:48px}.composer-field textarea{min-height:50px;padding:13px 52px 13px 16px}.chat-header{gap:10px}}.audio-player{display:flex;align-items:center;gap:12px;min-width:min(360px,78vw);padding:10px;border-radius:18px;background:color-mix(in srgb,var(--surface-container-high, #ece6f0) 88%,transparent)}.audio-player__cover{width:58px;height:58px;flex:0 0 58px;border-radius:15px;object-fit:cover}.audio-player__cover--empty{display:grid;place-items:center;font-size:26px;background:var(--primary-container, #eaddff)}.audio-player__body{min-width:0;flex:1;display:grid;gap:3px}.audio-player__body strong,.audio-player__body span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-player__body audio{width:100%;height:34px}.audio-player__status{opacity:.68;font-size:12px}.music-audio-engine{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.music-mini{--music-progress: 0%;width:min(420px,72vw);min-width:min(340px,72vw);display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border:1px solid rgba(255,255,255,.07);border-radius:20px;color:var(--text);background:color-mix(in srgb,var(--surface-container-high, #39324b) 88%,transparent);font-family:Manrope,sans-serif;cursor:pointer;outline:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.music-mini:hover,.music-mini:focus-visible{background:#ffffff1c;border-color:#ffffff24}.music-mini:active{transform:scale(.992)}.music-mini.is-active{border-color:#c084fc3d}.music-mini__cover{width:70px;height:70px;flex:0 0 70px;overflow:hidden;border-radius:16px;display:grid;place-items:center;color:var(--accent-soft);background:linear-gradient(145deg,#c084fc47,#22d3ee1f)}.music-mini__cover img{width:100%;height:100%;object-fit:cover}.music-mini__cover svg{width:28px;height:28px;fill:currentColor}.music-mini__body{min-width:0;flex:1;display:grid;gap:2px}.music-mini__body>strong,.music-mini__body>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-mini__body>strong{font-size:14px;font-weight:720;letter-spacing:-.015em}.music-mini__body>span{font-size:12px;color:#f1edffb8}.music-mini__transport{display:flex;align-items:center;gap:5px;min-width:0;margin-top:4px}.music-mini__transport>span{flex:0 0 auto;font-size:9px;color:#f1edffb8;font-variant-numeric:tabular-nums}.music-mini__play{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#fff;background:var(--accent-soft)}.music-mini__play svg{width:16px;height:16px;fill:currentColor}.music-mini__range,.music-full__progress input{--music-progress: 0%;appearance:none;height:16px;min-width:0;margin:0;padding:0;background:transparent;cursor:pointer}.music-mini__range{flex:1}.music-mini__range::-webkit-slider-runnable-track,.music-full__progress input::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:linear-gradient(90deg,currentColor var(--music-progress),rgba(255,255,255,.38) var(--music-progress))}.music-mini__range::-moz-range-track,.music-full__progress input::-moz-range-track{height:2px;border:0;border-radius:999px;background:#ffffff61}.music-mini__range::-moz-range-progress,.music-full__progress input::-moz-range-progress{height:2px;border:0;border-radius:999px;background:currentColor}.music-mini__range::-webkit-slider-thumb,.music-full__progress input::-webkit-slider-thumb{appearance:none;width:8px;height:8px;margin-top:-3px;border:0;border-radius:50%;background:currentColor}.music-mini__range::-moz-range-thumb,.music-full__progress input::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:currentColor}.music-modal{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:18px;font-family:Manrope,sans-serif}.music-modal__backdrop{position:absolute;inset:0;border:0;background:#04030cb3;backdrop-filter:blur(7px)}.music-full{--music-accent: 103, 80, 164;position:relative;isolation:isolate;overflow:hidden;width:min(736px,calc(100vw - 36px));height:min(900px,calc(100dvh - 36px));border:1px solid rgba(255,255,255,.11);border-radius:42px;color:#fff;background:#46376c;box-shadow:0 36px 120px #0000009e;animation:music-player-in .24s cubic-bezier(.2,.8,.2,1)}@keyframes music-player-in{0%{opacity:0;transform:translateY(18px) scale(.97)}}.music-full__canvas,.music-full__canvas-fallback,.music-full__glass,.music-full__canvas-gradient{position:absolute;inset:0;width:100%;height:100%}.music-full__canvas{z-index:0;object-fit:cover;transform:translateZ(0);backface-visibility:hidden}.music-full__canvas-fallback{z-index:0;display:block;pointer-events:none}.music-full__glass{z-index:1;opacity:0;pointer-events:none;transition:opacity .16s ease}.music-full__glass.is-visible{opacity:1}.music-full__canvas-gradient{z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(5,3,9,.18) 66%,rgba(5,3,9,.72) 100%)}.music-full.lyrics-on .music-full__canvas-gradient{background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 44%,rgba(0,0,0,.42))}.music-full__close{position:absolute;isolation:isolate;overflow:hidden;z-index:10;top:22px;right:22px;width:58px;height:58px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;background:#5a565b85;backdrop-filter:blur(22px) saturate(130%);box-shadow:inset 0 1px #ffffff26}.music-full__close:hover{background:#736e76a3}.music-full__close svg{position:relative;z-index:1;width:34px;height:34px;fill:currentColor;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.music-full__content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;padding:88px 40px 30px}.music-full__cover-hero{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px 0 20px}.music-full__cover-hero img,.music-full__cover-empty{width:min(230px,47%);aspect-ratio:1;border-radius:28px;object-fit:cover;box-shadow:0 24px 46px #0f082240}.music-full__cover-empty{display:grid;place-items:center;color:#fffc;background:#ffffff17}.music-full__cover-empty svg{width:58px;fill:currentColor}.music-full__cover-hero h2{margin:24px 0 2px;max-width:100%;font-size:clamp(30px,4vw,42px);line-height:1.08;letter-spacing:-.035em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-full__cover-hero p{margin:0;color:#ffffffb8;font-size:20px;font-weight:400}.music-full__bottom{margin-top:auto;position:relative;z-index:3}.music-full__track{display:flex;align-items:center;gap:16px;margin-bottom:14px;min-width:0}.music-full__track-cover{width:88px;height:88px;flex:0 0 88px;border-radius:22px;object-fit:cover;display:grid;place-items:center;color:#fff;background:rgba(var(--music-accent),.6)}.music-full__track-cover svg{width:32px;fill:currentColor}.music-full__track>div:last-child{min-width:0;display:grid}.music-full__track strong{font-size:30px;letter-spacing:-.035em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-full__track span{color:#ffffffc2;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-full__progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:0 0 16px;color:#ffffffe6}.music-full__progress span{font-size:11px;font-variant-numeric:tabular-nums}.music-full__progress input{width:100%;color:#fff}.music-full__controls{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.music-control{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1;min-width:0;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#fff;background:rgba(var(--music-accent),.5);backdrop-filter:blur(28px) saturate(140%);box-shadow:inset 0 1px #ffffff26,0 12px 28px #0000001a;transition:transform .16s ease,background .16s ease,opacity .16s ease}.music-full.has-canvas:not(.lyrics-on) .music-control{background:rgba(var(--music-accent),.14);backdrop-filter:none;box-shadow:inset 0 1px #ffffff47,inset 0 -8px 22px #0000001f,0 12px 30px #00000029}.music-full:not(.has-canvas) .music-control{background:#8b5cf68c}.music-control.is-primary{background:rgba(var(--music-accent),.68)}.music-full.has-canvas:not(.lyrics-on) .music-control.is-primary{background:rgba(var(--music-accent),.22)}.music-control.is-active{color:#fff;box-shadow:inset 0 0 0 2px #ffffff4d,0 12px 28px #0000001a}.music-control:hover:not(:disabled){transform:translateY(-2px) scale(1.025);background:rgba(var(--music-accent),.72)}.music-full.has-canvas:not(.lyrics-on) .music-control:hover:not(:disabled){background:rgba(var(--music-accent),.3)}.music-control:active:not(:disabled){transform:scale(.96)}.music-control:disabled{opacity:.25;cursor:default}.music-control__glass{position:absolute;inset:0;z-index:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}.music-control svg{position:relative;z-index:1;width:42%;height:42%;fill:currentColor;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}.music-control.is-primary svg{width:48%;height:48%}.music-lyrics{flex:1;min-height:0;overflow-y:auto;margin:-18px -8px 18px;padding:0 10px;scrollbar-width:none;overscroll-behavior:contain;mask-image:linear-gradient(transparent,#000 12%,#000 86%,transparent)}.music-lyrics::-webkit-scrollbar{display:none}.music-lyrics__spacer{height:38%;min-height:110px}.music-lyrics__line{margin:0 auto 20px;max-width:590px;text-align:left;font-size:clamp(22px,3.2vw,34px);line-height:1.42;font-weight:590;letter-spacing:-.025em;transition:opacity .25s ease,transform .25s ease}.music-lyrics__line.is-current{transform:translate(0)}.music-lyrics__word{display:inline;margin:0;padding:0;border:0;color:inherit;background:none;font:inherit;letter-spacing:inherit;opacity:.52;cursor:pointer;transition:opacity 90ms linear}.music-lyrics__word.is-past{opacity:.78}.music-lyrics__word.is-active{opacity:1}.music-lyrics__word:hover{opacity:1;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.music-lyrics__state{height:100%;min-height:250px;display:grid;place-content:center;justify-items:center;gap:16px;color:#fffc;text-align:center}.music-lyrics__state p{margin:0}.music-lyrics__loader{width:44px;height:44px;border:3px solid rgba(255,255,255,.22);border-top-color:#fff;border-radius:50%;animation:music-spin .85s linear infinite}@keyframes music-spin{to{transform:rotate(360deg)}}.music-up-next{margin-top:22px}.music-up-next h3{margin:0 0 12px;font-size:20px;font-weight:550}.music-up-next__list{max-height:150px;padding:8px;overflow-y:auto;border-radius:22px;background:#1c133e61}.music-up-next__list button{width:100%;display:grid;grid-template-columns:50px 1fr 24px;gap:12px;align-items:center;padding:7px;border:0;border-radius:16px;color:#fff;text-align:left;background:transparent}.music-up-next__list button:hover{background:#ffffff14}.music-up-next__cover{width:50px;height:50px;display:grid;place-items:center;border-radius:13px;color:#ffffffbf;background:#ffffff14}.music-up-next__cover{overflow:hidden}.music-up-next__cover img{width:100%;height:100%;object-fit:cover}.music-up-next__cover svg,.music-up-next__list button>svg{width:22px;fill:currentColor}.music-up-next__list span{min-width:0;display:grid}.music-up-next__list strong,.music-up-next__list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-up-next__list strong{font-size:15px}.music-up-next__list small{color:#ffffffa6;font-size:12px}@media(max-width:640px){.music-mini{width:min(330px,76vw);min-width:min(270px,76vw)}.music-mini__cover{width:60px;height:60px;flex-basis:60px}.music-full{width:100vw;height:100dvh;border:0;border-radius:0}.music-modal{padding:0}.music-full__content{padding:78px 22px 22px}.music-full__close{top:14px;right:14px;width:50px;height:50px}.music-full__track-cover{width:66px;height:66px;flex-basis:66px;border-radius:17px}.music-full__track strong{font-size:23px}.music-full__track span{font-size:15px}.music-full__controls{gap:10px}.music-lyrics__line{font-size:24px}}@media(max-height:720px)and (min-width:641px){.music-full__content{padding-top:70px}.music-full__cover-hero img,.music-full__cover-empty{width:170px}.music-full__track-cover{width:64px;height:64px;flex-basis:64px;border-radius:16px}.music-full__track strong{font-size:23px}.music-full__controls{max-width:440px;margin:auto}.music-up-next{margin-top:12px}}.call-screen__remote-canvas{width:100%;height:100%;object-fit:contain;background:#000;display:none}.call-screen__remote-canvas.is-visible{display:block}.call-screen__net-banner{position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:52;padding:8px 14px;border-radius:999px;font-size:.85rem;font-weight:600;background:#0f172ab8;color:#fde68a;backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000059;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.call-screen__net-banner--backwoods{color:#fecaca;background:#7f1d1dc7}.call-screen__net-banner--good{color:#bbf7d0;background:#064e3b99}.call-screen__stats{color:var(--muted);font-size:.72rem;font-family:ui-monospace,monospace;text-shadow:0 1px 6px rgba(0,0,0,.5)}.call-control-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.call-quality{position:relative}.call-quality__menu{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#0f172aeb;color:#e2e8f0;border-radius:14px;padding:10px;min-width:220px;box-shadow:0 12px 32px #00000073;display:grid;gap:8px;z-index:60}.call-quality__row{display:grid;gap:4px;font-size:.8rem}.call-quality__row select{background:#ffffff1a;color:inherit;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 8px}.call-quality__hint{font-size:.7rem;color:#94a3b8}.call-transport-picker{position:relative;display:inline-flex}.call-transport-picker__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:40;min-width:260px;background:var(--surface, #fff);color:var(--text, #111);border-radius:14px;padding:6px;box-shadow:0 12px 32px #00000040;display:grid;gap:4px}.call-transport-picker__item{display:grid;gap:2px;text-align:left;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer;font:inherit}.call-transport-picker__item:hover:not(:disabled){background:#7f7f7f1f}.call-transport-picker__item.is-preferred{outline:1px solid rgba(99,102,241,.6)}.call-transport-picker__item:disabled{opacity:.6;cursor:not-allowed}.call-transport-picker__item.is-off .call-transport-picker__hint{color:var(--danger, #b91c1c)}.call-transport-picker__title{font-weight:700;font-size:.9rem}.call-transport-picker__hint{font-size:.75rem;color:var(--muted, #667)}.spike{max-width:960px;margin:0 auto;padding-block:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-bottom));padding-inline:16px;display:grid;gap:16px;font-family:system-ui,sans-serif}.spike h1{margin:0;font-size:1.5rem}.spike h2{margin:0 0 8px;font-size:1.05rem}.spike__card{background:var(--surface, #fff);border-radius:16px;padding:16px;box-shadow:0 4px 20px #00000014}.spike__muted{color:var(--muted, #667);font-size:.85rem;word-break:break-word}.spike__bad{color:#b91c1c}.spike__caps{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.85rem}.spike__caps li.ok:before{content:"✓ ";color:#16a34a}.spike__caps li.bad:before{content:"✗ ";color:#dc2626}.spike__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.spike__row input,.spike__row select{padding:8px 10px;border-radius:10px;border:1px solid rgba(127,127,127,.35);font:inherit}.spike__videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.spike__canvas{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:12px;object-fit:contain}.spike__log{max-height:320px;overflow:auto;font-size:.75rem;background:#0000000d;padding:10px;border-radius:10px;white-space:pre-wrap}.fenomenal-audio-menu{position:relative}.fenomenal-audio-menu__panel{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);z-index:60;width:min(320px,calc(100vw - 32px));padding:14px 16px;border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--stroke-strong);box-shadow:var(--shadow);color:var(--text);text-align:left}.fenomenal-audio-menu__title{margin:4px 0 8px;font-weight:700;font-size:.85rem;color:var(--accent-soft)}.fenomenal-audio-menu__title:not(:first-child){margin-top:14px}.fenomenal-audio-menu__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.fenomenal-audio-menu__label{font-size:.85rem;color:var(--muted)}.fenomenal-audio-menu__segments{display:flex;border-radius:12px;background:#ffffff0f;padding:2px}.fenomenal-audio-menu__segment{border:0;background:transparent;color:var(--text);padding:6px 10px;border-radius:10px;font-size:.8rem;cursor:pointer}.fenomenal-audio-menu__segment--on{background:#22d3ee3d;color:#a8eefb}.fenomenal-audio-menu__segment:disabled{opacity:.5;cursor:default}.fenomenal-audio-menu__hint{margin:0;font-size:.75rem;line-height:1.35;color:var(--muted)}