@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,500&family=Noto+Sans+Thai:wght@400;500;600;700&family=Sarabun:wght@400;500;600;700&display=swap";:root{--font: "Sarabun", "DM Sans", "Noto Sans Thai", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--bg0: #f4f7f8;--bg1: #ffffff;--surface: #ffffff;--surface2: #f7faf9;--elevated: #eef3f2;--hairline: rgba(12, 61, 93, .07);--border: rgba(12, 61, 93, .09);--border-strong: rgba(12, 61, 93, .14);--text: #0c3d5d;--text-strong: #062a44;--muted: #475d69;--muted2: #6a7e8a;--accent: #00a08e;--accent-strong: #00897a;--accent-soft: #e6f5f2;--accent-dim: rgba(0, 160, 142, .14);--accent-ring: rgba(0, 160, 142, .22);--success: #157539;--success-bg: rgba(21, 117, 57, .1);--warning: #b47400;--warning-bg: rgba(180, 116, 0, .1);--danger: #b03025;--danger-bg: rgba(176, 48, 37, .09);--shadow-xs: 0 1px 2px rgba(12, 61, 93, .05);--shadow-sm: 0 2px 6px rgba(12, 61, 93, .06), 0 1px 2px rgba(12, 61, 93, .04);--shadow-md: 0 10px 24px -12px rgba(12, 61, 93, .16), 0 2px 6px rgba(12, 61, 93, .05);--shadow-lg: 0 24px 56px -24px rgba(12, 61, 93, .28), 0 4px 10px rgba(12, 61, 93, .05);--radius-xs: 8px;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 24px;--ease-spring: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-quick: cubic-bezier(.4, 0, .2, 1);--dur-fast: .14s;--dur: .22s;--dur-slow: .36s;color:var(--text);background:var(--bg0);font-family:var(--font);font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}::selection{background:var(--accent-dim);color:var(--text-strong)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg0);background-image:radial-gradient(1200px 600px at 8% -10%,rgba(0,160,142,.06),transparent 55%),radial-gradient(900px 520px at 92% -5%,rgba(12,61,93,.05),transparent 55%);background-attachment:fixed}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,p{margin:0}:focus-visible{outline:none}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#0c3d5d29;border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#0c3d5d47;background-clip:padding-box;border:2px solid transparent}*::-webkit-scrollbar-track{background:transparent}@keyframes routeFadeUp{0%{opacity:0;transform:translateY(12px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes metricFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.routeFadeIn{animation:routeFadeUp .52s var(--ease-spring) both}.skel{background:linear-gradient(90deg,#eef2f7,#f7fafc,#eef2f7);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:12px;border:1px solid rgba(15,23,42,.04);color:transparent;min-width:0}.skel--kpi{height:86px}.skel--chartHero{height:320px}.skel--chartSplit{height:220px}.skel--row{height:52px;border-radius:10px}.reportTableSkel{display:flex;flex-direction:column;gap:8px;padding:4px 0 12px}.viewTransition{display:block;animation:fadeIn .32s var(--ease-out)}.metrics--enter .metric{opacity:0;animation:metricFadeUp .48s var(--ease-spring) forwards}.metrics--enter .metric:nth-child(1){animation-delay:.04s}.metrics--enter .metric:nth-child(2){animation-delay:.1s}.metrics--enter .metric:nth-child(3){animation-delay:.16s}.appShell{display:flex;flex-direction:column;min-height:100vh}.routeMain{flex:1;display:flex;flex-direction:column;min-width:0}.appNav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:64px;padding:10px clamp(14px,1.4vw,22px);border-bottom:1px solid var(--hairline);background:color-mix(in srgb,var(--bg1) 78%,transparent);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6)}.appNavMain{display:flex;align-items:center;gap:4px}.appNavTrailing{display:flex;align-items:center;gap:8px}.appNavTrailLink{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid var(--border);color:var(--text-strong);background:var(--surface);text-decoration:none;font-size:14px;font-weight:600;transition:color var(--dur-fast) var(--ease-quick),background var(--dur-fast) var(--ease-quick),border-color var(--dur-fast) var(--ease-quick)}.appNavTrailLink:hover{color:var(--accent-strong);border-color:var(--accent)}.appNavTrailLink.active{color:#fff;background:var(--accent);border-color:var(--accent)}.appNav:after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent,rgba(12,61,93,.08),transparent)}.appNav a{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm);min-height:40px;padding:0 16px;color:var(--muted);background:transparent;text-decoration:none;font-size:14.5px;font-weight:600;letter-spacing:.005em;transition:color var(--dur-fast) var(--ease-quick),background var(--dur-fast) var(--ease-quick)}.appNav a:hover{color:var(--text);background:#0c3d5d0a}.appNav a.active{color:var(--text-strong);background:#00a08e14}.appNav a.active:after{content:"";position:absolute;left:16px;right:16px;bottom:-13px;height:2px;background:var(--accent);border-radius:2px}.workspace{width:100%;padding:clamp(18px,1.6vw,26px) clamp(14px,1.4vw,22px) 72px;overflow:hidden}.workspace--wide{max-width:none;width:100%;margin:0}.controlBar{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:18px 24px}.channelTools{display:flex;align-items:flex-end;gap:6px;flex-wrap:nowrap}.channelTools .iconBtn{margin-bottom:0}.fieldLabel{display:flex;flex-direction:column;gap:8px;min-width:0}.fieldLabel--inline{min-width:min(280px,100%)}.fieldLabelText{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted2)}.customSelect{position:relative;width:100%}.customSelect--channel{min-width:240px}.customSelectTrigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:46px;padding:0 14px 0 16px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);font-size:14.5px;font-weight:600;cursor:pointer;outline:none;text-align:left;box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) var(--ease-quick),box-shadow var(--dur-fast) var(--ease-quick),background var(--dur-fast) var(--ease-quick)}.customSelectTrigger:hover:not(:disabled){border-color:var(--accent)}.customSelectTrigger:focus-visible,.customSelectTrigger--open{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.customSelectTrigger:disabled{cursor:not-allowed;opacity:.55}.customSelectValue{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customSelectCaret{flex-shrink:0;color:var(--muted);transition:transform var(--dur) var(--ease-spring)}.customSelectTrigger--open .customSelectCaret{transform:rotate(-180deg);color:var(--accent)}.customSelectMenu{z-index:10050;padding:6px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-lg);overflow-y:auto;overscroll-behavior:contain;animation:riseIn .18s var(--ease-spring)}.customSelectOption{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:var(--radius-xs);margin:0;color:var(--text);background:transparent;font:inherit;font-size:14.5px;font-weight:600;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-quick),color var(--dur-fast) var(--ease-quick)}.customSelectOption:hover,.customSelectOption--hl{background:var(--accent-soft);color:var(--text-strong)}.customSelectOption--selected{color:var(--accent)}.customSelectOptionLabel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customSelectCheck{flex-shrink:0;color:var(--accent)}.crumbBar{display:flex;align-items:center;min-width:0;justify-content:center;padding-bottom:3px}.crumbList{display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px;margin:0;padding:6px 8px;list-style:none;border-radius:999px;border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-xs)}.crumbList li{display:flex;align-items:center;min-width:0}.crumbDivider{display:flex;align-items:center;justify-content:center;color:var(--muted2);opacity:.6;padding:0 2px}.crumbChip{display:inline-flex;align-items:center;max-width:min(280px,36vw);min-height:32px;padding:0 14px;border-radius:999px;border:1px solid transparent;font-size:13.5px;font-weight:600;letter-spacing:.005em;transition:background var(--dur-fast) var(--ease-quick),color var(--dur-fast) var(--ease-quick)}.crumbChipLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumbChip--link{color:var(--muted);background:transparent;cursor:pointer;font:inherit;font-weight:600}.crumbChip--link:hover{color:var(--accent);background:var(--accent-soft)}.crumbChip--link:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.crumbChip--current{color:var(--text-strong);background:var(--accent-soft);cursor:default}.controlActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex-wrap:nowrap}.searchBox{display:flex;align-items:center;width:min(360px,100%);min-height:46px;gap:10px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) var(--ease-quick),box-shadow var(--dur-fast) var(--ease-quick)}.searchBox:hover{border-color:var(--accent)}.searchBox:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.searchIcon{flex-shrink:0;color:var(--muted2);transition:color var(--dur-fast) var(--ease-quick)}.searchBox:focus-within .searchIcon{color:var(--accent)}.searchBox input{width:100%;min-height:42px;border:0;outline:0;background:transparent;color:var(--text);font-size:14.5px;font-weight:500}.searchBox input::placeholder{color:var(--muted2)}.itemCount{color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap;padding:0 6px;font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:14.5px;font-weight:600;letter-spacing:.005em;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-fast) var(--ease-quick),border-color var(--dur-fast) var(--ease-quick),box-shadow var(--dur-fast) var(--ease-quick),color var(--dur-fast) var(--ease-quick)}.btn:active:not(:disabled){transform:scale(.97)}.btn:focus-visible{box-shadow:0 0 0 4px var(--accent-ring)}.btn--sm{min-height:38px;padding:0 14px;font-size:13.5px;border-radius:var(--radius-xs)}.btn--primary{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 1px 2px #00897a40,0 8px 20px -10px #00897a66}.btn--primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);box-shadow:0 2px 4px #00897a4d,0 12px 24px -10px #00897a80}.btn--ghost{color:var(--text);background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn--ghost:hover:not(:disabled){background:var(--elevated);border-color:var(--border-strong)}.btn--outline{color:var(--accent);background:var(--surface);border-color:var(--accent);box-shadow:var(--shadow-xs)}.btn--outline:hover:not(:disabled){color:#fff;background:var(--accent);border-color:var(--accent)}.btn--accent{color:#fff;background:var(--text);border-color:var(--text)}.btn--danger{color:#fff;background:var(--danger);border-color:var(--danger);box-shadow:0 1px 2px #b0302538,0 8px 18px -10px #b0302566}.btn--danger:hover:not(:disabled){background:#8f241a;border-color:#8f241a}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,20px);margin:28px 0 26px}.metric{position:relative;overflow:hidden;padding:clamp(22px,2.6vw,28px);border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur) var(--ease-quick)}.metric:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);opacity:0;transform:scaleX(.3);transform-origin:left center;transition:opacity var(--dur) var(--ease-quick),transform var(--dur-slow) var(--ease-spring)}.metric:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.metric:hover:before{opacity:1;transform:scaleX(1)}.metricLabel{display:block;position:relative;z-index:1;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.metricValue{display:block;position:relative;z-index:1;margin-top:12px;color:var(--text-strong);font-size:clamp(34px,4.2vw,46px);font-weight:700;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}.mediaList{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:clamp(14px,2vw,20px)}.mediaRow,.platformRow{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--dur) var(--ease-quick),transform var(--dur) var(--ease-spring),box-shadow var(--dur) var(--ease-quick);overflow:hidden}.mediaRow{padding:0}.mediaRow:hover,.platformRow:hover{border-color:#00a08e4d;box-shadow:var(--shadow-md);transform:translateY(-4px)}.mediaRowThumb{position:relative;width:100%;margin:0;line-height:0;background:var(--elevated);overflow:hidden}.mediaRowThumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(12,61,93,.12));opacity:0;transition:opacity var(--dur) var(--ease-quick);pointer-events:none}.mediaRow:hover .mediaRowThumb:after{opacity:1}.mediaRowThumb img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:0;border:0;transition:transform .6s var(--ease-out)}.mediaRow:hover .mediaRowThumb img{transform:scale(1.04)}.videoTypeBadge{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#0c1c2cb8;backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4);box-shadow:0 2px 10px #00000040}.videoTypeBadge svg{color:currentColor}.videoTypeBadge--short{background:#dc2626eb}.videoTypeBadge--reel{background:#db2777eb}.videoTypeBadge--full{background:#0c3d5dd1}.mediaRowBody{display:flex;flex-direction:column;flex:1;gap:0;padding:clamp(16px,2vw,20px) clamp(16px,2vw,20px) clamp(14px,2vw,16px);min-height:0}.mediaRow--enter{opacity:0;animation:cardFadeUp .5s var(--ease-spring) forwards;animation-delay:calc(var(--stagger, 0) * 44ms)}.platformRow{min-height:160px;padding:clamp(16px,2vw,20px)}.mediaInfo{min-width:0;padding-top:0}.titleLine{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;min-height:48px}.titleLine h2{overflow:hidden;color:var(--text-strong);font-size:clamp(16px,1.3vw,19px);font-weight:700;line-height:1.35;letter-spacing:-.015em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.status{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 11px 5px 9px;font-size:11.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 22%,transparent)}.status--on{color:var(--success);background:var(--success-bg)}.status--off{color:var(--warning);background:var(--warning-bg)}.stats{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px;color:var(--muted);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.stats span{display:inline-flex;align-items:center;gap:6px}.stats svg{color:var(--muted2)}.mediaRowActions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--hairline)}.actionIconRail{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:var(--surface2)}.actionIconRail .iconBtn{width:36px;height:36px;border:0;background:transparent;box-shadow:none}.actionIconRail .iconBtn:hover{color:var(--accent);background:var(--surface);box-shadow:var(--shadow-xs)}.actionIconRail .iconBtn--danger{color:var(--danger);background:transparent}.actionIconRail .iconBtn--danger:hover{color:#fff;background:var(--danger);box-shadow:0 2px 6px #b030254d}.actionIconRail--compact{padding:3px}.actionIconRail--compact .iconBtn{width:34px;height:34px}.actionCtas{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.platformRowActions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--hairline)}.platformRowActions>:first-child{margin-right:auto}.iconBtn{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:var(--radius-sm);color:var(--muted);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-xs);transition:background var(--dur-fast) var(--ease-quick),border-color var(--dur-fast) var(--ease-quick),color var(--dur-fast) var(--ease-quick),transform var(--dur-fast) var(--ease-spring)}.iconBtn:hover{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.iconBtn:active{transform:scale(.94)}.iconBtn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.iconBtn--danger{color:var(--danger)}.iconBtn--danger:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.platformModal{display:grid;gap:16px}.modalToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.modalToolbarMeta{color:var(--muted);font-size:13.5px;font-weight:600}.platformModalList{display:grid;gap:12px;max-height:min(56vh,520px);overflow:auto;padding-right:4px}.platformRow a{overflow:hidden;color:var(--accent);font-size:14px;font-weight:600;text-overflow:ellipsis;overflow-wrap:anywhere;text-decoration:none;transition:color var(--dur-fast) var(--ease-quick)}.platformRow a:hover{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}.platformBadge{display:inline-flex;align-items:center;width:fit-content;border-radius:var(--radius-xs);padding:7px 12px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;box-shadow:var(--shadow-xs)}.platformBadge.facebook{background:#1877f2}.platformBadge.youtube{background:#dc2626}.platformBadge.tiktok{background:#111827}.platformBadge.instagram{background:#db2777}.modalBackdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:80;background:#0c1c2c73;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);animation:fadeIn .2s var(--ease-out)}.modalBackdrop--dim{z-index:90;background:#0c1c2c8c}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 48px));max-height:min(90vh,880px);display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-lg);z-index:81;animation:modalRiseIn .28s var(--ease-spring);overflow:hidden}.modalBackdrop--dim~.modal,.modalBackdrop--dim+.modal{z-index:91}@keyframes modalRiseIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px))}to{opacity:1;transform:translate(-50%,-50%)}}.modal--wide{width:min(720px,100%)}.modal--confirm{width:min(440px,100%)}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 16px;border-bottom:1px solid var(--hairline)}.modalHeader h2{flex:1;min-width:0;color:var(--text-strong);font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.3}.modalHeader .iconBtn{width:36px;height:36px;border:0;background:transparent;box-shadow:none}.modalHeader .iconBtn:hover{background:var(--elevated)}.modalBody{padding:20px 22px 22px;overflow:auto}.modalFooter{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding-top:8px}.confirmBody{padding:12px 22px 6px;font-size:14.5px;line-height:1.6;color:var(--muted);font-weight:500}.modal--confirm .modalHeader{padding-bottom:8px;border-bottom:0}.modal--confirm .modalFooter{padding:16px 22px 22px}.form{display:grid;gap:18px}.formField{display:grid;gap:8px}.input{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);font-size:14.5px;font-weight:500;outline:none;box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) var(--ease-quick),box-shadow var(--dur-fast) var(--ease-quick)}.input::placeholder{color:var(--muted2)}.input:hover{border-color:var(--accent)}.input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.uploadInput{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.uploadDropzone{display:grid;justify-items:center;align-content:center;gap:6px;width:100%;aspect-ratio:16 / 9;padding:20px;border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface2);color:var(--muted);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-quick),background var(--dur-fast) var(--ease-quick),color var(--dur-fast) var(--ease-quick),transform var(--dur-fast) var(--ease-spring);font:inherit;text-align:center}.uploadDropzone:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.uploadDropzone:active{transform:scale(.995)}.uploadDropzone:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.uploadDropzoneIcon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:var(--surface);color:var(--accent);box-shadow:var(--shadow-xs)}.uploadDropzone:hover .uploadDropzoneIcon{background:#fff}.uploadDropzoneTitle{font-size:14.5px;font-weight:600;color:var(--text)}.uploadDropzoneHint{font-size:12px;font-weight:500;color:var(--muted2)}.uploadPreview{display:grid;gap:10px}.uploadPreview img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-xs);background:var(--surface2)}.uploadPreviewActions{display:flex;gap:8px;flex-wrap:wrap}.uploadClearBtn{color:var(--danger)}.uploadClearBtn:hover{color:#fff;background:var(--danger)}.switchLine{display:inline-grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;width:fit-content;max-width:100%;margin-top:2px;color:var(--muted);font-size:14.5px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.switchCell{position:relative;width:46px;height:26px;flex-shrink:0}.switchInput{position:absolute;inset:0;z-index:2;margin:0;width:100%;height:100%;opacity:0;cursor:pointer}.switchInput:disabled{cursor:not-allowed}.switchTrack{position:absolute;inset:0;z-index:0;border-radius:999px;background:var(--elevated);border:1px solid var(--border);box-shadow:inset 0 1px 2px #0c3d5d0f;transition:background var(--dur) var(--ease-spring),border-color var(--dur) var(--ease-spring)}.switchThumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0c3d5d38,0 0 0 .5px #0c3d5d0d;transition:transform var(--dur) var(--ease-spring)}.switchInput:checked+.switchTrack{background:var(--accent);border-color:var(--accent)}.switchInput:checked+.switchTrack .switchThumb{transform:translate(20px)}.switchInput:focus-visible+.switchTrack{box-shadow:inset 0 1px 2px #0c3d5d0f,0 0 0 4px var(--accent-ring)}.switchInput:disabled+.switchTrack{opacity:.45}.switchLabel{color:var(--text);line-height:1.35}.toastStack{position:fixed;right:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);z-index:100;display:flex;flex-direction:column;gap:10px;max-width:min(400px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-lg);animation:toastIn .36s var(--ease-spring)}.toast--info{border-left:3px solid var(--accent)}.toast--success{border-left:3px solid var(--success)}.toast--error{border-left:3px solid var(--danger)}.toastIcon{display:flex;margin-top:2px;color:var(--accent)}.toast--success .toastIcon{color:var(--success)}.toast--error .toastIcon{color:var(--danger)}.toastMessage{margin:0;font-size:14px;line-height:1.5;font-weight:600;color:var(--text)}.toastClose{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:-4px -6px -4px 0;border:0;border-radius:var(--radius-xs);color:var(--muted);background:transparent;transition:color var(--dur-fast) var(--ease-quick),background var(--dur-fast) var(--ease-quick)}.toastClose:hover{color:var(--text);background:var(--elevated)}.placeholderPanel{padding:clamp(32px,5vw,60px);border-radius:var(--radius-lg);border:1px solid var(--hairline);background:var(--surface);text-align:center;box-shadow:var(--shadow-sm)}.placeholderTitle{margin:0;color:var(--text-strong);font-size:clamp(24px,2.6vw,30px);font-weight:700;letter-spacing:-.025em}.reportPage--snap{height:calc(100vh - 64px);overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.reportPage--snap>.reportSection{scroll-snap-align:start;scroll-snap-stop:always;height:calc(100vh - 64px);min-height:calc(100vh - 64px);display:flex;flex-direction:column;overflow:hidden}.reportSection--stats{gap:14px}.reportHome{overflow:auto}.reportHomeHero{gap:14px}.reportHomeTabs{display:inline-flex;flex-wrap:wrap;gap:8px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:999px;width:max-content;box-shadow:var(--shadow-xs)}.reportHomeTab{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:13.5px;font-weight:600;cursor:pointer;transition:color var(--dur-fast) var(--ease-quick),background var(--dur-fast) var(--ease-quick)}.reportHomeTab:hover{color:var(--text-strong);background:color-mix(in srgb,var(--tab-tone) 10%,transparent)}.reportHomeTab.is-active{color:#fff;background:var(--tab-tone, var(--accent))}.reportHomeTabDot{width:8px;height:8px;border-radius:50%;background:var(--tab-tone, var(--accent));box-shadow:inset 0 0 0 2px #fff}.reportHomeTab.is-active .reportHomeTabDot{background:#fff;box-shadow:inset 0 0 0 2px var(--tab-tone, var(--accent))}.reportHomePanel{border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-xs);overflow:hidden}.reportHomePanelHead{padding:14px 18px;border-bottom:1px solid var(--border);background:#f8fafc}.reportHomePanelHead h1{margin:0;font-size:16px;font-weight:700;color:var(--text-strong);text-align:center}.reportHomeTableScroll{overflow-x:auto}.reportHomeTable{width:100%;min-width:1240px;border-collapse:separate;border-spacing:0;font-size:13px;color:var(--text)}.reportHomeTable th,.reportHomeTable td{padding:10px 12px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.reportHomeTable thead th{background:#f1f5f9;color:var(--text-strong);font-weight:700;letter-spacing:.01em;white-space:nowrap}.reportHomeTable .mrt-group{font-size:14px;background:#e2e8f0}.reportHomeTable .mrt-divider{width:1px;padding:0!important;background:#cbd5e1;border-bottom-color:#cbd5e1}.reportHomeTable tbody th.mrt-month{text-align:left;font-weight:600;color:var(--text-strong);background:var(--surface)}.reportHomeTable .mrt-row--quarter th,.reportHomeTable .mrt-row--quarter td{background:#eef2f7!important;font-weight:700;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}.reportHomeTable .mrt-row--quarter td.mrt-divider{background:#cbd5e1!important}.reportHomeTable .mrt-row--annual th,.reportHomeTable .mrt-row--annual td{background:#dbe3ee!important;font-weight:800;font-size:14px;color:var(--text-strong);border-top:2px solid #94a3b8;border-bottom:2px solid #94a3b8}.reportHomeTable .mrt-row--annual td.mrt-divider{background:#94a3b8!important}.reportHomeTable .mrt-num{font-weight:600;color:var(--text-strong)}.reportHomeTable .mrt-num--accent{color:#0f172a;font-weight:700}.reportHomeTable .mrt-growth{color:#ef4444}.reportHomeTable .mrt-channelHead{background:#e2e8f0;font-size:14px}.reportHomeTable .mrt-row--month{cursor:pointer;transition:background var(--dur-fast) var(--ease-quick)}.reportHomeTable .mrt-row--month:hover{background:#f1f5f9}.reportHomeTable .mrt-row--month.is-future{cursor:default}.reportHomeTable .mrt-monthCaret{display:inline-flex;margin-right:6px;color:var(--muted);transition:transform var(--dur-fast) var(--ease-spring)}.reportHomeTable .mrt-row--month.is-expanded .mrt-monthCaret{transform:rotate(180deg);color:var(--accent-strong)}.reportHomeTable .mrt-row--month.is-expanded>th,.reportHomeTable .mrt-row--month.is-expanded>td{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.reportHomeTable .mrt-expandRow td{padding:0;background:#fcfcfd;border-bottom:1px solid var(--border)}.mrt-expand{padding:16px 22px;background:#fcfcfd;display:grid;gap:8px}.mrt-expandTitle{font-size:13px;font-weight:700;color:var(--text-strong);letter-spacing:.02em}.reportHomeTable .mrt-revenues{font-weight:600;color:var(--text-strong)}.mrt-expandGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mrt-expandPanel{display:grid;gap:8px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px}@media(max-width:1180px){.mrt-expandGrid{grid-template-columns:1fr}}.reportTopbar--stats{padding:4px 2px 0}.reportStatsHeader{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 2px}.reportStatsHeader h1{margin:2px 0 0;font-size:clamp(18px,1.6vw,24px);font-weight:800;color:var(--text-strong)}.reportStatsBar{position:relative;height:10px;border-radius:999px;background:color-mix(in srgb,var(--tone, #94a3b8) 12%,#eef2f7);overflow:hidden}.reportStatsBar>span{position:absolute;inset:0 auto 0 0;width:var(--pct, 0%);background:linear-gradient(90deg,var(--tone, #94a3b8) 0%,color-mix(in srgb,var(--tone, #94a3b8) 70%,#fff) 100%);border-radius:999px}.reportStatsPct{font-size:13px;font-weight:800;color:var(--tone, var(--text-strong));font-variant-numeric:tabular-nums}.reportStatsMuted{color:var(--muted);font-size:13px}.reportStatsRow--strong td.reportStatsStrong{font-size:16px;color:var(--tone, var(--text-strong))}.reportEyebrow{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.reportStatsTableWrap{flex:1;overflow:auto;border-radius:14px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-sm)}.reportStatsTable{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}.reportStatsTable thead th{position:sticky;top:0;z-index:1;background:#f8fafc;text-align:right;padding:12px 14px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;border-bottom:1px solid var(--border)}.reportStatsTable thead th:first-child,.reportStatsTable thead th:nth-child(2){text-align:left}.reportStatsTable tbody td{padding:14px;border-bottom:1px solid var(--hairline);text-align:right;font-variant-numeric:tabular-nums;color:var(--text);transition:background .2s ease}.reportStatsTable tbody td:first-child,.reportStatsTable tbody td:nth-child(2){text-align:left}.reportStatsRow{cursor:pointer}.reportStatsRow:hover td{background:#0f172a08}.reportStatsRow.is-active td{background:color-mix(in srgb,var(--primary, #00a08e) 10%,#fff)}.reportStatsRow.is-active td:first-child{border-left:3px solid var(--primary, #00a08e);padding-left:11px}.reportStatsIdx{color:var(--muted);font-weight:700}.reportStatsChannel{font-weight:700;color:var(--text-strong);display:flex;align-items:center;gap:10px}.reportStatsDot{width:8px;height:8px;border-radius:50%;background:var(--tone, #00a08e);box-shadow:0 0 0 3px color-mix(in srgb,var(--tone, #00a08e) 18%,transparent)}.reportStatsStrong{font-weight:800;color:var(--text-strong)}.reportSnapCta{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--text-strong);font-size:13px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s ease,background .2s ease}.reportSnapCta:hover{transform:translateY(-1px);background:#f8fafc}.reportSnapCta svg{animation:reportSnapBounce 1.6s ease-in-out infinite}@keyframes reportSnapBounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.reportSection--snap.reportSection--list{padding-top:clamp(18px,2vw,28px)}.reportPage--snap>.reportSection--overview{overflow-y:auto}.reportPage--snap>.reportSection--overview .reportTopbar{position:sticky;top:0;z-index:2;background:var(--bg0);padding-top:4px;padding-bottom:4px}.reportListBody{flex:1;min-height:0;overflow:auto;opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column}.reportListBody>.reportTableWrap{flex:1;min-height:0;overflow:auto}.reportSection--snap.is-in .reportListBody{opacity:1;transform:none}.reportSection--snap.reportSection--list .reportTopbar{opacity:0;transform:translateY(-12px);transition:opacity .45s ease .05s,transform .45s ease .05s}.reportSection--snap.reportSection--list.is-in .reportTopbar{opacity:1;transform:none}.reportPage{position:relative;min-height:calc(100vh - 64px);background:var(--bg0)}.reportSection{position:relative;padding:clamp(14px,1.3vw,22px) clamp(18px,2vw,34px) clamp(14px,1.3vw,22px);display:flex;flex-direction:column;gap:clamp(10px,1vw,14px)}.reportSection--overview .reportChart--hero{min-height:340px}.reportSection--overview .reportSplit .reportChart{min-height:260px}.reportSection--overview .reportSplit .reportChart .barCompare{min-height:200px}.reportSection--list{display:flex;flex-direction:column}.reportTopbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;min-height:40px}.reportTopbar--list{align-items:center}.reportPills{display:flex;align-items:center;gap:8px;min-width:0;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-xs)}.reportPills--scroll{flex:1 1 auto;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.reportPills--scroll::-webkit-scrollbar{display:none}.reportPill{flex:0 0 auto;min-height:42px;padding:0 22px;border:0;border-radius:999px;color:var(--muted);background:transparent;font-size:15.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease-quick),background var(--dur-fast) var(--ease-quick),box-shadow var(--dur-fast) var(--ease-quick)}.reportPill:hover{color:var(--text);background:var(--accent-soft)}.reportPill--active,.reportPill--active:hover{color:#fff;background:var(--accent);box-shadow:var(--shadow-xs)}.reportTopbarTools{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.reportDateFilter{position:relative;display:inline-flex}.reportDateFilterTrigger{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-strong);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease-quick),border-color var(--dur-fast) var(--ease-quick)}.reportDateFilterTrigger:hover{border-color:var(--accent);color:var(--accent-strong)}.reportDateFilterPop{position:absolute;top:calc(100% + 6px);right:0;z-index:12;display:grid;gap:8px;padding:10px;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md, 0 12px 24px rgba(15, 23, 42, .12))}.reportDateFilterList{display:grid;gap:4px}.reportDateFilterOption{display:block;width:100%;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:13px;font-weight:500;text-align:left;cursor:pointer}.reportDateFilterOption:hover{background:var(--accent-soft);color:var(--accent-strong)}.reportDateFilterOption.is-active{background:var(--accent);color:#fff}.reportDateFilterCustom{display:grid;gap:6px;padding-top:8px;border-top:1px dashed var(--border)}.reportDateFilterCustom label{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.reportDateFilterCustom input{padding:6px 8px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:12.5px;color:var(--text-strong);background:var(--surface)}.reportDateFilterApply{margin-top:4px;padding:7px 12px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.reportDateFilterApply:disabled{opacity:.5;cursor:not-allowed}.reportAvgToggle{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;padding:8px 16px 8px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--dur-fast) var(--ease-quick),border-color var(--dur-fast) var(--ease-quick)}.reportAvgToggle:hover{color:var(--text);border-color:var(--accent)}.reportAvgToggle input{position:absolute;opacity:0;pointer-events:none}.reportAvgToggleTrack{position:relative;width:32px;height:18px;border-radius:999px;background:var(--border-strong);transition:background var(--dur-fast) var(--ease-quick)}.reportAvgToggleThumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease-spring)}.reportAvgToggle input:checked+.reportAvgToggleTrack{background:var(--accent)}.reportAvgToggle input:checked+.reportAvgToggleTrack .reportAvgToggleThumb{transform:translate(14px)}.reportAvgToggle input:focus-visible+.reportAvgToggleTrack{box-shadow:0 0 0 4px var(--accent-ring)}.reportAvgToggleLabel{color:var(--text-strong)}.reportCountChip{padding:8px 18px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:15px;font-weight:700}.reportTopbarTitle{display:flex;align-items:baseline;gap:10px;min-width:0}.reportTopbarTitle h1{color:var(--text-strong);font-size:28px;font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0}.reportTopbarTitle .reportEyebrow{margin:0}.reportBackBtn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 10px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:color var(--dur-fast) var(--ease-quick),border-color var(--dur-fast) var(--ease-quick)}.reportBackBtn:hover{color:var(--accent-strong);border-color:var(--accent)}.reportEyebrow{margin:0 0 2px;color:var(--muted2);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.reportTitle{color:var(--text-strong);font-size:clamp(22px,1.8vw,30px);font-weight:700;letter-spacing:-.015em;line-height:1.1;margin:0}.reportKpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(10px,1vw,16px)}.reportKpi{position:relative;display:grid;gap:10px;padding:22px 24px;border:0;border-radius:18px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));overflow:hidden;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-fast) var(--ease-quick)}.reportKpi--blue{background:color-mix(in srgb,var(--text) 9%,var(--surface))}.reportKpi--pink{background:color-mix(in srgb,#db2777 8%,var(--surface))}.reportKpi:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.reportKpi--blue:hover{background:color-mix(in srgb,var(--text) 14%,var(--surface))}.reportKpi--pink:hover{background:color-mix(in srgb,#db2777 14%,var(--surface))}.reportKpi span{display:block;color:var(--muted);font-size:15px;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reportKpi strong{display:block;color:var(--text-strong);font-size:clamp(26px,2.2vw,40px);font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.015em}.reportChart{min-height:0;border:0;border-radius:18px;background:color-mix(in srgb,var(--accent) 4%,var(--surface));padding:14px 18px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}.reportChart--hero{background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.reportChartHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.reportChart h2{color:var(--text-strong);font-size:20px;font-weight:700;margin:0;letter-spacing:-.01em}.reportSplit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1vw,14px);min-height:0}.barCompare{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;height:100%;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.barCompare::-webkit-scrollbar{height:8px}.barCompare::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.barCanvas{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(54px,1fr);align-items:stretch;gap:clamp(6px,.8vw,14px);padding:28px 10px 0;min-height:0;border-bottom:1px solid var(--border-strong);background-image:linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:100% 25%}.barCompare--hero .barCanvas,.barCompare--hero .barAxis{grid-auto-columns:minmax(96px,1fr)}.barAvgLine{position:absolute;left:0;right:0;height:0;border-top:1.5px dashed var(--accent-strong);z-index:2;pointer-events:none}.barAvgLabel{position:absolute;right:6px;top:-10px;padding:2px 8px;border-radius:999px;background:var(--accent-strong);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-xs)}.barSlot{position:relative;display:flex;align-items:end;justify-content:center;min-width:0}.barTrack{position:relative;height:100%;width:100%;display:flex;align-items:end;justify-content:center}.barFill{display:block;width:min(72px,78%);min-height:4px;border-radius:10px 10px 0 0;background:linear-gradient(to top,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 -1px #00897a3d inset;transition:height .48s var(--ease-spring)}.barCompare--hero .barFill{width:min(96px,82%)}.barValue{position:absolute;bottom:100%;margin-bottom:6px;color:var(--text-strong);font-size:13.5px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.barAxis{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(54px,1fr);gap:clamp(6px,.8vw,14px);padding:0 10px}.barAxisItem{display:grid;gap:6px;justify-items:center;min-width:0}.barThumb{width:100%;max-width:140px;aspect-ratio:16 / 9;object-fit:cover;border-radius:12px;background:var(--elevated);box-shadow:var(--shadow-xs)}.barClipName{width:100%;color:var(--text-strong);text-align:center;font-size:14.5px;font-weight:600;line-height:1.3;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.barCompare--names .barClipName{font-size:13.5px}.barLabel{color:var(--muted);text-align:center;font-size:13px;font-weight:700;letter-spacing:.04em}.reportTableWrap{position:relative;min-height:0;overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-xs)}.reportTableWrap::-webkit-scrollbar{width:8px;height:8px}.reportTableWrap::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.reportTableWrap::-webkit-scrollbar-track{background:transparent}.reportTable{width:100%;min-width:1180px;border-collapse:separate;border-spacing:0;color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}.reportTable--detail{min-width:1400px}.reportTable th,.reportTable td{padding:14px 16px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--border)}.reportTable th{position:sticky;top:0;z-index:2;background:var(--surface2);color:var(--muted);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border-strong);line-height:1.2;white-space:nowrap}.reportTable tbody tr{transition:background var(--dur-fast) var(--ease-quick)}.reportTable tbody tr:hover{background:var(--accent-soft)}.reportTable tbody tr:last-child td{border-bottom:0}.reportTable td{color:var(--text-strong);font-weight:500;background:transparent}.reportTitleCell{text-align:left!important;color:var(--text-strong);font-weight:600;font-size:16.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}.reportEpCell{font-weight:700;color:var(--accent-strong);font-size:18px}.reportCover{width:120px;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;background:var(--elevated);box-shadow:var(--shadow-xs)}.reportLink{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border-strong);border-radius:999px;padding:5px 12px 5px 10px;color:var(--accent-strong);background:var(--surface);font:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:color var(--dur-fast) var(--ease-quick),background var(--dur-fast) var(--ease-quick),border-color var(--dur-fast) var(--ease-quick)}.reportLink:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.heatCell{--heat-base: var(--accent);--heat-text: var(--text-strong);font-weight:700!important;background:color-mix(in srgb,var(--heat-base) calc(12% + var(--heat) * 78%),#ffffff)!important;color:var(--heat-text)!important;font-variant-numeric:tabular-nums}.heatCell--green{--heat-base: var(--accent);--heat-text: var(--text-strong)}.heatCell--yt{--heat-base: #ef4444;--heat-text: color-mix(in srgb, #7f1d1d 88%, #000)}.heatCell--fb{--heat-base: #3b82f6;--heat-text: color-mix(in srgb, #1e3a8a 88%, #000)}.heatCell--ig{--heat-base: #ec4899;--heat-text: color-mix(in srgb, #831843 88%, #000)}.heatCell--tt{--heat-base: #0f172a;--heat-text: #ffffff}.heatButton{--heat-base: var(--accent);--heat-deep: var(--accent-strong);width:100%;min-height:40px;padding:6px 8px;border:0;border-radius:10px;background:color-mix(in srgb,var(--heat-base) calc(18% + var(--heat) * 78%),#ffffff);color:color-mix(in srgb,var(--heat-deep) 88%,#000);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-quick),filter var(--dur-fast) var(--ease-quick);font-variant-numeric:tabular-nums}.heatButton:hover{transform:scale(1.04);box-shadow:var(--shadow-sm);filter:saturate(1.08)}.heatButton--yt{--heat-base: #ef4444;--heat-deep: #991b1b}.heatButton--fb{--heat-base: #3b82f6;--heat-deep: #1d4ed8}.heatButton--ig{--heat-base: #ec4899;--heat-deep: #9d174d}.heatButton--tt{--heat-base: #374151;--heat-deep: #0f172a}.reportDetailOverlay{position:fixed;inset:0;z-index:75;display:flex;justify-content:flex-end;background:#062a4452;-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);animation:fadeIn .22s var(--ease-out)}.reportDetailOverlay--closing{animation:fadeOut .24s var(--ease-out) forwards}.reportDetailPanel{width:100vw;height:100%;background:var(--bg0);box-shadow:-24px 0 60px -16px #062a4438;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(12px,1.2vw,18px);padding:clamp(18px,1.6vw,28px);animation:slideInRight .3s var(--ease-spring);overflow:hidden}.reportDetailPanel--closing{animation:slideOutRight .26s var(--ease-out) forwards}@keyframes slideInRight{0%{transform:translate(6%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(6%);opacity:0}}.reportDetailHeader{display:flex;align-items:center;justify-content:space-between;gap:14px}.reportDetailHeader .reportTopbarTitle h1{font-size:clamp(20px,1.6vw,26px)}.reportLayerBackdrop{position:fixed;inset:64px 0 0;z-index:70;display:flex;justify-content:flex-end;background:#062a4447;-webkit-backdrop-filter:blur(6px) saturate(1.2);backdrop-filter:blur(6px) saturate(1.2);animation:fadeIn .18s var(--ease-out)}.reportLayer{width:min(440px,92vw);height:100%;padding:24px;border-left:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);animation:riseIn .26s var(--ease-spring);display:grid;grid-template-rows:auto auto 1fr;gap:18px;overflow:auto}.reportLayerHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.reportLayerHeader h2{color:var(--text-strong);font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0}.reportLayerThumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:14px;margin:0;box-shadow:var(--shadow-sm)}.reportLayerBody{display:grid;gap:10px;align-content:start}.reportLayerBody p{color:var(--text);font-weight:600;margin:0}.reportLayerBody strong{color:var(--accent-strong);font-size:30px;font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.reportLayerBody span{color:var(--muted);font-size:13px}.heatButton--static{cursor:default;display:inline-flex;align-items:center;justify-content:center}.heatButton--static:hover{transform:none;box-shadow:none;filter:none}.reportCrumb{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border));width:fit-content;font-size:13px;color:var(--muted)}.reportCrumbLink{appearance:none;border:0;background:transparent;padding:0;font:inherit;color:var(--accent-strong);font-weight:600;cursor:pointer}.reportCrumbLink:hover{text-decoration:underline}.reportCrumbCurrent{color:var(--text-strong);font-weight:700}.reportDetailPanel--dim{filter:brightness(.92) saturate(.94);transition:filter .22s var(--ease-out)}.reportDetailOverlay--layer2{z-index:85;background:#062a4461}.reportDetailPanel--layer2{width:min(1040px,96vw);border-left:1px solid var(--border);box-shadow:-32px 0 72px -18px #062a4447;animation:slideInRight .28s var(--ease-spring)}.clipOverlayScroll{overflow:auto;display:grid;gap:clamp(16px,1.6vw,24px);padding-right:4px}.clipOverviewBlock{display:grid;gap:16px;padding:clamp(16px,1.4vw,22px);border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.clipOverviewHead{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center}.clipOverviewThumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:14px;box-shadow:var(--shadow-sm)}.clipOverviewMeta{display:grid;gap:6px}.clipOverviewMeta h2{font-size:clamp(22px,2vw,30px);margin:0;letter-spacing:-.01em;color:var(--text-strong);font-variant-numeric:tabular-nums}.clipOverviewMeta p{color:var(--muted);margin:0;font-size:14px}.clipOverviewKpis{grid-template-columns:repeat(6,minmax(0,1fr))}.clipPlatformBlock{display:grid;gap:14px;padding:clamp(16px,1.4vw,22px);border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.clipPlatformGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.clipPlatformCard{--tone: var(--accent);appearance:none;border:1px solid color-mix(in srgb,var(--tone) 25%,var(--border));background:color-mix(in srgb,var(--tone) 6%,var(--surface));padding:16px;border-radius:16px;text-align:left;display:grid;gap:8px;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-quick)}.clipPlatformCard:hover{transform:translateY(-2px);box-shadow:0 12px 28px -16px color-mix(in srgb,var(--tone) 40%,transparent)}.clipPlatformCard strong{font-size:26px;font-weight:700;color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.clipPlatformCardSub{color:var(--muted);font-size:12.5px;font-weight:500}.reportLayer--wide{width:min(560px,94vw)}.platformDetail{display:grid;gap:18px;align-content:start}.platformDetailKpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.platformDetailKpi{padding:10px 12px;border-radius:10px;background:var(--bg0);border:1px solid var(--border);display:grid;gap:4px}.platformDetailKpi span{color:var(--muted);font-size:11.5px;letter-spacing:.01em}.platformDetailKpi strong{font-size:17px;font-weight:800;color:var(--text-strong);font-variant-numeric:tabular-nums;line-height:1.1}.platformDetailKpi strong em{font-style:normal;font-size:11px;font-weight:600;color:var(--muted);margin-left:2px}.platformDetailKpi--primary{background:color-mix(in srgb,var(--tone, #22c55e) 10%,#fff);border-color:color-mix(in srgb,var(--tone, #22c55e) 35%,var(--border))}.platformDetailKpi--primary strong{color:var(--tone, var(--text-strong));font-size:20px}.platformDetailChart h3,.platformDetailDemo h3{margin:0 0 10px;font-size:15px;color:var(--text-strong);font-weight:700}.platformDailyBars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;height:140px;padding:8px;border-radius:12px;background:var(--bg0);border:1px solid var(--border)}.platformDailyBar{position:relative;height:100%;display:grid;grid-template-rows:1fr auto auto;align-items:end;justify-items:center;gap:4px}.platformDailyFill{width:60%;background:linear-gradient(180deg,var(--accent),var(--accent-strong));border-radius:6px 6px 2px 2px;min-height:4px}.platformDailyValue{font-size:10.5px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.platformDailyLabel{font-size:11px;color:var(--muted)}.platformDetailDemo{display:grid;gap:8px}.platformDemoRow{display:grid;grid-template-columns:90px 1fr 50px;align-items:center;gap:10px;font-size:13px}.platformDemoRow strong{text-align:right;color:var(--text-strong);font-variant-numeric:tabular-nums}.platformDemoTrack{height:8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));overflow:hidden}.platformDemoTrack>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:inherit}@media(max-width:1200px){.reportKpis{grid-template-columns:repeat(4,minmax(0,1fr))}.reportSplit{grid-template-columns:1fr 1fr}.reportSplit>*:first-child{grid-column:1 / -1}.clipOverviewKpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.clipOverviewHead{grid-template-columns:1fr}.clipOverviewKpis,.platformDetailKpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.barFill{transition:none}.reportPage{scroll-behavior:auto}}@media(min-width:941px)and (max-width:1320px){.mediaList{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:940px){.controlBar{align-items:stretch;flex-direction:column}.crumbBar{order:2;flex-basis:100%;justify-content:flex-start}.controlActions{justify-content:flex-start;width:100%}.mediaList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.appNav{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.metrics,.mediaList{grid-template-columns:1fr}.controlActions{display:grid;width:100%}.searchBox,.btn--primary{width:100%}.mediaRowActions{flex-direction:column;align-items:stretch}.actionCtas{justify-content:stretch}.actionCtas .btn{flex:1;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reportDetailOverlay--layer3{z-index:95;background:#06122470}.reportDetailPanel--layer3{width:min(960px,94vw);border-left:1px solid var(--border);box-shadow:-38px 0 80px -20px #06122461;animation:slideInRight .28s var(--ease-spring)}.platformDetailScroll{overflow:auto;padding-right:4px}.clipOverviewV2{display:grid;grid-template-columns:minmax(320px,26%) 1fr;gap:14px;padding:clamp(14px,1.2vw,20px);border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:start}.clipOverviewV3{display:flex;flex-direction:column;gap:14px;padding:clamp(14px,1.2vw,20px);border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.clipKpiRow{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,3fr);gap:12px;align-items:start}.clipKpiCover{display:flex;flex-direction:column;gap:6px;background:transparent;color:var(--text-strong);border:0;padding:0}.clipKpiCoverImg{width:100%;aspect-ratio:16 / 9;max-height:160px;background:#0f172a;color:#fff;display:grid;place-items:center;border-radius:14px;overflow:hidden;font-weight:700;letter-spacing:.12em}.clipKpiCoverImg img{width:100%;height:100%;object-fit:cover;display:block}.clipKpiCoverMeta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 2px 0}.clipKpiCoverTitle{flex:1 1 auto;font-size:17px;font-weight:800;color:var(--text-strong);line-height:1.25;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0}.clipKpiCoverDuration{flex:0 0 auto;font-size:13px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.clipKpiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;min-width:0;align-self:stretch;height:100%}.clipKpiCard{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0}.clipKpiCardLabel{display:block;color:var(--muted);font-size:12.5px;font-weight:600;letter-spacing:.01em}.clipKpiCardValue{display:block;color:var(--text-strong);font-size:clamp(20px,1.4vw,26px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.015em;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clipChartFull{display:grid;gap:8px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--accent) 4%,var(--surface));border:1px solid var(--border)}.clipChartFull .clipChartHead h3{margin:0;font-size:16px;font-weight:700;color:var(--text-strong)}@media(max-width:1180px){.clipKpiRow{grid-template-columns:1fr}.clipKpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.clipPlatformV3{display:flex;flex-direction:column;gap:14px;padding:clamp(14px,1.2vw,20px);border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.clipPlatformSummary{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.clipPlatformSummaryTable{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.clipPlatformSummaryTable th,.clipPlatformSummaryTable td{padding:14px 18px;text-align:center;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.clipPlatformSummaryTable thead th{background:#f8fafc;color:var(--text-strong);font-size:15px;font-weight:700}.clipPlatformSummaryTable tbody th{text-align:left;font-weight:600;color:var(--text-strong);background:#fafafa;white-space:nowrap;width:220px}.clipPlatformSummaryTable tbody td{font-size:18px;font-weight:700;color:var(--text-strong)}.clipPlatformSummaryTable tbody tr:last-child th,.clipPlatformSummaryTable tbody tr:last-child td{border-bottom:0}.clipPlatformMatrix{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.clipPlatformMatrixTable{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.clipPlatformMatrixTable thead th{background:#f1f5f9;color:var(--text-strong);font-weight:600;text-align:center;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.clipPlatformMatrixTitleCol{text-align:left!important}.clipPlatformMatrixTable tbody td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:center;font-variant-numeric:tabular-nums}.clipPlatformMatrixTable tbody tr:last-child td{border-bottom:0}.clipPlatformMatrixCover{width:130px}.clipPlatformMatrixCover img{width:110px;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;display:block;margin:0 auto}.clipPlatformMatrixCover span{display:inline-grid;place-items:center;width:110px;aspect-ratio:16 / 9;background:#0f172a;color:#fff;border-radius:8px;font-weight:700;letter-spacing:.1em;font-size:11px;margin:0 auto}.clipPlatformMatrixTitle{text-align:left!important;color:var(--text-strong);font-weight:600;display:flex;flex-direction:column;gap:2px;max-width:360px}.clipPlatformMatrixType{display:inline-block;width:max-content;padding:2px 8px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.clipPlatformMatrixEmpty{color:var(--muted);font-weight:500;background:#fafafa}.clipVideoList{display:flex;flex-direction:column;gap:12px}.clipVideoRow{display:grid;grid-template-columns:minmax(200px,220px) minmax(420px,1fr) minmax(360px,1fr);gap:14px;align-items:stretch;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.clipVideoCover{display:flex;flex-direction:column;gap:6px;min-width:0}.clipVideoCoverImg{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#0f172a}.clipVideoCoverImg img{width:100%;height:100%;object-fit:cover;display:block}.clipVideoCoverImg>span:first-child{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:700;letter-spacing:.1em;font-size:12px}.clipVideoTypeBadge{position:absolute;top:8px;right:8px;padding:3px 9px;border-radius:999px;background:#0f172ac7;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.clipVideoTitle{font-size:14px;font-weight:700;color:var(--text-strong);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clipVideoStats{align-self:center;min-width:0}.clipVideoStats table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.clipVideoStats th{background:#f1f5f9;color:var(--text-strong);font-weight:600;padding:8px 6px;text-align:center;border-bottom:1px solid var(--border);white-space:nowrap}.clipVideoStats td{padding:10px 6px;text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.clipVideoStatsTotal{background:#f8fafc;color:var(--text-strong)}.clipVideoStatsEmpty{color:var(--muted);background:#fafafa;font-weight:500!important}.clipVideoChart{align-self:center;min-width:0}.clipPlatformMatrixTable{table-layout:fixed}.clipPlatformMatrixTable thead th:nth-child(1){width:120px}.clipPlatformMatrixTable thead th:nth-child(2){width:18%}.clipPlatformMatrixTable thead th:nth-child(3),.clipPlatformMatrixTable thead th:nth-child(4),.clipPlatformMatrixTable thead th:nth-child(5),.clipPlatformMatrixTable thead th:nth-child(6){width:8%}.clipPlatformMatrixTrendCol{width:50%}.clipPlatformMatrixTrend{padding:8px 12px!important}.clipPlatformMatrixTrend .chartBox{width:100%}.clipOverviewRight{display:flex;flex-direction:column;gap:14px;min-width:0}.clipDemoPair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.clipPlatformPills{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.clipPlatformPill{padding:7px 16px;border-radius:999px;background:#e5e7eb;color:#475569;font-size:13px;font-weight:600}.clipPlatformPill--active{background:#9ca3af;color:#fff}.clipPlatformPill--cta{margin-left:auto;background:#fff;border:1px solid var(--border);color:var(--text-strong)}.clipOverviewGrid{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}.clipOverviewGrid--bottom{grid-template-columns:1fr 1fr}.clipHeroCard{display:flex;flex-direction:column;gap:10px;height:100%;min-height:0}.clipHeroCover{flex:0 0 auto;aspect-ratio:16 / 9;background:#0f172a;color:#fff;display:grid;place-items:center;border-radius:14px;overflow:hidden;font-weight:700;letter-spacing:.1em;width:100%}.clipHeroCover img{width:100%;height:100%;object-fit:cover}.clipHeroTitleRow{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.clipHeroTitle{font-size:16px;font-weight:700;color:var(--text-strong);margin:0;line-height:1.3;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clipHeroDur{color:var(--muted);font-size:13px;margin:0;flex-shrink:0}.clipHeroBlock{padding:8px 12px;border-radius:10px;display:grid;gap:4px;background:#22c55e;color:#fff;align-content:start;min-height:0}.clipHeroBlock--greenSoft{background:#4ade80}.clipHeroBlock--blue{background:#3b82f6}.clipHeroKey{font-size:13px;font-weight:600;opacity:.95}.clipHeroBlock strong{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1.1}.clipHeroSplit{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clipHeroSplit>span,.clipHeroMiniGrid>span,.clipHeroShortGrid>span{display:grid;gap:2px;font-size:13px}.clipHeroSplit em,.clipHeroMiniGrid em,.clipHeroShortGrid em{font-style:normal;opacity:.9;font-weight:600;font-size:12px}.clipHeroSplit b,.clipHeroMiniGrid b,.clipHeroShortGrid b{font-size:17px;font-variant-numeric:tabular-nums;line-height:1.15;font-weight:700}.clipHeroMiniGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 10px}.clipHeroMiniWide{grid-column:1 / -1}.clipHeroShortGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.clipShortSection{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#f8fafc 55%,#eef2ff);border:1px solid #dbeafe;box-shadow:0 1px 2px #0f172a0a;min-width:0}.clipShortHead{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px dashed #cbd5f5}.clipShortHeadLeft{display:flex;flex-direction:column;gap:2px;min-width:0}.clipShortEyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#1d4ed8}.clipShortTotal{font-size:26px;font-weight:800;color:var(--text-strong);line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.clipShortHeadRight{display:flex;gap:6px;flex-shrink:0}.clipShortMetaChip{display:inline-flex;align-items:baseline;gap:4px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #dbeafe;font-size:12px;color:#1d4ed8;font-weight:600}.clipShortMetaChip em{font-style:normal;font-size:11px;opacity:.85}.clipShortMetaChip b{font-variant-numeric:tabular-nums;font-size:13px}.clipShortMetaChip--muted{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.clipShortList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.clipShortRow{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #e2e8f0}.clipShortBadge{width:36px;height:36px;border-radius:8px;color:#fff;font-weight:800;font-size:12px;letter-spacing:.06em;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff2e}.clipShortRowBody{display:flex;flex-direction:column;gap:4px;min-width:0}.clipShortRowTop{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0}.clipShortRowName{font-size:13px;font-weight:600;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clipShortRowValue{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-strong);letter-spacing:-.01em}.clipShortBar{position:relative;height:6px;border-radius:999px;background:#f1f5f9;overflow:hidden}.clipShortBar span{position:absolute;inset:0 auto 0 0;width:var(--pct, 0%);background:var(--tone, #2563eb);border-radius:inherit;transition:width .32s ease}.clipOverviewCharts{display:grid;gap:10px;min-width:0}.clipChartHead{display:flex;justify-content:space-between;align-items:center;gap:12px}.clipChartHead h3{margin:0;font-size:14px;color:var(--text-strong);font-weight:600}.clipChartHint{color:#ef4444;font-size:12.5px;font-weight:600;font-style:italic}.clipChartBlock{display:grid;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#f8fafc;min-width:0}.clipChartBlock h3{margin:0;color:#ef4444;font-size:14px;font-style:italic;font-weight:700}.clipDemoStack{display:grid;gap:12px}.demoBlock{display:grid;gap:6px;padding:12px;border-radius:12px;border:1px solid var(--border);background:#fff}.demoBlockHead{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-strong)}.demoBlockHead img{width:20px;height:20px;border-radius:50%;object-fit:cover}.stackedBar{display:flex;width:100%;border-radius:6px;overflow:hidden;height:14px}.stackedBarSeg{display:flex;align-items:center;justify-content:center;color:#fff;font-size:10.5px;font-weight:700;min-width:0}.stackedBarValue{padding:0 4px;white-space:nowrap}.demoLegend{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:11.5px;color:var(--muted)}.demoLegendItem{display:inline-flex;align-items:center;gap:5px}.demoSwatch{width:10px;height:10px;border-radius:3px;display:inline-block}.clipTrafficBlock{display:grid;gap:12px;padding:14px 16px 16px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,#fbfdff,#fff 60%)}.clipTrafficTotal{display:inline-flex;align-items:baseline;gap:8px;padding:4px 12px;border-radius:999px;background:#0f172a;color:#fff}.clipTrafficTotal em{font-style:normal;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.clipTrafficTotal b{font-size:14px;font-weight:800}.clipTrafficBars{list-style:none;margin:0;padding:0;display:grid;gap:10px}.clipTrafficBarRow{display:grid;grid-template-columns:140px 1fr 120px;align-items:center;gap:14px}.clipTrafficBarLabel{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-strong)}.clipTrafficBarDot{width:10px;height:10px;border-radius:50%;background:var(--tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 18%,transparent)}.clipTrafficBarTrack{position:relative;height:14px;border-radius:999px;background:#eef2f7;overflow:hidden}.clipTrafficBarFill{position:absolute;inset:0 auto 0 0;width:var(--pct, 0%);border-radius:999px;background:linear-gradient(90deg,var(--tone) 0%,color-mix(in srgb,var(--tone) 72%,#fff) 100%);transition:width .3s ease}.clipTrafficBarMeta{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:8px;white-space:nowrap}.clipTrafficBarMeta b{font-size:13.5px;font-weight:800;color:var(--text-strong)}.clipTrafficBarMeta em{font-style:normal;font-size:12px;font-weight:700;color:var(--tone);min-width:40px;text-align:right}.clipTrafficHead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.clipTrafficTitle{font-size:12px;letter-spacing:.08em;color:var(--muted);font-weight:700}.clipTrafficLegend{display:flex;gap:8px 14px;font-size:12px}.clipTrafficLegendItem{display:inline-flex;align-items:center;gap:5px;color:var(--text)}.clipTrafficRow{display:flex;align-items:center;gap:10px}.clipTrafficRow img{width:40px;height:24px;object-fit:cover;border-radius:4px}.clipTrafficRowTitle{font-size:12.5px;font-weight:600;color:var(--text-strong)}.chartBox{position:relative;width:100%;min-width:0}.chartBox canvas{width:100%!important;height:100%!important;display:block}.chartSvg{width:100%;height:auto;display:block}.chartLabels{display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);padding:0 4px}.chartLegend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.chartLegendItem{display:inline-flex;align-items:center;gap:5px}.chartSwatch{width:14px;height:3px;border-radius:2px;display:inline-block}.clipPlatformV2{display:flex;flex-direction:column;gap:14px;padding:clamp(14px,1.2vw,20px);border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.reportFullBody .clipPlatformV2.clipSection{max-height:calc(100vh - 112px);overflow:hidden}.clipPlatformList{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.clipPlatformTopGrid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:14px;align-items:start}.clipPlatformTable table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.clipPlatformTable th{background:#f1f5f9;color:var(--text-strong);font-weight:600;text-align:center;padding:10px 8px;border-bottom:1px solid var(--border)}.clipPlatformTable td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:center;font-variant-numeric:tabular-nums}.clipPlatformTable td:first-child{text-align:center;font-weight:600}.clipPlatformTableLink{background:transparent;border:0;cursor:pointer;color:var(--text-strong);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.clipPlatformTableLink:hover{color:var(--accent-strong)}.clipPlatformValueBtn{padding:0!important}.clipPlatformValueLink{width:100%;padding:10px 8px;background:transparent;border:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;font-weight:700;cursor:pointer;text-align:center;transition:filter .15s ease}.clipPlatformValueLink:hover{filter:brightness(.9);text-decoration:underline;text-underline-offset:2px}.clipPlatformListStats .clipPlatformValueLink{padding:8px 4px}.clipPlatformTrend{padding:10px;border-radius:12px;background:#f8fafc;border:1px solid var(--border);min-width:0}.clipPlatformListRow{display:grid;grid-template-columns:130px minmax(320px,1fr) minmax(260px,1fr);gap:12px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff}.clipPlatformListCover{aspect-ratio:16 / 9;background:#0f172a;color:#fff;display:grid;place-items:center;border-radius:10px;overflow:hidden;font-weight:700;font-size:13px;letter-spacing:.08em}.clipPlatformListCover img{width:100%;height:100%;object-fit:cover}.clipPlatformListStats table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.clipPlatformListStats th{background:#e5e7eb;color:var(--text-strong);font-weight:600;padding:6px 4px;text-align:center}.clipPlatformListStats td{padding:8px 4px;text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.clipPlatformListTotal{background:#f1f5f9;color:var(--text-strong)}.clipPlatformListChart{min-width:0}.platformDetailHero{display:grid;grid-template-columns:160px 1fr;gap:14px;padding:14px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--tone) 6%,var(--surface))}.platformDetailHero img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px}.platformDetailHeroInfo{display:grid;gap:6px;align-content:center}.platformDetailHeroInfo h3{margin:0;font-size:17px;font-weight:700;color:var(--text-strong)}.platformDetailHeroValue{font-size:26px;font-weight:700;color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.platformDetailHeroValue em{font-style:normal;font-size:14px;font-weight:500;color:var(--muted);margin-left:6px}.platformDetailLink{font-size:12px;color:var(--accent-strong);text-decoration:none;word-break:break-all}.platformDetailLink:hover{text-decoration:underline}.platformDetailCharts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.platformDetailChartCard{padding:12px;border-radius:12px;border:1px solid var(--border);background:#f8fafc;min-width:0}.platformDetailChartCard h3{margin:0 0 8px;font-size:14px;color:var(--text-strong);font-weight:700}.platformDetailDemoGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.platformDetailCountries{padding:12px;border-radius:12px;border:1px solid var(--border);background:#fff}.platformDetailCountries h3{margin:0 0 8px;font-size:14px;color:var(--text-strong);font-weight:700}.platformDetailCountries table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.platformDetailCountries th{background:#f1f5f9;text-align:left;padding:8px;font-weight:600;color:var(--text-strong)}.platformDetailCountries td{padding:8px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;text-align:right}.platformDetailCountries td:first-child{text-align:left}@media(max-width:1100px){.clipOverviewGrid,.clipOverviewGrid--bottom,.clipPlatformTopGrid,.platformDetailCharts,.platformDetailDemoGrid,.clipPlatformListRow{grid-template-columns:1fr}}.reportFullOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:60;background:transparent;animation:fadeIn .18s ease}.reportFullOverlay--closing{animation:fadeOut .26s ease forwards}.reportFullPanel{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;background:#f8fafc;border-radius:0;border:none;box-shadow:none;overflow:hidden;z-index:61;animation:riseIn .28s var(--ease-spring)}.reportFullPanel--closing{animation:fadeOut .22s ease forwards}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reportFullHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.reportFullHeader .reportTopbarTitle h1{font-size:22px;margin:0}.reportFullHeader .reportEyebrow{font-size:11px;color:#64748b;letter-spacing:.6px;text-transform:uppercase;display:block;margin-bottom:2px}.reportFullHeader .platformDetailLink{font-size:12px;color:#10b981;text-decoration:none;display:inline-block;margin-top:4px}.reportFullBody{flex:1 1 auto;overflow-y:auto;padding:20px 28px 28px;display:flex;flex-direction:column;gap:20px;scroll-snap-type:y mandatory;scroll-behavior:smooth}.reportFullBody .clipSection{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 auto;min-height:calc(100vh - 112px);box-sizing:border-box}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:900px){.reportFullHeader{padding:14px 16px}.reportFullBody{padding:16px}}@keyframes reportPageIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes reportPageOut{0%{transform:translate(0)}to{transform:translate(100%)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.22,.61,.36,1)}::view-transition-old(root){animation-name:reportPageOut}::view-transition-new(root){animation-name:reportPageIn}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}.comparePage{display:flex;flex-direction:column;height:calc(100vh - 64px);background:var(--bg0);min-width:0;overflow:hidden}.compareHeader{flex:0 0 auto;display:flex;flex-direction:column;gap:12px;padding:16px clamp(18px,2vw,34px) 14px;background:color-mix(in srgb,var(--bg1) 88%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--hairline);z-index:5;transition:padding var(--dur-mid, .22s) var(--ease-quick, cubic-bezier(.22, 1, .36, 1))}.comparePage.is-compact .compareHeader{padding-top:10px;padding-bottom:8px}.compareHeaderRow{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.compareModeTabs{display:inline-flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-xs)}.compareModeTab{border:0;background:transparent;padding:8px 18px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-quick),background var(--dur-fast) var(--ease-quick)}.compareModeTab:hover{color:var(--text);background:var(--accent-soft)}.compareModeTab.is-active{color:#fff;background:var(--accent);box-shadow:var(--shadow-xs)}.compareRangePills{display:inline-flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap}.compareRangePill{border:0;background:transparent;padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-quick),background var(--dur-fast) var(--ease-quick)}.compareRangePill:hover{color:var(--text);background:var(--accent-soft)}.compareRangePill.is-active{color:#fff;background:var(--text-strong)}.compareChips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-height:40px;max-height:220px;overflow:hidden;opacity:1;transform:translateY(0);transition:max-height var(--dur-mid, .26s) var(--ease-quick, cubic-bezier(.22, 1, .36, 1)),opacity var(--dur-mid, .2s) var(--ease-quick, cubic-bezier(.22, 1, .36, 1)),transform var(--dur-mid, .26s) var(--ease-quick, cubic-bezier(.22, 1, .36, 1)),margin var(--dur-mid, .26s) var(--ease-quick, cubic-bezier(.22, 1, .36, 1))}.comparePage.is-compact .compareChips{max-height:0;min-height:0;opacity:0;transform:translateY(-6px);margin-top:-12px;pointer-events:none}.compareChip{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 4px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);max-width:260px;position:relative}.compareChip:before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1.5px solid color-mix(in srgb,var(--tone) 42%,transparent);pointer-events:none}.compareChipRank{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--tone, var(--accent));color:#fff;font-size:11px;font-weight:800;flex:0 0 auto}.compareChipThumb{width:28px;height:28px;border-radius:6px;object-fit:cover;flex:0 0 auto}.compareChipTitle{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.compareChipRemove{border:0;background:transparent;padding:2px;border-radius:50%;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.compareChipRemove:hover{background:var(--accent-soft);color:var(--danger)}.compareChipAdd{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px dashed var(--border-strong);background:transparent;font-size:13px;font-weight:700;color:var(--accent-strong);cursor:pointer;transition:background var(--dur-fast) var(--ease-quick),border-color var(--dur-fast) var(--ease-quick)}.compareChipAdd:hover{background:var(--accent-soft);border-color:var(--accent)}.compareBody{flex:1;min-height:0;display:flex;flex-direction:column;gap:20px;padding:22px clamp(18px,2vw,34px) 28px;overflow-y:auto;scroll-snap-type:y proximity;scroll-padding-top:12px}.compareBody>.compareCard{scroll-snap-align:start;scroll-margin-top:8px;min-height:calc(100% - 4px)}.compareCard{position:relative;display:flex;flex-direction:column;gap:16px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm)}.compareBody.is-busy .compareCard{pointer-events:none}.compareBody.is-busy .compareCard>*{filter:blur(.5px);opacity:.72;transition:opacity .16s var(--ease-quick, cubic-bezier(.22, 1, .36, 1))}.compareBody.is-busy .compareCard:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 28%,color-mix(in srgb,var(--surface) 88%,transparent) 46%,color-mix(in srgb,var(--accent-soft) 55%,transparent) 52%,color-mix(in srgb,var(--surface) 88%,transparent) 58%,transparent 76%);background-size:220% 100%;animation:compareShimmer 1.1s linear infinite;pointer-events:none;z-index:2}.compareCard>*{transition:opacity .22s var(--ease-quick, cubic-bezier(.22, 1, .36, 1)),filter .22s var(--ease-quick, cubic-bezier(.22, 1, .36, 1))}@keyframes compareShimmer{0%{background-position:220% 0}to{background-position:-120% 0}}.compareCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.compareCardTitle{display:flex;align-items:center;gap:12px;min-width:0}.compareCardIcon{width:38px;height:38px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--accent-soft);color:var(--accent-strong)}.compareCardTitle h2{margin:0;font-size:clamp(16px,1.25vw,19px);font-weight:800;color:var(--text-strong)}.compareCardTitle p{margin:2px 0 0;font-size:12px;color:var(--muted)}.compareCardRange{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:700;letter-spacing:.02em}.compareThumbRow{display:flex;flex-wrap:wrap;gap:12px}.compareThumbTile{flex:1 1 180px;max-width:240px}.compareThumbRow--compact{gap:8px}.compareThumbRow--compact .compareThumbTile{flex:1 1 130px;max-width:180px;padding:8px;gap:6px}.compareThumbRow--compact .compareThumbImgWrap{aspect-ratio:16 / 9;border-radius:8px}.compareThumbRow--compact .compareThumbTitle{font-size:12px;line-height:1.25;-webkit-line-clamp:2}.compareThumbRow--compact .compareThumbMetricValue{font-size:15px}.compareThumbRow--compact .compareThumbMetricLabel{font-size:9.5px}.compareThumbRow--compact .compareThumbRank{width:20px;height:20px;font-size:10px}.compareLegendBar{display:flex;gap:24px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:var(--surface2);border:1px solid var(--border)}.compareLegendGroup{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.compareLegendGroupTitle{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.compareLegendItems{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.compareLegendItem{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:12px;color:var(--text);max-width:220px}.compareLegendItem>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.compareLegendSwatch{width:10px;height:10px;border-radius:50%;background:var(--tone, var(--accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--tone, var(--accent)) 22%,transparent);flex:0 0 auto}.compareLegendLine{display:inline-block;width:22px;height:0;border-top:2.4px solid var(--text-strong);flex:0 0 auto}.compareLegendLine[data-dash=organic]{border-top-style:dashed}.compareLegendLine[data-dash=paid]{border-top-style:dotted;border-top-width:3px}.compareLegendItem--toggle{cursor:pointer;font-weight:700;transition:color var(--dur-fast) var(--ease-quick),background var(--dur-fast) var(--ease-quick),opacity var(--dur-fast) var(--ease-quick)}.compareLegendItem--toggle.is-muted{opacity:.45;background:var(--bg1)}.compareLegendItem--toggle:hover{background:var(--accent-soft)}.compareThumbTile{position:relative;display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:14px;background:var(--surface2);border:1px solid var(--border);overflow:hidden;transition:transform var(--dur-fast) var(--ease-quick),box-shadow var(--dur-fast) var(--ease-quick)}.compareThumbTile:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1.5px solid color-mix(in srgb,var(--tone) 30%,transparent);pointer-events:none}.compareThumbTile:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.compareThumbRank{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%;background:var(--tone, var(--accent));color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0f172a40;z-index:1}.compareThumbImgWrap{position:relative;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:var(--bg1)}.compareThumbImgWrap img{width:100%;height:100%;object-fit:cover;display:block}.compareThumbBody{display:flex;flex-direction:column;gap:6px;min-width:0}.compareThumbTitle{font-size:13px;font-weight:700;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compareThumbSub{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compareThumbMetric{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:6px 10px;margin-top:2px;border-radius:10px;background:color-mix(in srgb,var(--tone) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--tone) 24%,transparent)}.compareThumbMetricLabel{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.compareThumbMetricValue{font-size:17px;font-weight:800;color:var(--tone, var(--text-strong));font-variant-numeric:tabular-nums}.compareThumbFoot{display:flex;gap:10px;font-size:11px;color:var(--muted)}.compareThumbFoot span{display:inline-flex;align-items:center;gap:4px}.compareChartHolder{flex:1 1 auto;min-height:240px;padding:10px 6px 4px;border-radius:14px;background:var(--surface2);border:1px solid var(--border)}.compareChartHolder--tall{min-height:280px}.compareChartHolder .chartBox{height:100%!important}.compareKpiStrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.compareKpi{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--surface2));border:1px solid var(--accent-dim)}.compareKpi span{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em}.compareKpi b{font-size:18px;font-weight:800;color:var(--text-strong);font-variant-numeric:tabular-nums}.compareEmpty{padding:32px 18px;border-radius:14px;background:var(--surface2);border:1px dashed var(--border-strong);text-align:center;color:var(--muted)}.compareEmpty strong{display:block;font-size:15px;color:var(--text-strong);margin-bottom:4px}.compareEmpty p{margin:0 0 10px;font-size:12.5px}.compareEmptyCta{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:8px 16px;border-radius:999px;background:var(--accent);color:#fff;border:0;font-weight:700;cursor:pointer}.compareDemoGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compareDemoCol{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:var(--surface2);border:1px solid var(--border)}.compareDemoHead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.compareDemoHead h3{margin:0;font-size:13px;font-weight:800;color:var(--text-strong);letter-spacing:.06em;text-transform:uppercase}.compareDemoLegend{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.compareDemoRow{display:grid;grid-template-columns:minmax(160px,200px) 1fr;gap:12px;align-items:center}.compareDemoRow--channel{padding-bottom:8px;border-bottom:1px dashed var(--border);margin-bottom:4px}.compareDemoRowLabel{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text);min-width:0}.compareDemoRowLabel>img{width:34px;height:22px;object-fit:cover;border-radius:5px;flex:0 0 auto}.compareDemoRowLabel>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.compareDemoRowBadge{display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;flex:0 0 auto}.compareTrafficBlock{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;border-radius:14px;background:var(--surface2);border:1px solid var(--border)}.compareTrafficHead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.compareTrafficHead h3{margin:0;font-size:13px;font-weight:800;color:var(--text-strong);letter-spacing:.06em;text-transform:uppercase}.compareTrafficLegend{display:flex;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}.compareTrafficList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.compareTrafficRow{display:grid;grid-template-columns:minmax(200px,240px) 1fr;gap:12px;align-items:center}.compareTrafficRow--channel{padding-bottom:8px;border-bottom:1px dashed var(--border);margin-bottom:4px}.compareTrafficLabel{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text);min-width:0}.compareTrafficLabel img{width:36px;height:24px;object-fit:cover;border-radius:5px;flex:0 0 auto}.compareTrafficLabel span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.compareTrafficRank{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--tone, var(--accent));color:#fff;font-size:11px;font-weight:800;flex:0 0 auto}.comparePickerOverlay{position:fixed;inset:0;z-index:80;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .16s ease}.comparePickerPanel{width:min(720px,92vw);max-height:min(86vh,720px);display:flex;flex-direction:column;background:var(--surface);border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden}.comparePickerHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--hairline)}.comparePickerHead h2{margin:0;font-size:18px;font-weight:800;color:var(--text-strong)}.comparePickerHead p{margin:2px 0 0;font-size:12px;color:var(--muted)}.comparePickerSearch{display:flex;align-items:center;gap:10px;padding:10px 16px;margin:12px 16px 4px;border-radius:999px;border:1px solid var(--border);background:var(--surface2);color:var(--muted)}.comparePickerSearch input{flex:1;border:0;outline:0;background:transparent;font-size:14px;color:var(--text)}.comparePickerList{flex:1;overflow-y:auto;padding:8px 8px 12px;display:flex;flex-direction:column;gap:4px}.comparePickerRow{display:grid;grid-template-columns:28px 72px 1fr auto;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;border:0;background:transparent;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-quick)}.comparePickerRow:hover:not(:disabled){background:var(--accent-soft)}.comparePickerRow.is-picked{background:var(--accent-dim)}.comparePickerRow.is-disabled{opacity:.5;cursor:not-allowed}.comparePickerCheck{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;color:#fff;background:transparent}.comparePickerRow.is-picked .comparePickerCheck{background:var(--accent);border-color:var(--accent)}.comparePickerRow img{width:72px;height:48px;object-fit:cover;border-radius:8px}.comparePickerTitle{display:flex;flex-direction:column;gap:2px;min-width:0}.comparePickerTitle strong{font-size:13.5px;font-weight:700;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comparePickerTitle em{font-style:normal;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comparePickerMeta{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-variant-numeric:tabular-nums}.comparePickerMeta b{font-size:13px;font-weight:800;color:var(--text-strong)}.comparePickerMeta em{font-size:10px;font-style:normal;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.comparePickerEmpty{padding:32px;text-align:center;color:var(--muted)}.comparePickerFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-top:1px solid var(--hairline);background:var(--surface2)}.comparePickerActions{display:flex;gap:10px}.comparePickerGhost{padding:8px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:600;color:var(--text);cursor:pointer}.comparePickerGhost:hover{background:var(--accent-soft)}.comparePickerApply{padding:8px 20px;border-radius:10px;border:0;background:var(--accent);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm)}.comparePickerApply:hover{background:var(--accent-strong)}.comparePickerApply:disabled{opacity:.5;cursor:not-allowed}@media(max-width:960px){.compareDemoGrid{grid-template-columns:1fr}.compareThumbRow{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.compareTrafficRow,.compareDemoRow{grid-template-columns:1fr}.compareChartHolder{height:clamp(260px,48vh,380px)}}@media(max-width:640px){.compareBody{padding:16px 14px 24px;gap:14px}.compareCard{padding:14px}.compareThumbRow{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.usersWorkspace{padding:clamp(16px,1.6vw,28px);display:grid;gap:18px}.usersHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.usersHeading h1{margin:0;font-size:22px;font-weight:800;color:var(--text-strong);letter-spacing:-.01em}.usersHeading p{margin:2px 0 0;color:var(--muted);font-size:13.5px}.usersHeaderActions{display:inline-flex;align-items:center;gap:12px}.usersToggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}.usersToggle input{margin:0}.usersTableWrap{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:auto;box-shadow:var(--shadow-xs)}.usersTable{width:100%;min-width:880px;border-collapse:separate;border-spacing:0;font-size:14px}.usersTable th,.usersTable td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.usersTable thead th{background:var(--surface2);color:var(--muted);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.usersTable tbody tr:last-child td{border-bottom:0}.usersAvatarCell{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--text-strong)}.usersAvatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent-strong)}.usersPwCell{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:var(--text-strong)}.usersRolePill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.usersRolePill--owner{background:color-mix(in srgb,#ec4899 14%,var(--surface));color:#be185d}.usersRolePill--editor{background:color-mix(in srgb,#3b82f6 14%,var(--surface));color:#1d4ed8}.usersRolePill--viewer{background:color-mix(in srgb,#64748b 14%,var(--surface));color:#334155}.usersStatus{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,#94a3b8 14%,var(--surface));color:#475569;font-size:12px;font-weight:600}.usersStatus.is-active{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent-strong)}.usersActions{text-align:right!important;white-space:nowrap}.usersActions .iconBtn{margin-left:4px}.iconBtn--danger:hover{color:#ef4444;background:color-mix(in srgb,#ef4444 10%,transparent)}.channelForm{display:grid;gap:16px}.channelFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.channelColorPick{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center}.channelColorSwatch{width:56px;height:40px;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer}.credsBlock{border:1px solid var(--border);border-radius:12px;background:var(--surface2);overflow:hidden}.credsHeader{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:0;background:transparent;font-size:14px;font-weight:700;color:var(--text-strong);cursor:pointer}.credsHeaderToggle{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--muted)}.credsHeaderToggle .is-open{transform:rotate(180deg)}.credsBody{padding:14px 16px 16px;display:grid;gap:14px;border-top:1px solid var(--border);background:var(--surface)}@media(max-width:720px){.channelFormGrid{grid-template-columns:1fr}}.appLoadingShell{display:grid;place-items:center;min-height:60vh;color:var(--muted);font-size:14px;font-weight:600}.loginShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f8fafc,#eef2f7)}.loginCard{width:min(420px,100%);display:grid;gap:14px;padding:32px 28px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:0 24px 60px #0f172a1f}.loginHead{display:grid;gap:4px;text-align:center;margin-bottom:6px}.loginIcon{display:inline-grid;place-items:center;width:56px;height:56px;margin:0 auto 8px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent-strong)}.loginHead h1{margin:0;font-size:22px;font-weight:800;color:var(--text-strong);letter-spacing:-.01em}.loginHead p{margin:0;color:var(--muted);font-size:13px}.loginError{padding:10px 12px;border-radius:10px;background:color-mix(in srgb,#ef4444 10%,var(--surface));color:#b91c1c;font-size:13px;font-weight:600}.loginHint{margin:4px 0 0;text-align:center;font-size:12px;color:var(--muted)}.loginHint code{background:var(--surface2);padding:2px 6px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.appNavUser{font-size:13px;font-weight:600;color:var(--muted);padding:0 6px}.errorBoundaryShell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fef2f2,#fff7ed);padding:24px}.errorBoundaryCard{max-width:480px;padding:28px;border-radius:16px;background:var(--surface);border:1px solid #fecaca;box-shadow:0 18px 42px #0f172a1f;text-align:center}.errorBoundaryCard h1{margin:0 0 8px;font-size:20px;color:#b91c1c;font-weight:800}.errorBoundaryCard p{color:var(--muted);margin:0 0 16px;font-size:13.5px;word-break:break-word}.errorBoundaryActions{display:flex;gap:8px;justify-content:center}.offlineBanner{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:100;padding:8px 16px;background:#111827eb;color:#fff;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.04em;box-shadow:0 10px 24px #00000040}.credsBadge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px 1px 6px;margin-left:8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent-strong);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:none}.credsHelp{margin:0 0 6px;font-size:12px;color:var(--muted)}.reportDemoBadge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:12px;font-weight:700;letter-spacing:.04em;margin-left:8px}.oauthBlock{display:grid;gap:12px;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #a7f3d0}.oauthBlockHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.oauthBlockTitle{font-size:14px;font-weight:700;color:var(--text-strong)}.oauthBlockHint{margin:4px 0 0;color:var(--muted);font-size:12.5px;line-height:1.5;max-width:480px}.oauthStatus{flex-shrink:0;padding:3px 10px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:12px;font-weight:700;letter-spacing:.04em}.oauthStatus.is-connected{background:#d1fae5;color:#047857}.oauthBlockActions{display:flex;gap:8px;flex-wrap:wrap}