/* Inter (SIL Open Font License, see fonts/Inter-OFL.txt), Latin subset, served by Shorts itself. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter.woff2?v=a925d46da20a) format("woff2-variations"),url(/fonts/inter.woff2?v=a925d46da20a) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark;--bg:#0b0b0d;--panel:#131316;--panel2:#18181c;--line:#222227;--text:#efeff0;--muted:#a5a5ae;--purple:#a87af8;--pale:#cdb4fa}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 "Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:4px}input,textarea,select{border:1px solid #34343b;background:#0e0e10;border-radius:10px;color:var(--text);padding:14px 16px;width:100%;outline:0}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #a87af815}input::placeholder,textarea::placeholder{color:#8e8e99}textarea{resize:vertical;min-height:90px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:620;letter-spacing:-.8px}p{color:var(--muted)}.site-top{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:14px;background:#0d0d0f}.logo{display:flex;align-items:center;gap:11px;font-size:22.5px;font-weight:650;letter-spacing:-.65px}.logo-mark{width:28px;height:31px;border-radius:9px;background:var(--purple);display:grid;place-items:center;color:#1a1a1d;font-size:15px}.quiet-link{font-size:15px;color:var(--muted);display:flex;gap:7px;align-items:center}.quiet-link:hover{color:var(--pale)}.submit-main{max-width:500px;margin:67px auto 42px;padding:0 20px}.eyebrow{color:var(--purple);font-size:12.5px;font-weight:600;letter-spacing:1.6px}.submit-main h1{font-size:38px;margin:11px 0 8px}.submit-main>p{font-size:15.5px;line-height:1.7}.form-panel{margin-top:30px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.form-panel label{display:block;font-size:15px;font-weight:500;margin:0 0 9px}.form-panel label small{float:right;color:#9797a1;font-size:12.5px;font-weight:400}.hint{font-size:12.5px;color:#a2a2ab;margin-top:8px;min-height:16px}.primary{background:var(--purple);color:#161619;border:1px solid var(--purple);border-radius:10px;padding:13px 18px;font-size:15px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px}.primary:hover{background:#b48bff}.primary.wide{width:100%;margin-top:23px}.secondary{background:#1b1b1f;border:1px solid #383841;color:var(--pale);border-radius:10px;padding:12px 16px;min-height:44px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.secondary:hover{background:#222227}.text-button{min-height:40px;background:transparent;color:var(--muted);padding:8px;font-size:14px}.text-button:hover{color:var(--text)}.form-error,.error{font-size:15px;color:#f0aab9;margin-top:12px;white-space:pre-wrap}.form-error:empty,.error:empty{display:none}.success{text-align:center;padding:25px 0}.success-mark{width:51px;height:51px;border-radius:50%;background:#a87af81c;color:var(--purple);font-size:28px;display:grid;place-items:center;margin:0 auto 20px}.success h2{font-size:24.5px;margin-bottom:8px}.success p{font-size:15px;line-height:1.7}.success .secondary{margin-top:22px}.top-actions{display:flex;align-items:center;gap:9px}.admin-layout{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:calc(100vh - 82px)}.people-sidebar{border-right:1px solid var(--line);padding:32px 18px;background:#0e0e10}.sidebar-heading{color:#a3a3ab;font-size:12.5px;letter-spacing:1.1px;display:flex;justify-content:space-between;padding:0 11px;margin-bottom:12px}.sidebar-heading span{color:#a7a7b0;flex-shrink:0;white-space:nowrap}.person-button{width:100%;display:flex;align-items:center;gap:11px;padding:12px;border-radius:9px;color:#a4a4ac;background:none;text-align:left;margin-bottom:4px;font-size:15px}.person-button.selected{background:#a87af817;color:#d2b7ff}.person-button:hover{background:#a87af80b}.person-avatar{background:#1f1f23;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:15px;color:#b898e7;flex-shrink:0}.person-name{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-count{margin-left:auto;flex:0 0 auto;white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums;font-size:15px;font-weight:650;background:#222227;border:1px solid #373740;color:#cdb4fa;border-radius:999px;padding:2px 10px}.sidebar-empty{margin:15px 10px;font-size:14px;color:#9c9ca5}.inbox-main{padding:36px 39px;max-width:1680px;width:100%;min-width:0}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}.heading-row h1{font-size:33.5px;margin-bottom:7px}.heading-row p{font-size:16px}.heading-row p b{color:var(--pale);font-weight:650}.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}.tabs{display:flex;border:1px solid var(--line);border-radius:10px;padding:4px;gap:3px;background:#0f0f11}.tabs button{min-height:38px;padding:9px 14px;border-radius:7px;color:#b0b0b8;background:none;font-size:14px}.tabs button.active{background:#232329;color:#d3b7ff}.tabs small{font-size:14.5px;font-weight:650;opacity:.85;margin-left:6px;font-variant-numeric:tabular-nums}.search{margin-left:auto;max-width:235px;font-size:14px;padding:12px 14px;min-height:46px}.clip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.clip-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}.clip-preview{display:block;width:100%;height:172px;position:relative;background:#1b1b1f;color:#a887cd;overflow:hidden;text-align:left}.clip-preview.tiktok{background:radial-gradient(ellipse at 0 0,#19d7d24d,transparent 60%),radial-gradient(ellipse at 100% 100%,#ff2b705c,transparent 65%),linear-gradient(130deg,#075b65,#14212e 48%,#681638)}.clip-preview.instagram{background:radial-gradient(ellipse at 0 100%,#ffbf5d80,transparent 66%),linear-gradient(125deg,#b45229,#a22767 52%,#50298e)}.clip-preview.youtube{background:radial-gradient(ellipse at 10% 0,#ff70664d,transparent 70%),linear-gradient(125deg,#bd202b,#7d1122 60%,#360d1a)}.clip-preview.x{background:radial-gradient(ellipse at 100% 0,#52749d55,transparent 75%),linear-gradient(125deg,#151c26,#293442 60%,#0b1018)}.platform-tag{position:absolute;z-index:1;top:12px;left:12px;max-width:calc(100% - 64px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;color:#fbfbfb;background:#0b0b0dd9;border:1px solid #ffffff26;padding:4px 8px;border-radius:7px;backdrop-filter:blur(6px)}.preview-art{font-size:128px;line-height:1;opacity:.4;position:absolute;right:14px;top:-3px;font-weight:650;color:#fff;transform:rotate(-12deg)}.tiktok .preview-art{color:#efffff;opacity:.65;text-shadow:4px 3px #ff2b70,-4px -3px #20e4e2}.instagram .preview-art{color:#fff0ce;opacity:.45}.youtube .preview-art{font-size:108px;top:12px;right:18px;opacity:.35}.x .preview-art{font-size:110px;top:3px;opacity:.45;transform:rotate(-8deg)}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:1px solid #ffffff80;background:#0b101ba6;box-shadow:0 4px 18px #0004;backdrop-filter:blur(5px);border-radius:50%;display:grid;place-items:center;font-size:19px;padding-left:3px;color:#fff}.clip-preview:hover .play-button{background:#0b101be6;border-color:#fff}.seen-pill{position:absolute;bottom:11px;left:12px;font-size:11.5px;font-weight:500;border:1px solid #ffffff26;border-radius:6px;background:#0c0c0ee6;color:#ededef;padding:3px 7px}.seen-pill.done{color:#dcdcdf;background:#121215e6}.clip-info{padding:16px}.clip-sender{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.clip-sender .person-avatar{height:38px;width:38px;font-size:15px;border-radius:11px}.clip-sender strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--text)}.clip-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #202025}.clip-bottom time{font-size:13px;color:#a0a0aa}.clip-bottom button{font-size:13.5px;color:#b796e0;background:none;padding:0}.empty{border:1px dashed #303037;border-radius:16px;padding:65px 20px;text-align:center;color:#ababb3}.empty-icon{font-size:33.5px;color:#a87af8;margin-bottom:18px}.empty h2{font-size:21.5px;color:#c0c0c6;margin-bottom:10px}.empty p{font-size:14px;max-width:320px;margin:auto}.empty .secondary{margin-top:23px}.inbox-foot{display:flex;justify-content:space-between;margin-top:27px;font-size:11.5px;color:#5b5b69;gap:15px}.loading{text-align:center;padding:80px;color:#91919b;font-size:15px}.error-banner{background:#222227;border:1px solid #633246;padding:13px;border-radius:10px;margin-bottom:20px;color:#eaa7bb;font-size:15px}.viewer-backdrop{position:fixed;inset:0;background:#070708e8;backdrop-filter:blur(7px);z-index:30;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px}.viewer{background:#101012;border:1px solid #26262b;border-radius:18px;padding:21px;width:min(690px,100%);max-height:calc(100dvh - 40px);overflow:auto}.viewer.stream{width:min(1230px,100%);padding:24px 30px}.viewer-meta{color:#ababb3;font-size:12.5px;margin-top:5px}.video-stage{display:grid;place-items:center;background:#080809;border:1px solid #1d1d22;border-radius:16px;overflow:hidden;min-height:300px;width:100%;max-width:390px;margin:auto;aspect-ratio:9/13}.video-stage iframe{width:100%;height:100%;border:0;background:#060607}.embed-prompt{text-align:center;padding:26px}.embed-prompt .big-mark{font-size:54px;color:#b98aec;line-height:1.1}.embed-prompt h3{font-size:21.5px;color:#d1b9e5;margin:17px 0 9px}.embed-prompt p{font-size:14px;line-height:1.8;color:#ababb3;max-width:275px;margin:auto}.embed-prompt .primary{margin:20px 0 11px}.stream .video-stage{max-width:440px;height:min(67vh,720px);aspect-ratio:auto}.completion{text-align:center;padding:70px 25px}.completion h2{font-size:33.5px;margin:15px 0 10px}.completion p{font-size:15.5px;margin-bottom:24px}.toast{position:fixed;right:24px;bottom:24px;padding:12px 18px;color:#d8bcff;background:#24242a;border:1px solid #6c478b;border-radius:11px;font-size:15px;z-index:100}
@media(min-width:1500px){.clip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.inbox-main{padding:30px 25px}.admin-layout{grid-template-columns:270px minmax(0,1fr)}.clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search{max-width:180px}}@media(max-width:750px){.site-top{padding:0 20px;height:74px}.logo{font-size:21.5px}.submit-main{margin-top:39px}.submit-main h1{font-size:33.5px}.admin-layout{grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 74px)}.people-sidebar{padding:24px 10px}.sidebar-heading{font-size:10.5px;padding:0 7px}.person-button{font-size:12.5px;min-height:42px;padding:10px 8px;gap:8px}.person-avatar{width:32px;height:32px;font-size:13px}.person-count{font-size:13.5px;padding:2px 7px}.inbox-main{padding:27px 18px}.heading-row h1{font-size:29px}.heading-row{align-items:flex-start;flex-wrap:wrap}.tabs{gap:1px}.tabs button{padding:8px;font-size:12.5px}.search{max-width:100%;width:100%;margin:0;font-size:16px}.clip-grid{gap:12px}.clip-preview{height:160px}.clip-info{padding:12px}.clip-sender{font-size:12.5px}.clip-bottom{align-items:flex-start;flex-direction:column;gap:6px}.top-actions .secondary{padding:9px;font-size:12.5px}.stream .video-stage{height:50vh}.viewer.stream{padding:19px}}@media(max-width:520px){.admin-layout{display:block}.people-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:18px 20px}.sidebar-heading{padding:0;margin-bottom:12px;font-size:11.5px}.person-list{display:flex;gap:6px;overflow:auto;padding-bottom:4px}.person-button{width:auto;max-width:320px;white-space:nowrap;margin:0;flex-shrink:0;border:1px solid #212126;padding:8px}.person-button .person-avatar{width:24px;height:24px;font-size:11px}.person-button .person-count{margin-left:4px}.sidebar-empty{margin:8px 0;font-size:12.5px}.inbox-main{padding:25px 20px}.clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clip-preview{height:166px}.clip-sender .person-avatar{width:26px;height:26px;font-size:11px}.tabs{width:100%;justify-content:space-between}.tabs button{padding:8px 9px}.toolbar{gap:10px}.heading-row .primary{font-size:14px}.platform-tag{left:10px;top:10px;font-size:11.5px}.top-actions{gap:4px}.top-actions .text-button{font-size:12.5px}.inbox-foot{flex-direction:column;gap:7px}.submit-main{padding:0 20px}.form-panel{padding:26px}.viewer-backdrop{padding:10px}.viewer,.viewer.stream{max-height:calc(100dvh - 20px);padding:17px}.stream .video-stage{height:47vh}.video-stage{min-height:260px}.toast{right:15px;left:15px;bottom:15px;text-align:center}}@media(max-width:380px){.clip-grid{grid-template-columns:1fr}.top-actions .secondary{font-size:11.5px;padding:8px}.site-top{padding:0 15px}.submit-main h1{font-size:31.5px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.submit-main.form-only{margin:0 auto;min-height:100dvh;display:flex;align-items:center;justify-content:center;width:100%;max-width:500px;padding:35px 20px}.form-only .form-panel{width:100%;margin:0;padding:30px}.form-only .hint:empty{display:none}.form-only .primary.wide{margin-top:28px}.auth-brand{display:flex;justify-content:center;margin:0 0 23px}.account-status{display:inline-flex;align-items:center;font-size:12.5px;border:1px solid #50505c;background:#232328;color:#c2a3e5;padding:5px 9px;border-radius:7px;white-space:nowrap}.account-status.pending{background:#222227;border-color:#3d3d47;color:#bc9ccc}.account-status.blocked{background:#222227;border-color:#404049;color:#d69eb8}.pending-count{font-size:11.5px;margin-left:5px;color:#cb9bff}.accounts-main{max-width:1280px;margin:auto;padding:39px 35px}.account-list{display:flex;flex-direction:column;gap:13px}.account-card{display:flex;align-items:center;gap:22px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:22px 24px}.account-identity{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.account-identity h2{font-size:17px;letter-spacing:-.25px;overflow-wrap:anywhere}.account-identity p{font-size:11.5px;margin-top:6px}.account-controls{display:flex;align-items:center;gap:8px}.account-controls button{font-size:12.5px;white-space:nowrap;min-height:40px;padding:10px 14px}.account-identity .person-avatar{width:48px;height:48px;font-size:19px;border-radius:16px}
@media(max-width:750px){.site-top:has(#admin-users){height:auto;min-height:74px;flex-wrap:wrap;padding:14px 20px}.site-top:has(#admin-users) .top-actions{flex-wrap:wrap}.accounts-main{padding:28px 20px}.account-card{flex-wrap:wrap;gap:14px;padding:17px}.account-controls{width:100%;justify-content:flex-end}.account-identity p{font-size:10.5px}}@media(max-width:520px){.account-status{font-size:11.5px}.form-only .form-panel{padding:27px}}
.account-card{flex-wrap:wrap}.profile-platform-counts{display:flex;gap:8px;flex-wrap:wrap;width:100%;order:3;padding:14px 0 0;border-top:1px solid #202025}.profile-platform-counts>span{padding:5px 9px;border:1px solid #35353e;background:#1c1c20;border-radius:7px;font-size:12.5px;color:#af94c8}.profile-platform-counts b{color:#d1b4f0;margin-left:6px;font-variant-numeric:tabular-nums}.bot-state{color:#9472b1}.accounts-main{width:100%}.site-top{width:100%}
.profile-heading-actions{display:flex;gap:10px;flex-wrap:wrap}.add-profile-dialog{width:min(540px,calc(100% - 32px))}.add-profile-dialog p{color:var(--muted);font-size:15px;line-height:1.7;margin:12px 0}.add-profile-dialog label{display:block;margin:20px 0 8px}.add-profile-dialog input{width:100%;font-variant-numeric:tabular-nums}.discord-id-help{margin-top:14px;font-size:15px;color:var(--pale);line-height:1.7}.discord-id-help summary{cursor:pointer}.discord-id-help ol{padding-left:22px;margin:10px 0}.discord-id-help li{margin:6px 0}.add-profile-dialog .error{color:#f0aab9}.add-profile-dialog .primary{white-space:normal}
.clip-sender strong{min-width:0}.delete-dialog{width:min(460px,calc(100% - 32px));padding:26px;border:1px solid #3e3e47;border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 24px 90px #0008}.delete-dialog::backdrop{background:#060607c9;backdrop-filter:blur(4px)}.delete-dialog h2{font-size:26px;margin-bottom:16px}.delete-clip-meta{color:var(--pale);font-size:15.5px;line-height:1.8;margin-bottom:18px;overflow-wrap:anywhere}.delete-clip-meta time{color:var(--muted);font-size:14px}.delete-dialog #delete-description{font-size:15px;line-height:1.8}.delete-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.delete-confirm{min-height:44px;padding:12px 17px;border-radius:10px;background:#33333b;border:1px solid #734253;color:#ffd7e3;font-size:15px;font-weight:600}.delete-confirm:hover{background:#5a2d42}@media(max-width:520px){.clip-sender{gap:5px}.delete-dialog{padding:22px}}

/* Keep the larger controls comfortable on narrow screens. */
.account-controls{flex-wrap:wrap}.delete-dialog-actions{flex-wrap:wrap}.person-name{min-width:0}.clip-bottom button{min-height:30px}.tabs{max-width:100%}
/* Compact, nearly square Inbox cards; the viewer remains full height. */
.clip-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));align-items:start}.clip-card{aspect-ratio:1/1;min-height:220px;display:flex;flex-direction:column}.clip-preview{height:auto;min-height:80px;flex:1 1 auto}.clip-info{flex:0 0 auto}.clip-bottom{margin-top:10px;padding-top:10px}
@media(max-width:750px){input,textarea,select{font-size:16px}.top-actions{row-gap:8px}.tabs{flex-wrap:wrap}}
@media(max-width:520px){.clip-grid{grid-template-columns:minmax(0,1fr);max-width:320px;margin-inline:auto}.clip-card{min-height:200px;min-width:0}}
.platform-filters{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-7px 0 20px}
.platform-filters button{background:#131315;border:1px solid #25252b;border-radius:9px;min-height:38px;padding:7px 12px;color:#a0a0aa;font-size:14px}
.platform-filters button[aria-pressed="true"]{color:#e0c5ff;background:#26262c;border-color:#8456b0}
.bulk-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:20px;padding:12px 14px;border:1px solid #313139;border-radius:11px;background:#151518;font-size:14px}
.bulk-actions label{display:flex;align-items:center;gap:9px;cursor:pointer;color:#ccccd1}
.bulk-actions input,.clip-select input{width:20px;height:20px;min-width:20px;margin:0;padding:0;accent-color:var(--purple);cursor:pointer}
.bulk-actions #selected-count{color:#95959f}.bulk-actions .delete-confirm{margin-left:auto;font-size:14px;min-height:38px;padding:8px 12px}
.clip-card{position:relative}.clip-card.is-selected{border-color:#b27cff;box-shadow:0 0 0 1px #b27cff}
.clip-select{position:absolute;z-index:1;top:8px;right:8px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #6a498c;border-radius:9px;background:#18181ce8;cursor:pointer}
.clip-select:has(input:focus-visible){outline:2px solid var(--purple);outline-offset:3px}
@media(max-width:520px){.bulk-actions{gap:10px}.bulk-actions .delete-confirm{width:100%;margin-left:0}.platform-filters{gap:6px}.platform-filters button{min-height:40px}}

.bulk-action-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}.bulk-action-buttons .secondary{min-height:38px;padding:8px 12px;font-size:14px}.bulk-actions .bulk-action-buttons .delete-confirm{margin-left:0}.bulk-actions[aria-busy="true"]{cursor:progress}@media(max-width:750px){.bulk-action-buttons{width:100%;margin-left:0}}@media(max-width:520px){.bulk-action-buttons>button{width:100%}}
.preload-hint{font-size:14px;line-height:1.6;color:#b7b7be;margin:4px 0 18px;overflow-wrap:anywhere}.preload-status:has(+.preload-hint){margin-bottom:0}
.clip-load-state{color:#ffafbe;background:#35131d;border:1px solid #a94360;border-radius:8px;padding:7px 9px;margin:0 0 10px;font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.clip-load-state[hidden]{display:none}.clip-card.has-load-error{border-color:#a94360}

.nickname-dialog label{display:block;margin:20px 0 8px;font-size:15px}.nickname-dialog .nickname-original{overflow-wrap:anywhere;color:var(--pale);font-size:14.5px}.nickname-dialog #nickname-help{font-size:13.5px;line-height:1.7;margin-top:10px}.nickname-dialog input{font-size:16px}.nickname-dialog #nickname-reset{margin-right:auto}
.heading-row:has(#inbox-check-root){align-items:flex-start;flex-wrap:wrap;gap:24px}.inbox-check-root{width:min(420px,100%);margin-left:auto;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.inbox-check-root>button{min-height:42px;min-width:106px;white-space:nowrap}.inbox-check-progress{width:100%;padding:12px 14px;background:#111114;border:1px solid #33333a;border-radius:12px}.inbox-check-row+ .inbox-check-row{margin-top:11px;padding-top:11px;border-top:1px solid #222227}.inbox-check-row>div{display:flex;align-items:baseline;gap:12px;font-size:14.5px;line-height:1.6}.inbox-check-row strong{min-width:76px;color:#d6bee9;font-weight:600}.inbox-check-row [data-state]{color:#a3a3ab;overflow-wrap:anywhere}.inbox-check-row small{display:block;color:#a0a0a9;font-size:13.5px;line-height:1.6;font-variant-numeric:tabular-nums}.inbox-check-row small:empty{display:none}.inbox-check-row[data-tone="active"] [data-state]{color:#d1a6ff}.inbox-check-row[data-tone="warning"] [data-state]{color:#edb5a5}.inbox-check-row[data-tone="error"] [data-state]{color:#ffafbe}.inbox-check-row progress{display:block;width:100%;height:5px;margin-top:8px;border:0;border-radius:6px;overflow:hidden;accent-color:var(--purple);background:#2f2f37}.inbox-check-row progress[hidden]{display:none}.inbox-check-row progress::-webkit-progress-bar{background:#2f2f37;border-radius:6px}.inbox-check-row progress::-webkit-progress-value{background:#a878fa;border-radius:6px}.inbox-check-row progress::-moz-progress-bar{background:#a878fa;border-radius:6px}@media(max-width:750px){.inbox-check-root{width:100%;margin-left:0}.inbox-check-root>button{align-self:flex-start}.inbox-check-row>div{font-size:15px}.inbox-check-row small{font-size:14.5px}}
.social-account-labels{display:flex;flex-wrap:wrap;gap:10px;width:100%;order:2}.social-account-label{display:flex;align-items:center;gap:12px;min-height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#131316;font-size:14.5px;min-width:0;overflow-wrap:anywhere}.social-account-label b{font-weight:500;white-space:nowrap}.social-account-label>span{color:var(--pale)}.social-account-label.instagram b{color:#eea5cd}.social-account-label.tiktok b{color:#8dddd9}.social-accounts-dialog{width:min(540px,calc(100% - 32px))}.social-accounts-dialog label{display:block;margin:20px 0 8px;font-size:16px}.social-accounts-dialog input{font-size:16px}.social-discord-name{font-size:15px;color:var(--pale);overflow-wrap:anywhere}.social-discord-name span{display:block;margin-top:4px;color:var(--muted)}.social-field-help,.social-intake-note{font-size:14.5px;line-height:1.7;margin-top:15px;color:var(--pale)}.social-intake-note{padding:12px 14px;border:1px solid #54416a;border-radius:10px;background:#a87af80c}.account-controls{flex-wrap:wrap}@media(max-width:520px){.social-account-label{width:100%;justify-content:space-between}.account-controls{justify-content:flex-start}.account-controls>button{flex:1}.social-accounts-dialog .delete-dialog-actions{flex-wrap:wrap}.social-accounts-dialog .delete-dialog-actions>button{flex:1}}
.instagram-main .heading-row p{max-width:700px;line-height:1.5}
.instagram-main .error-banner a{color:#e7c0ff;text-decoration:underline}
@media(max-width:640px){.instagram-main .heading-row{align-items:flex-start;flex-wrap:wrap}}
.inbox-check-row [data-command-error]{color:#ffafbe;font-size:13.5px;margin-top:6px}
.inbox-check-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.inbox-check-actions button{min-height:42px;white-space:nowrap}@media(max-width:750px){.inbox-check-actions{align-self:flex-start;justify-content:flex-start}}

.inbox-heading-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:12px;flex-wrap:wrap}.manual-import-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto}.manual-import-dialog label{display:block;margin:20px 0 8px;font-weight:600}.manual-import-dialog input,.manual-import-dialog select{width:100%;font-size:16px}.manual-import-dialog p{line-height:1.55}.manual-platform{color:#c9a7ff;margin:8px 0}.manual-import-dialog .social-field-help{font-size:15px;color:var(--muted);margin-top:12px}.manual-import-dialog .error{margin-top:12px}.manual-import-dialog .delete-dialog-actions{margin-top:22px}@media(max-width:700px){.inbox-heading-actions{justify-content:flex-start;width:100%}.manual-import-dialog .delete-dialog-actions{flex-wrap:wrap}}
.manual-import-modes{display:flex;gap:8px;margin:18px 0 20px}.manual-import-modes button{flex:1}.manual-import-modes .active{background:#313139;border-color:#a879f7;color:#f3f3f5}.chat-import-dialog [data-guide]{font-size:15px;color:#c9a7ff}.chat-import-progress{padding:18px;background:#121215;border:1px solid #49325f;border-radius:18px;margin-top:20px}.chat-import-progress[hidden]{display:none}.chat-import-progress progress{width:100%;height:7px;margin:16px 0;accent-color:#b488ff}.chat-import-counts{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0}.chat-import-counts span{color:var(--muted);font-size:15px}.chat-import-counts b{color:#f0f0f2;font-size:22px;margin-right:4px}.chat-import-progress p{font-size:15px;color:var(--muted);margin:8px 0 0}.chat-import-dialog .delete-dialog-actions{flex-wrap:wrap}.chat-import-dialog [data-extension]{min-height:22px}@media(max-width:480px){.manual-import-modes{flex-direction:column}.chat-import-counts{gap:12px}}
.chat-people{display:grid;gap:8px;margin:16px 0 4px;max-height:min(46vh,420px);overflow:auto;padding-right:2px}
.chat-person{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}
.chat-person>div{display:grid;gap:2px;min-width:0}
.chat-person span{font-size:14.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-person button{flex:none;min-width:96px}
.chat-person-all{background:#1a1a1e;border-color:#49325f}
.chat-import-log{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:15px;max-height:180px;overflow:auto}
.chat-import-log .is-ok{color:#cfe9d4}.chat-import-log .is-warn{color:#f1c7a2}
.chat-import-step{display:block;font-weight:400;font-size:14.5px;color:var(--muted);margin-top:4px}
.chat-import-dialog [data-extension].error{color:#f1a5b7}
.auto-next{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--pale);cursor:pointer;margin:4px 0}
.auto-next input{width:18px;height:18px;accent-color:#b488ff}
/* Compact inbox header (1.7.52): title and all buttons in one row, the
   platform status as a slim strip underneath. */
.heading-row:has(#inbox-check-root){display:flex;flex-wrap:wrap;align-items:center;gap:10px 8px;margin-bottom:16px}
.heading-row:has(#inbox-check-root)>div:first-child{flex:1 1 220px;min-width:0}
.inbox-heading-actions,.inbox-check-root{display:contents}
.inbox-heading-actions>#manual-import,.inbox-check-actions button{min-height:38px;padding:8px 14px}
.inbox-check-actions{display:flex;gap:8px;align-self:center}
.inbox-check-progress{flex:1 0 100%;order:5;width:auto;min-width:0;display:flex;flex-wrap:wrap;gap:4px 22px;padding:7px 12px}
.inbox-check-row,.inbox-check-row+.inbox-check-row{margin:0;padding:0;border:0;min-width:0}
.inbox-check-row>div{gap:8px;font-size:14px;line-height:1.5}
.inbox-check-row strong{min-width:0}
.inbox-check-row small:empty{display:none}
.bulk-actions{padding:8px 12px;margin-bottom:12px}
.preload-status{font-size:13.5px;color:var(--muted);margin:0}
.preload-hint{font-size:13.5px;color:var(--muted);margin:0 0 10px}
.bulk-actions .list-meta{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 12px;color:#9c9ca5;font-size:13px;text-align:right}
.bulk-actions:has(.bulk-action-buttons:not([hidden])) .list-meta{display:none}
@media(max-width:640px){.inbox-heading-actions>#manual-import,.inbox-check-actions button{padding:7px 10px;font-size:14.5px}.bulk-actions .list-meta{margin-left:0;justify-content:flex-start;text-align:left}}
/* Compact profile cards (1.7.58): accounts and clip counts share one row. */
.account-card{padding:14px 18px;gap:10px 16px}
.account-meta{order:2;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.account-meta .social-account-labels{width:auto;order:0;gap:8px}
.account-meta .profile-platform-counts{width:auto;order:0;margin-left:auto;padding:0;border:0;gap:6px}
.account-meta .profile-platform-counts:empty{display:none}
.account-list{gap:10px}
.account-meta .social-account-label{min-height:32px;padding:5px 10px;gap:8px;font-size:14px}
/* Clips that are no longer online (1.7.60). */
.clip-card.is-gone .clip-preview{filter:grayscale(.85) brightness(.55)}
.clip-gone{margin:0 0 8px;padding:6px 10px;border:1px solid #4a3a2a;border-radius:9px;background:#211a12;color:#e0b98a;font-size:13.5px}
.bulk-actions .list-meta b{font-weight:600;color:#b9a3d3}
.bulk-actions #select-gone{font-size:13px;color:#e0b98a;padding:2px 0;min-height:0}
.chat-recent-only{display:flex;align-items:center;gap:8px;padding:6px 4px 10px;font-size:14px;color:#ccccd1;cursor:pointer}
.chat-recent-only input{width:16px;height:16px;accent-color:#b488ff}
.chat-recent-only small{color:#afafb7;font-size:12.5px}
/* The server cache count replaces the browser preload details in the inbox (1.7.73); the viewer keeps them. */
.bulk-actions #inbox-preload-status{display:none}
.inbox-check-solve{display:inline-flex;gap:10px;margin-left:8px}
.inbox-check-solve .text-button{padding:0;min-height:0;font-size:13.5px;color:#e0b98a;text-decoration:underline;text-underline-offset:2px}
/* Real preview pictures from the server cache (1.7.81). */
.clip-preview .preview-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.88}
.clip-preview:has(.preview-thumb)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,12,18,.35),rgba(14,12,18,0) 35%,rgba(14,12,18,.45));z-index:0;pointer-events:none}
.clip-preview .platform-tag,.clip-preview .play-button,.clip-preview .seen-pill{z-index:1}
.bulk-actions #delete-gone{margin-left:auto;min-height:34px;padding:6px 12px;font-size:13.5px}
.tabs [data-filter="gone"]{color:#e0b98a}
.person-count.is-zero{opacity:.45}
.profile-platform-counts>.profile-clip-stats{display:flex;align-items:center;gap:6px;padding:0;border:0;background:none;margin-right:10px}
.profile-clip-stats>span{padding:5px 9px;border:1px solid #35353e;background:#1c1c20;border-radius:7px;font-size:12.5px;color:#af94c8}
.profile-clip-stats b{color:#d1b4f0;margin-left:6px;font-variant-numeric:tabular-nums}
.profile-clip-stats>.profile-total{border-color:#7d55c7;background:#36245a;color:#ebebec;font-size:13.5px;font-weight:600}
.profile-clip-stats>.profile-total b{color:#fff;font-size:14.5px}
.account-meta .profile-platform-counts{align-items:center}
.account-menu{position:relative}
.account-menu>summary{list-style:none;cursor:pointer;margin:0;min-height:40px;min-width:44px;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:18px;line-height:1;user-select:none}
.account-menu>summary::-webkit-details-marker{display:none}
.account-menu[open]>summary{border-color:#7d55c7;color:#ebebec}
.account-menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:190px;display:flex;flex-direction:column;padding:6px;background:#18181c;border:1px solid #35353e;border-radius:12px;box-shadow:0 12px 30px #000a}
.account-menu-list button{all:unset;box-sizing:border-box;padding:9px 12px;border-radius:8px;font-size:14.5px;color:#efeff0;cursor:pointer;white-space:nowrap}
.account-menu-list button:hover,.account-menu-list button:focus-visible{background:#222227}
.account-menu-list .is-danger{color:#f2a3a3}
@media(max-width:750px){.account-menu-list{left:0;right:auto}}
.inbox-check-strip{margin:-6px 0 18px}
.inbox-check-panel{background:#111114;border:1px solid #33333a;border-radius:12px}
.inbox-check-panel>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:9px 14px;font-size:14px;color:#a3a3ab;user-select:none}
.inbox-check-panel>summary::-webkit-details-marker{display:none}
.inbox-check-title{color:#d6bee9;font-weight:600}
.inbox-check-summary{display:flex;flex-wrap:wrap;gap:4px 16px;min-width:0}
.inbox-check-summary [data-tone="active"]{color:#d1a6ff}.inbox-check-summary [data-tone="warning"]{color:#edb5a5}.inbox-check-summary [data-tone="error"]{color:#ffafbe}
.inbox-check-chevron{margin-left:auto;transition:transform .15s}
.inbox-check-panel[open] .inbox-check-chevron{transform:rotate(180deg)}
.inbox-check-body{display:flex;align-items:flex-start;gap:12px 18px;flex-wrap:wrap;padding:4px 14px 12px;border-top:1px solid #222227}
.inbox-check-panel .inbox-check-progress{flex:1 1 360px;width:auto;min-width:0;order:0;display:block;padding:8px 0 0;background:none;border:0;border-radius:0}
.inbox-check-panel .inbox-check-actions{margin-left:auto;align-self:center;display:flex;gap:8px;flex-wrap:wrap}
.inbox-check-panel .inbox-check-actions button{min-height:36px;padding:7px 13px;margin:0}
.platform-menu{position:relative}
.platform-menu>summary{list-style:none;cursor:pointer;min-height:40px;padding:8px 14px;margin:0;white-space:nowrap;font-size:14px}
.platform-menu>summary::-webkit-details-marker{display:none}
.platform-menu[open]>summary{border-color:#7d55c7;color:#ebebec}
.platform-menu .platform-filters{position:absolute;left:0;top:calc(100% + 6px);z-index:20;margin:0;flex-direction:column;align-items:stretch;min-width:200px;padding:6px;background:#18181c;border:1px solid #35353e;border-radius:12px;box-shadow:0 12px 30px #000a}
.platform-menu .platform-filters button{text-align:left;justify-content:flex-start;border-color:transparent;background:none}
.platform-menu .platform-filters button[aria-pressed="true"]{background:#26262c;border-color:#8456b0}
.profile-clip-stats>button.profile-total{cursor:pointer;font:inherit;font-size:13.5px;font-weight:600;min-height:0;line-height:1.4;padding:5px 9px;border:1px solid #7d55c7;border-radius:7px;background:#36245a;color:#ebebec;margin:0}
.profile-clip-stats>button.profile-total:hover{border-color:#a07ae6;background:#41296b}
.nav-menu{position:relative}
.nav-menu>summary{list-style:none;cursor:pointer;user-select:none}
.nav-menu>summary::-webkit-details-marker{display:none}
.nav-menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;min-width:170px;padding:6px;background:#18181c;border:1px solid #35353e;border-radius:12px;box-shadow:0 12px 30px #000a}
.nav-menu-list button{all:unset;box-sizing:border-box;padding:9px 12px;border-radius:8px;font-size:14.5px;color:#efeff0;cursor:pointer;white-space:nowrap}
.nav-menu-list button:hover,.nav-menu-list button:focus-visible,.nav-menu-list button[aria-current="page"]{background:#222227}
.ranking-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px;min-width:0}
.ranking-card h2{font-size:16px;margin:0 0 12px;color:#ebebec}
.ranking-overall{margin-bottom:16px}
.ranking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.ranking-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ranking-list li{display:grid;grid-template-columns:38px 38px minmax(0,1fr) minmax(60px,1.2fr) auto;align-items:center;gap:14px;font-size:15px}.ranking-list.is-compact li{grid-template-columns:36px 38px minmax(0,1fr) auto;gap:12px}
.ranking-place{text-align:center;font-size:16px;color:#a3a3ab}
.ranking-list .person-avatar{width:38px;height:38px}
.person-avatar.is-all{background:linear-gradient(135deg,#b48cff,#6f47d6);color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f}.person-avatar.is-all svg{display:block}.person-button.selected .person-avatar.is-all{box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 2px #a87af855}
.person-avatar.has-photo{padding:0;overflow:hidden;background:#1f1f23}.person-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.ranking-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#efeff0}
.ranking-bar{height:8px;background:#1c1c20;border-radius:999px;overflow:hidden}
.ranking-bar>span{display:block;height:100%;background:linear-gradient(90deg,#7d55c7,#b488ff);border-radius:999px}
.ranking-list b{font-variant-numeric:tabular-nums;color:#ebebec;min-width:28px;text-align:right}
.ranking-empty{color:#a3a3ab;font-size:14px;margin:0}
@media(max-width:520px){.ranking-list li{grid-template-columns:28px 38px minmax(0,1fr) auto}.ranking-bar{display:none}.ranking-list.is-compact li{grid-template-columns:28px 38px minmax(0,1fr) auto}.ranking-list.is-compact .ranking-bar{display:block}}
.top-actions>button,.top-actions>a,.nav-menu>summary,.primary,.secondary{border-radius:999px}.top-actions>button.secondary,.nav-menu>summary.secondary{background:var(--purple);border-color:var(--purple);color:#130a22;font-weight:600}.top-actions>button.secondary:hover,.nav-menu>summary.secondary:hover{background:#b48bff}.top-actions .pending-count{color:inherit}
.tabs{border-radius:999px}.tabs button{border-radius:999px}.tabs button.active{background:#a87af82e;color:#dcc8ff}
.person-avatar,.clip-sender .person-avatar,.account-identity .person-avatar{border-radius:50%}.person-button{border-radius:12px}.person-button.selected .person-avatar{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--purple)}
.clip-card{transition:border-color .15s,transform .15s}.clip-card:hover{transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.clip-card{transition:none}.clip-card:hover{transform:none}}
.clip-card{--platform:#555561;--platform-end:#3a3a42;border:2px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(135deg,var(--platform),var(--platform-end)) border-box}
.clip-card.platform-tiktok{--platform:#25f4ee;--platform-end:#fe2c55}
.clip-card.platform-instagram{--platform:#df4fa9;--platform-end:#ffb05b}
.clip-card.platform-youtube{--platform:#ff3d3d;--platform-end:#ffc4b8}
.clip-card.platform-x{--platform:#e7e9ea;--platform-end:#52749d}
.clip-card.has-load-error{border-color:#e76583}
.clip-card.is-selected{border-color:#b27cff;box-shadow:0 0 0 2px #b27cff}
.platform-card{position:relative;overflow:hidden}.platform-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--platform,var(--purple))}.platform-card.tiktok{--platform:#25f4ee}.platform-card.instagram{--platform:#ff4fa0}.platform-card.youtube{--platform:#ff3d3d}.platform-card.x{--platform:#e7e9ea}.platform-card .ranking-bar>span{background:var(--platform,var(--purple))}
@media(max-width:750px){.tabs{border-radius:16px}}
.to-top{position:fixed;right:24px;bottom:24px;z-index:20;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;padding:0;background:var(--purple);color:#130a22;box-shadow:0 8px 24px #000a;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s}.to-top.is-visible{opacity:1;visibility:visible;transform:none}.to-top:hover{background:#b48bff}@media(max-width:520px){.to-top{right:16px;bottom:16px;width:46px;height:46px}}@media(prefers-reduced-motion:reduce){.to-top{transition:none}}
.ranking-place.is-medal{font-size:28px;line-height:1}
.person-button[data-person="all"] .person-count{font-size:17.5px;font-weight:700;padding:3px 13px;background:var(--purple);border-color:var(--purple);color:#130a22}
.bot-setting .inbox-chat-person{display:flex;align-items:center;gap:12px;min-width:0}.inbox-chat-person .person-avatar{width:32px;height:32px;font-size:13px}.inbox-chat-person>span{min-width:0;overflow-wrap:anywhere}
.ranking-card h2{display:flex;align-items:baseline;gap:10px}.ranking-total{margin-left:auto;font-size:14px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.admin-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.admin-top .logo{justify-self:start}.admin-top .top-actions{justify-self:center}.admin-top .nav-menu-list{right:auto;left:50%;transform:translateX(-50%)}
.nav-menu-list .nav-menu-link{box-sizing:border-box;padding:9px 12px;border-radius:8px;font-size:14.5px;color:var(--pale);white-space:nowrap;margin-top:4px;border-top:1px solid #2a2a30}.nav-menu-list .nav-menu-link:hover,.nav-menu-list .nav-menu-link:focus-visible{background:#222227}
.top-actions .pending-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:999px;background:#f5a524;color:#1a1204;font-size:12px;font-weight:700;vertical-align:1px}
.admin-top .top-actions{gap:6px}.admin-top .top-actions>button,.admin-top .nav-menu>summary{font-size:15.5px;padding:10px 18px;min-height:42px;display:inline-flex;align-items:center}
.admin-top .nav-menu>summary{gap:7px}
.notify-test{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}.notify-test .secondary{margin:0}#bot-notify-test-status{font-size:14px;color:var(--pale)}
.ranking-range{align-self:center}.saved-disk-inline{display:inline-grid;vertical-align:-2px;color:#3ecf6e}
.filter-menu .filter-menu-list{position:absolute;left:0;top:calc(100% + 6px);z-index:20;display:flex;flex-direction:column;gap:12px;min-width:250px;padding:10px;background:#18181c;border:1px solid #35353e;border-radius:12px;box-shadow:0 12px 30px #000a}.filter-group>span{display:block;font-size:12px;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 5px 6px}.filter-menu .platform-filters{position:static;display:flex;flex-direction:column;gap:2px;margin:0;padding:0;background:none;border:0;box-shadow:none;min-width:0}

/* Card: avatar, name, disk and menu in one row; send time and seen below. */
.clip-sender strong{flex:0 1 auto;min-width:0}
.fav-mark{color:#bb8afc;font-size:14px;flex-shrink:0;margin-left:-5px}
.clip-sender-tools{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}
.disk-state{display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:8px;background:none;color:#5f5f6a}
.disk-state svg{width:17px;height:17px}
.disk-state.is-saved{color:#3ecf6e}
button.disk-state{cursor:pointer}
button.disk-state:hover:not(:disabled){color:#a5a5ae;background:#ffffff0d}
.disk-state.is-unsaved{color:#f5a524}
.disk-state.is-unsaved:hover:not(:disabled){color:#f8c062;background:#f5a52412}
.disk-state.is-loading{color:#3ecf6e;animation:disk-pulse 1.1s ease-in-out infinite}
.disk-state:disabled{cursor:default}
@keyframes disk-pulse{50%{opacity:.3}}
.card-menu{position:relative}
.card-menu>summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;font-size:20px;line-height:1;color:#a0a0aa;user-select:none}
.card-menu>summary::-webkit-details-marker{display:none}
.card-menu>summary:hover,.card-menu[open]>summary{background:#ffffff12;color:var(--text)}
.card-menu>summary:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.card-menu-list{position:absolute;right:0;bottom:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;min-width:190px;padding:6px;background:#18181c;border:1px solid #35353e;border-radius:12px;box-shadow:0 12px 30px #000a}
.card-menu-list button{all:unset;box-sizing:border-box;padding:9px 12px;border-radius:8px;font-size:14px;color:#efeff0;cursor:pointer;white-space:nowrap}
.card-menu-list button:hover,.card-menu-list button:focus-visible{background:#222227}
.card-menu-list .danger{color:#f0aab9}
.card-menu-list .danger:hover,.card-menu-list .danger:focus-visible{background:#f0aab914}
.clip-bottom time,.clip-bottom button{white-space:nowrap}
.clip-bottom time{min-width:0;overflow:hidden;text-overflow:ellipsis}
.clip-load-state{margin:0 0 8px;padding:6px 10px;font-size:13.5px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.disk-state.is-gone{color:#b46a7b;cursor:help}
.disk-state.is-gone:hover{color:#f0aab9;background:#f0aab912}
.toast{max-width:min(460px,calc(100vw - 48px));line-height:1.45}
/* Cards outside the screen are skipped until scrolled near (about 5x faster with hundreds of clips). */
.clip-card{content-visibility:auto;contain-intrinsic-size:auto 300px}
/* The player backdrop is nearly opaque: a blur behind it was barely visible but cost GPU work while videos play. */
.viewer-backdrop{backdrop-filter:none;background:#070708f0}

.inbox-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.inbox-heading-actions>button{min-height:38px;padding:8px 14px}

.chat-status-line{display:block;max-width:50rem;white-space:normal;line-height:1.5;margin:.35rem 0 .8rem;color:var(--muted)}
.chat-status-summary{display:grid;gap:.25rem;margin:.7rem 0;font-size:.85rem;line-height:1.5}.chat-status-summary span{color:var(--muted)}
.account-meta .chat-status-summary{order:1;width:100%;grid-template-columns:6rem minmax(0,1fr);margin:0}