.cp-panel{height:min(76dvh,680px);max-height:88%;padding-bottom:calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px);color:#fff;background:#1b1b1df7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;overflow:hidden}.cp-panel *{box-sizing:border-box}.cp-header{flex:none;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;min-height:42px;padding:0 10px;display:grid}.cp-header h2{text-align:center;letter-spacing:-.15px;color:#fff;margin:0;font-size:14px;font-weight:650}.cp-header button{color:#e7e7e9;background:0 0;border:0;place-items:center;width:40px;height:40px;padding:0;display:grid}.cp-sort{color:#aaaab0;flex:none;align-items:center;gap:7px;padding:2px 17px 11px;font-size:11px;display:flex}.cp-sort select{color:#e9e9ec;appearance:auto;background:0 0;border:0;max-width:170px;padding:4px 14px 4px 5px;font-size:11px}.cp-sort option{color:#fff;background:#252527}.cp-list{overscroll-behavior:contain;flex:1;min-height:100px;padding:0 16px;overflow-y:auto}.cp-comment{color:#f4f4f5;align-items:flex-start;gap:10px;padding:12px 0;display:flex}.cp-avatar{color:#fff;background:#49494e;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:grid;overflow:hidden}.cp-avatar>img,.cp-avatar>video{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.cp-comment-body{flex:1;min-width:0}.cp-comment-body>strong{color:#aaaab0;flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;font-weight:600;line-height:1.4;display:flex}.cp-comment-body>strong>.cp-creator{color:var(--theme-foreground,#fff);background:var(--theme,#ff304f);border-radius:4px;padding:1px 4px;font-size:9px;font-weight:600}.cp-comment-body>p{white-space:pre-wrap;overflow-wrap:anywhere;color:#f8f8fa;margin:5px 0;font-size:13px;font-weight:400;line-height:1.48}.cp-comment-meta{color:#8f8f95;align-items:center;gap:13px;margin-top:6px;font-size:10px;display:flex}.cp-comment-meta button{color:#8f8f95;background:0 0;border:0;align-items:center;gap:4px;padding:2px 0;font-size:10px;display:flex}.cp-comment-like{color:#aaaab0;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:4px;width:32px;min-height:44px;margin-top:17px;padding:0;display:flex}.cp-comment-like>svg{width:20px;height:20px;transition:color .18s,transform .18s}.cp-outline-heart>path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round}.cp-comment-like>span{color:#aaaab0;font-size:10px;font-weight:500}.cp-comment-like.is-liked>svg{color:#ff304f;animation:.24s ease-out cp-heart-pop}.cp-comment-like:active>svg{transform:scale(.9)}.cp-comment-media{max-width:190px;margin-top:8px}.cp-comment-media>img{object-fit:contain;object-position:left center;background:#343436;border-radius:11px;width:100%;max-height:230px;display:block}.cp-comment-sticker{max-width:140px}.cp-comment-sticker>img{background:0 0;border-radius:5px;width:auto;max-width:140px;max-height:150px}.cp-save-image{color:#aaaab0;background:0 0;border:0;align-items:center;gap:4px;padding:5px 0;font-size:9px;display:inline-flex}.cp-save-image:disabled{opacity:.65}.cp-comment-audio{flex-direction:column;gap:3px;max-width:100%;margin-top:8px;display:flex}.cp-comment-audio audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;max-width:270px;height:36px}.cp-comment-audio>small{color:#8f8f95;font-size:10px}.cp-empty{color:#85858a;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:190px;display:flex}.cp-empty>p{color:#b3b3b8;margin:0;font-size:13px}.cp-empty>small{font-size:11px}.cp-state{color:#a6a6ac;justify-content:center;align-items:center;gap:8px;padding:22px 4px;font-size:12px;display:flex}.cp-load-more{color:#b2b2b8;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin:10px auto 16px;padding:8px 0;font-size:11px;display:flex}.cp-feedback{text-align:center;color:#aaaab0;flex:none;margin:0;padding:4px 17px;font-size:11px;line-height:1.4}.cp-error{color:#ffadad}.cp-composer{background:#1f1f21f2;border-top:1px solid #ffffff07;flex:none;padding:12px 13px 0}.cp-input-row{align-items:center;gap:8px;display:flex}.cp-text-field{background:#3b3b3e;border-radius:23px;flex:1;align-items:center;min-width:0;padding:11px 13px;display:flex}.cp-text-field textarea{resize:none;width:100%;min-width:0;min-height:20px;max-height:90px;font:inherit;color:#fff;background:0 0;border:0;outline:none;padding:0;font-size:13px;line-height:1.45}.cp-text-field textarea::placeholder{color:#a6a6ab}.cp-send{background:var(--theme,#ff304f);width:38px;height:38px;color:var(--theme-foreground,#fff);border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:opacity .18s,transform .18s;display:grid}.cp-send:disabled{opacity:.4}.cp-send:active{transform:scale(.92)}.cp-tools{align-items:center;gap:6px;padding:9px 0 6px 42px;display:flex}.cp-tools>button{color:#eeeef1;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;display:grid}.cp-tools>button:disabled{opacity:.4}.cp-tools>button[aria-expanded=true]{background:#ffffff12}.cp-emoji-row{align-items:center;gap:2px;min-width:0;margin-left:auto;display:flex;overflow-x:auto}.cp-emoji-row>button{color:#e4e4e8;background:0 0;border:0;flex:none;place-items:center;width:27px;height:32px;padding:0;font-size:18px;display:grid}.cp-attachment{align-items:center;min-height:66px;margin:0 5px 10px 42px;padding:0;display:flex;position:relative}.cp-attachment>img{object-fit:cover;border-radius:10px;width:72px;height:72px;display:block}.cp-remove-attachment{color:#fff;background:#48484d;border:0;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;display:grid;position:absolute;top:0;right:0}.cp-audio-draft{flex:1;min-width:0;padding-right:33px}.cp-audio-draft audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:36px}.cp-audio-draft>small{color:#aaaab0;padding-top:4px;font-size:10px;display:block}.cp-recording{background:#3b3b3e;border-radius:23px;align-items:center;gap:8px;min-height:46px;padding:4px 9px;display:flex}.cp-recording>strong{font-size:11px;font-weight:500}.cp-recording>time{color:#bbb;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:10px}.cp-recording>button{color:#eee;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;padding:0;display:grid}.cp-recording>.cp-stop-recording{color:#fff;background:#ff304f}.cp-record-dot{background:#ff304f;border-radius:50%;flex:none;width:7px;height:7px;animation:1s ease-in-out infinite cp-record-pulse}.cp-tray-motion{opacity:0;flex:none;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.2,.8,.2,1),opacity .2s;display:grid}.cp-tray-motion[data-open=true]{opacity:1;grid-template-rows:1fr}.cp-sticker-tray{background:#2b2b2e;min-height:0;padding:0 14px;overflow:hidden}.cp-tray-motion[data-open=true] .cp-sticker-tray{padding-bottom:12px}.cp-library-header{justify-content:space-between;align-items:center;padding-top:10px;display:flex}.cp-library-header>span{color:#eeeef0;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.cp-library-header>button{color:#b8b8bd;background:0 0;border:0;place-items:center;width:31px;height:31px;padding:0;display:grid}.cp-sticker-tray>p{color:#a7a7ad;margin:4px 0 10px;font-size:10px}.cp-sticker-grid{overscroll-behavior:contain;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:210px;display:grid;overflow-y:auto}.cp-sticker-cell{aspect-ratio:1;min-width:0;position:relative}.cp-select-sticker{background:#39393c;border:0;border-radius:9px;width:100%;height:100%;padding:0;overflow:hidden}.cp-select-sticker img{object-fit:cover;width:100%;height:100%;display:block}.cp-delete-sticker{color:#fff;background:#111b;border:0;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:3px;right:3px}.cp-add-sticker{aspect-ratio:1;color:#bcbcc2;background:#39393c;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:0;display:flex}.cp-add-sticker>small{font-size:10px}.cp-keyboard .cp-list{min-height:44px}.cp-keyboard .cp-sticker-grid{max-height:95px}.cp-keyboard .cp-attachment{min-height:44px;margin-bottom:6px}.cp-keyboard .cp-attachment>img{width:44px;height:44px}.cp-keyboard .cp-composer{padding-top:7px}.cp-keyboard .cp-tools{padding-top:4px;padding-bottom:2px}.cp-panel button:focus-visible,.cp-panel select:focus-visible,.cp-panel textarea:focus-visible{outline-offset:2px;outline:2px solid #ffffffb0}@keyframes cp-heart-pop{45%{transform:scale(1.18)}}@keyframes cp-record-pulse{50%{opacity:.4}}@media (hover:hover){.cp-tools>button:hover,.cp-header button:hover{background:#ffffff0a}.cp-comment-like:hover>svg{color:#eee}.cp-comment-like.is-liked:hover>svg{color:#ff304f}.cp-select-sticker:hover,.cp-add-sticker:hover{opacity:.88}}@media (max-width:360px){.cp-tools{gap:3px;padding-left:0}.cp-emoji-row>button{width:27px}.cp-list{padding-inline:12px}.cp-comment{gap:8px}.cp-recording>strong{font-size:10px}.cp-recording{gap:5px}}@media (max-height:600px){.cp-panel{height:88dvh;max-height:95%}.cp-sticker-grid{max-height:130px}.cp-composer{padding-top:8px}.cp-tools{padding-top:4px;padding-bottom:2px}}@media (prefers-reduced-motion:reduce){.cp-panel *,.cp-panel :before,.cp-panel :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html[data-motion=off] .cp-panel *,.no-motion .cp-panel *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.cp-profile-avatar{background:0 0;border:0;border-radius:50%;flex:none;align-self:flex-start;padding:0}.cp-profile-name{color:inherit;font:inherit;text-align:left;background:0 0;border:0;padding:0}.cp-replies{margin-left:44px}.cp-replies .cp-avatar{width:27px;height:27px;font-size:11px}.cp-replies .cp-comment{gap:8px;padding:9px 0}.cp-replies-toggle{color:#b8b8c1;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0 10px;font-size:11px;font-weight:600;display:flex}.cp-replies-toggle>span{background:#73737c;width:24px;height:1px}.cp-reply-state{color:#aaaab0;align-items:center;gap:7px;font-size:11px;display:flex}.cp-reply-state button{color:inherit;background:0 0;border:0;padding:3px;text-decoration:underline}.cp-reply-target{color:#aaaab0;justify-content:space-between;align-items:center;gap:10px;padding:0 3px 9px;font-size:11px;display:flex}.cp-reply-target strong{color:#fff}.cp-reply-target button{color:#ddd;background:#ffffff0d;border:0;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.cp-moderation{z-index:4;position:absolute;inset:70px 14px auto;box-shadow:0 12px 50px #0008}.cp-comment-meta{flex-wrap:wrap}.cp-comment-meta button:hover{color:#eee}.cp-creator,.cp-send{background:var(--accent-surface,var(--theme))!important}.cp-comment-like.is-liked>svg{color:var(--theme)}