@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&display=swap";:root{--bg:#f7f7f7;--panel:#fff;--line:#ebebeb;--line-strong:#ddd;--text:#17171c;--muted:#5c5c66;--accent:#2f6bff;--accent-dark:#1f4fd6;--flag:#e00b41;--clear:#008a05;--amber:#b35900;--shadow-sm:0 1px 2px #0000000f, 0 4px 12px #0000000a;--shadow-md:0 6px 16px #0000001a;--radius:16px;--team-left:#2f7fe0;--team-right:#e0452f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.55 Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:1220px;margin:0 auto;padding:0 24px 48px}.app-header{border-bottom:1px solid var(--line);z-index:10;background:linear-gradient(180deg, #eaf1ff 0%, var(--bg) 100%);align-items:center;gap:14px;margin-bottom:24px;padding:18px 0 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:9px;display:flex}.brand-mark{color:var(--accent);font-size:26px;line-height:1}.app-header h1{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.tagline{color:var(--muted);font-size:14px;font-weight:500}.toolbar{margin-bottom:24px}.toolbar-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:700;display:block}.case-selector{flex-wrap:wrap;gap:10px;display:flex}.case-chip{cursor:pointer;background:var(--panel);color:var(--text);border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:14px;transition:box-shadow .15s,border-color .15s,transform 50ms;display:flex}.case-chip:hover:not(:disabled){border-color:var(--text);box-shadow:var(--shadow-sm)}.case-chip.active{border-color:var(--text);box-shadow:0 0 0 1.5px var(--text)}.case-chip:active:not(:disabled){transform:scale(.98)}.case-chip:disabled{opacity:.5;cursor:default}.case-id{font-weight:700}.case-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:#f2f2f2;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.tag-borderline{color:#8a6d00;background:#fff4d6}.tag-foul{color:var(--flag);background:#ffe1e8}.tag-clear{color:var(--clear);background:#e0f5e2}.main{grid-template-columns:minmax(380px,1.05fr) 1fr;align-items:start;gap:24px;display:grid}@media (width<=900px){.main{grid-template-columns:1fr}.stage,.side{position:static}}.stage{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-self:start;padding:18px;position:sticky;top:88px}.legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:14px;font-size:13px;font-weight:500;display:flex}.legend span{align-items:center;gap:8px;display:inline-flex}.legend .dot{border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.legend .dot.left{background:var(--team-left)}.legend .dot.right{background:var(--team-right)}.legend .dot.gk{background:0 0;border:2px solid #d4a200}.legend .dot.ball{box-shadow:0 0 0 1px var(--line-strong);background:#111;border:2px solid #fff;font-size:0;position:static}.legend .dot.line{background:#d4a200;border-radius:2px;width:14px;height:3px}.facts-bar{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.facts-bar span{border:1px solid var(--line);color:var(--text);background:#f7f7f7;border-radius:10px;align-items:baseline;gap:5px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.facts-bar b{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.pitch{border-radius:12px;width:100%;height:auto;display:block}.pitch-empty{color:var(--muted);text-align:center;padding:60px 40px}.view-toggle{border:1px solid var(--line);background:#f0f0f3;border-radius:10px;gap:4px;margin-bottom:12px;padding:3px;display:inline-flex}.view-toggle button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px 16px;font-weight:600}.view-toggle button.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.pitch3d{background:linear-gradient(#cfe0f5 0%,#9db9e2 55%,#6d8fc2 100%);border-radius:12px;width:100%;height:460px;overflow:hidden}.pitch3d canvas{display:block}.pitch3d-loading{background:#1b6d3b;animation:1.4s ease-in-out infinite cl-pulse}@media (width<=720px){.pitch3d{height:360px}}.controls{margin-top:16px}.controls input[type=range]{appearance:none;background:var(--line-strong);border-radius:999px;outline:none;width:100%;height:4px}.controls input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--panel);border:1px solid var(--line-strong);width:18px;height:18px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:50%}.controls input[type=range]::-moz-range-thumb{background:var(--panel);border:1px solid var(--line-strong);width:18px;height:18px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:50%}.frame-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:13px;font-weight:500;display:flex}.ctrl-btns{gap:10px;display:flex}.frame-meta button{background:var(--panel);color:var(--text);border:1px solid var(--text);cursor:pointer;border-radius:10px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,transform 50ms}.frame-meta button:hover:not(:disabled){background:#f7f7f7}.frame-meta button:active:not(:disabled){transform:scale(.98)}.frame-meta button.analyze{color:#fff;background:linear-gradient(180deg, var(--accent), var(--accent-dark));border:none;box-shadow:0 6px 18px #2f6bff61,inset 0 1px #ffffff59}.frame-meta button.analyze:hover:not(:disabled){filter:brightness(1.06)}.frame-meta button:disabled{opacity:.5;cursor:default}.hint{color:var(--muted);margin:10px 0 0;font-size:13px}.side{position:sticky;top:88px}.verdict-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}.verdict-card{border-radius:12px;margin-bottom:16px;padding:18px 20px}.verdict-card.v-flag{background:#fff0f3;border:1px solid #ffd2dc}.verdict-card.v-clear{background:#eef9ef;border:1px solid #cdeccf}.verdict-top{color:var(--muted);letter-spacing:.05em;justify-content:space-between;font-size:12px;font-weight:700;display:flex}.verdict-label{text-transform:uppercase}.verdict-value{letter-spacing:-.02em;text-transform:capitalize;margin:4px 0 2px;font-size:34px;font-weight:800}.v-flag .verdict-value{color:var(--flag)}.v-clear .verdict-value{color:var(--clear)}.verdict-conf{color:var(--muted);font-weight:600}.provider{text-transform:none;font-weight:500}.guard-badge{color:var(--amber);background:#fff8ea;border:1px solid #f2d999;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:13px;font-weight:600}.guard-ok{color:var(--clear);background:#eef9ef;border:1px solid #cdeccf;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:13px;font-weight:600}.warn{color:var(--amber);margin:6px 0;font-size:13px;font-weight:600}.bad{color:var(--flag);font-weight:600}.loading{color:var(--muted);align-items:center;gap:10px;padding:10px 0;font-weight:500;display:flex}.spinner{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pipeline{padding:4px 2px 6px}.pipeline-head{align-items:baseline;gap:10px;margin-bottom:18px;display:flex}.pipeline-title{letter-spacing:-.01em;color:var(--text);font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:26px;font-weight:400}.pipeline-sub{color:var(--muted);font-size:13px;font-weight:500}.pipeline-steps{margin:0;padding:0;list-style:none}.pipe-step{opacity:0;align-items:stretch;gap:14px;animation:.4s forwards pipe-in;display:flex;transform:translateY(6px)}.pipe-step:first-child{animation-delay:20ms}.pipe-step:nth-child(2){animation-delay:80ms}.pipe-step:nth-child(3){animation-delay:.14s}.pipe-step:nth-child(4){animation-delay:.2s}.pipe-step:nth-child(5){animation-delay:.26s}@keyframes pipe-in{to{opacity:1;transform:none}}.pipe-rail{justify-content:center;width:30px;display:flex;position:relative}.pipe-rail:before{content:"";background:var(--line);width:2px;transition:background .35s;position:absolute;top:30px;bottom:-12px;left:50%;transform:translate(-50%)}.pipe-step:last-child .pipe-rail:before{display:none}.pipe-step.done .pipe-rail:before{background:var(--accent)}.pipe-node{z-index:1;background:var(--panel);border:1.5px solid var(--line-strong);width:30px;height:30px;color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:border-color .35s,color .35s,background .35s,box-shadow .35s,transform .35s;display:flex;position:relative}.pipe-step.done .pipe-node{background:var(--accent);border-color:var(--accent);color:#fff}.pipe-step.active .pipe-node{border-color:var(--accent);color:var(--accent);animation:1.6s ease-out infinite pipe-pulse;transform:scale(1.08);box-shadow:0 0 #2f6bff73}@keyframes pipe-pulse{0%{box-shadow:0 0 #2f6bff6b}70%{box-shadow:0 0 0 9px #2f6bff00}to{box-shadow:0 0 #2f6bff00}}.pipe-body{flex-direction:column;min-width:0;padding:3px 0 18px;display:flex}.pipe-label{letter-spacing:-.01em;color:var(--muted);font-size:15px;font-weight:700;transition:color .35s}.pipe-step.done .pipe-label,.pipe-step.active .pipe-label{color:var(--text)}.pipe-caption{color:var(--line-strong);font-size:12.5px;font-weight:500;transition:color .35s}.pipe-step.done .pipe-caption{color:var(--muted)}.pipe-step.active .pipe-caption{color:var(--accent)}.verdict-reason{color:var(--text);margin:12px 0}.evidence{color:var(--text);margin:8px 0;padding-left:20px}.evidence li{margin:4px 0}.muted{color:var(--muted)}.agent-trace{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.agent-trace h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:12px;font-weight:700}.trace-step{border-bottom:1px solid var(--line)}.trace-head{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:14px 2px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.trace-head:hover{color:var(--accent)}.trace-body{color:#4a4a4a;padding:0 2px 14px;font-size:14px}.trace-body ul{margin:8px 0;padding-left:20px}.checks{padding-left:0;list-style:none}.checks li{padding:5px 0}.checks li.ok{color:var(--clear)}.checks li.bad{color:var(--flag)}.upload{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.upload-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.upload-select{background:var(--panel);color:var(--text);border:1px solid var(--line-strong);cursor:pointer;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:14px}.upload-btn{color:#fff;cursor:pointer;background:linear-gradient(180deg, var(--accent), var(--accent-dark));border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:700;transition:filter .15s,transform 50ms;display:inline-block;box-shadow:0 6px 18px #2f6bff59,inset 0 1px #ffffff59}.upload-btn:hover{filter:brightness(1.04)}.upload-btn:active{transform:scale(.98)}.upload-btn.disabled{opacity:.5;cursor:default;pointer-events:none}.upload-msg{color:var(--muted);margin:10px 0 0;font-size:13px;font-weight:500}.estimated-banner{color:var(--amber);background:#fff4e5;border:1px solid #ffd9a8;border-radius:12px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600}.call-summary{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--text);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:9px 12px;font-size:13.5px;font-weight:500;display:flex}.call-team{color:#fff;letter-spacing:.01em;border-radius:999px;flex:none;padding:3px 10px;font-size:12px;font-weight:700}.call-team-left{background:var(--team-left)}.call-team-right{background:var(--team-right)}.call-text{flex:220px;min-width:0}.call-coverage{color:var(--muted);border-left:1px solid var(--line);flex:none;padding-left:10px;font-size:12px;font-weight:600}.brand{color:inherit;text-decoration:none}.app-home-link{color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;margin-left:auto;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s}.app-home-link:hover{color:var(--text);border-color:var(--text)}.cl{--cl-blue:#2f6bff;--cl-blue-2:#1f4fd6;--cl-ink:#17171c;--cl-muted:#5c5c66;--cl-line:#ececf1;color:var(--cl-ink);background:#fff}.cl-hero-wrap{background:radial-gradient(120% 90% at 84% 98%,#ffeecdf2 0%,#ffd69659 26%,#0000 54%),linear-gradient(#5b93df 0%,#8fb8e8 30%,#cfd9e6 58%,#f0d9b8 82%,#f6cf9c 100%);padding:0 24px 40px;position:relative}.cl-mountains{z-index:1;pointer-events:none;width:100%;height:260px;position:absolute;bottom:120px;left:0;right:0}.mtn-back{fill:#7896be6b}.mtn-front{fill:#5476a694}.cl-nav{z-index:3;justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:22px 4px;display:flex;position:relative}.cl-logo{color:#fff;letter-spacing:-.01em;align-items:center;gap:9px;font-size:21px;font-weight:800;text-decoration:none;display:inline-flex}.cl-logo-mark{font-size:22px}.cl-links{gap:30px;display:flex}.cl-links a{color:#ffffffeb;font-size:15px;font-weight:600;text-decoration:none;transition:color .15s}.cl-links a:hover{color:#fff}@media (width<=620px){.cl-links{gap:18px;font-size:14px}}.cl-hero{z-index:3;text-align:center;padding:70px 0 40px;position:relative}.cl-headline{color:#fff;letter-spacing:-.005em;text-shadow:0 2px 30px #1e3c7838;margin:0 0 22px;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:84px;font-weight:400;line-height:1.02}@media (width<=780px){.cl-headline{font-size:52px}}@media (width<=480px){.cl-headline{font-size:40px}}.cl-sub{color:#fffffff0;max-width:46ch;margin:0 auto 34px;font-size:19px;font-weight:500;line-height:1.5}@media (width<=480px){.cl-sub{font-size:16px}}.cl-cta{color:#fff;background:linear-gradient(180deg, var(--cl-blue), var(--cl-blue-2));border-radius:14px;align-items:center;gap:10px;padding:15px 30px;font-size:17px;font-weight:700;text-decoration:none;transition:transform 60ms,filter .15s;display:inline-flex;box-shadow:0 10px 30px #2f6bff73,inset 0 1px #ffffff59}.cl-cta:hover{filter:brightness(1.05)}.cl-cta:active{transform:scale(.98)}.cl-cta-icon{font-size:12px}.cl-cta-dark{box-shadow:0 10px 30px #2f6bff59}.cl-mockup{z-index:3;max-width:940px;margin:26px auto -90px;padding:0 4px;position:relative}.cl-window{background:#0e0e14;border:1px solid #ffffff14;border-bottom:none;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 40px 90px #14285a59}.cl-window-bar{background:#16161d;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:12px 16px;display:flex}.cl-dot{border-radius:50%;width:12px;height:12px}.cl-dot.red{background:#ff5f57}.cl-dot.amber{background:#febc2e}.cl-dot.green{background:#28c840}.cl-window-title{color:#fff9;margin-left:10px;font-size:13px;font-weight:600}.cl-window-body{grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:28px;display:grid}@media (width<=720px){.cl-window-body{grid-template-columns:1fr}}.cl-mock-pitch{justify-content:center;display:flex}.cl-offside-line{background:repeating-linear-gradient(#ffe14d 0 8px,#0000 8px 14px);width:2px;position:absolute;top:0;bottom:0;left:62%}.cl-verdict{color:#fff}.cl-verdict-tag{letter-spacing:.12em;text-transform:uppercase;color:#7ea2ff;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-block}.cl-verdict-call{margin:0 0 10px;font-size:26px;font-weight:800}.cl-verdict-reason{color:#ffffffc7;margin:0 0 16px;font-size:14px;line-height:1.55}.cl-verdict-reason strong{color:#4ade80}.cl-chips{flex-wrap:wrap;gap:8px;display:flex}.cl-chips span{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.lp-pitch{aspect-ratio:3/2;background:linear-gradient(160deg,#1f9d55,#0e7a3c);border:3px solid #ffffffd9;border-radius:12px;width:100%;max-width:420px;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000059}.lp-center-line{background:#ffffffb3;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.lp-center-circle{border:2px solid #ffffffb3;border-radius:50%;width:96px;height:96px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ball{will-change:transform;font-size:30px;position:absolute}.ball-a{animation:6s linear infinite roll;top:34%;left:-10%}.ball-b{animation:2.4s ease-in-out infinite bounce;top:12%;right:14%}.ball-c{animation:5s ease-in-out infinite float;bottom:12%;left:20%}.lp-flag{transform-origin:0 100%;font-size:26px;animation:2s ease-in-out infinite wave;position:absolute;top:10%;left:8%}@keyframes roll{0%{transform:translate(0)rotate(0)}to{transform:translate(480px)rotate(1080deg)}}@keyframes bounce{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-26px)rotate(180deg)}}@keyframes float{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(16px,-12px)rotate(160deg)}}@keyframes wave{0%,to{transform:rotate(-6deg)}50%{transform:rotate(10deg)}}.cl-main{max-width:1120px;margin:0 auto;padding:130px 24px 40px}.cl-section{margin-bottom:76px}.cl-section-title{letter-spacing:-.005em;text-align:center;margin:0 0 38px;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:42px;font-weight:400}@media (width<=480px){.cl-section-title{font-size:32px}}.cl-cards{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (width<=900px){.cl-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.cl-cards{grid-template-columns:1fr}}.cl-card{border:1px solid var(--cl-line);background:#fff;border-radius:16px;padding:26px 22px;transition:transform .15s,box-shadow .15s}.cl-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #1e3c781a}.cl-card-icon{margin-bottom:14px;font-size:30px;display:block}.cl-card h3{letter-spacing:-.01em;margin:0 0 8px;font-size:17px;font-weight:800}.cl-card p{color:var(--cl-muted);margin:0;font-size:14px;line-height:1.55}.cl-steps{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (width<=900px){.cl-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.cl-steps{grid-template-columns:1fr}}.cl-step{padding:8px}.cl-step-num{color:#fff;background:linear-gradient(180deg, var(--cl-blue), var(--cl-blue-2));border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:18px;font-weight:800;display:inline-flex;box-shadow:0 6px 16px #2f6bff59}.cl-step h4{margin:0 0 6px;font-size:16px;font-weight:800}.cl-step p{color:var(--cl-muted);margin:0;font-size:14px;line-height:1.55}.cl-final{text-align:center;border:1px solid var(--cl-line);background:linear-gradient(#eef3ff 0%,#f7f2e9 100%);border-radius:24px;padding:62px 24px}.cl-final h2{letter-spacing:-.005em;margin:0 0 28px;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:42px;font-weight:400}@media (width<=480px){.cl-final h2{font-size:30px}}.cl-footer{color:var(--cl-muted);border-top:1px solid var(--cl-line);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:8px;padding:30px 24px;font-size:14px;font-weight:600;display:flex}.cl-footer .cl-logo{color:var(--cl-ink);font-size:18px}.cl-footer .cl-logo-mark{color:var(--cl-blue)}.cl-juggler{background:radial-gradient(120% 100% at 50% 22%,#7896dc38,#0000 60%),radial-gradient(90% 80% at 50% 120%,#1f4fd647,#0000 70%),#0b0b12;border-radius:12px;width:100%;height:380px;overflow:hidden}.cl-juggler canvas{display:block}.cl-juggler-loading{animation:1.4s ease-in-out infinite cl-pulse}@keyframes cl-pulse{0%,to{opacity:.6}50%{opacity:1}}@media (width<=720px){.cl-juggler{height:320px}}.cl-showcase{margin-bottom:84px}.cl-showcase-title{letter-spacing:-.005em;text-align:center;margin:0 0 12px;font-family:Instrument Serif,Georgia,Times New Roman,serif;font-size:46px;font-weight:400}@media (width<=480px){.cl-showcase-title{font-size:34px}}.cl-showcase-sub{text-align:center;color:var(--cl-muted);max-width:52ch;margin:0 auto 44px;font-size:18px;font-weight:500}.cl-showcase-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}@media (width<=900px){.cl-showcase-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}.cl-show-card{flex-direction:column;display:flex}.cl-show-cap{color:var(--cl-muted);margin:20px 4px 0;font-size:17px;line-height:1.5}.cl-show-cap strong{color:var(--cl-ink);font-weight:700}.cl-mock-panel{background:linear-gradient(#e9edf7,#dfe4f2);border:1px solid #788cbe2e;border-radius:20px;flex-direction:column;gap:14px;min-height:300px;padding:20px;display:flex;position:relative;box-shadow:inset 0 1px #fff9}.cl-mock-head{justify-content:space-between;align-items:center;font-size:15px;font-weight:800;display:flex}.cl-mock-pill{color:#1f7a3a;background:#dff3e6;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.cl-mock-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cl-mock-list li{background:#fff;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:0 1px 2px #1e326e0f}.cl-mock-list li div{flex-direction:column;flex:1;line-height:1.25;display:flex}.cl-mock-list b{font-size:14px}.cl-mock-list small{color:var(--cl-muted);font-size:12px}.cl-av{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:inline-flex}.cl-av.a{background:var(--team-left,#2f7fe0)}.cl-av.d{background:var(--team-right,#e0452f)}.cl-av.gk{background:#d4a200;font-size:11px}.cl-mock-tag{color:var(--cl-muted);background:#eef1f8;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.cl-mock-tag.warn{color:#8a6d00;background:#fff2d6}.cl-mock-tabs{gap:8px;display:flex}.cl-mock-tabs span{color:var(--cl-muted);background:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.cl-mock-tabs .on{color:#fff;background:linear-gradient(180deg, var(--cl-blue), var(--cl-blue-2))}.cl-mock-code{color:#c7d2f0;background:#0e1220;border-radius:12px;flex:1;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.cl-mock-code p{margin:0 0 8px}.cl-mock-code .k{color:#7ea2ff}.cl-mock-code .ok{color:#4ade80;font-weight:700}.cl-mock-ai{background:#fff;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.45;box-shadow:0 1px 2px #1e326e0f}.cl-mock-ai-tag{color:var(--cl-blue);margin-bottom:4px;font-size:11px;font-weight:800;display:block}.cl-mock-replay{justify-content:space-between}.cl-mock-frame{background:linear-gradient(160deg,#2aa15a,#158043);border:2px solid #ffffffb3;border-radius:12px;flex:1;min-height:150px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.cl-mf-line{background:repeating-linear-gradient(#ffe14d 0 7px,#0000 7px 13px);width:2px;position:absolute;top:0;bottom:0;left:62%}.cl-mf-dot{border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0000004d}.cl-mf-dot.a{background:#2f7fe0}.cl-mf-dot.d{background:#e0452f}.cl-mf-ball{background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #999}.cl-mock-scrub{background:#c6cee0;border-radius:999px;height:5px;position:relative}.cl-mock-scrub i{background:#fff;border:1px solid #c6cee0;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:58%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #1e326e40}.cl-mock-keys{gap:8px;display:flex}.cl-mock-keys .key{color:var(--cl-ink);background:#fff;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700;box-shadow:0 1px 2px #1e326e14}.cl-mock-keys .key:first-child{flex:1}.cl-compat-label{text-align:center;text-transform:uppercase;letter-spacing:.14em;color:var(--cl-muted);margin:56px 0 20px;font-size:12px;font-weight:800}.cl-compat-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 34px;display:flex}.cl-compat-row span{color:var(--cl-ink);align-items:center;gap:8px;font-size:17px;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){.ball,.lp-flag{animation:none}}