:root{--ink:#0d0d12;--slate:#6b6b78;--ash:#b3b3bf;--coral:#ff7a5c;--paper:#fdfdfc;--card:#fff;--hanzi:#6044ff;--hanzi-deep:#483bd1;--hanzi-paper:#ede9f8;--hanzi-fill:#e0daff;--hangul:#279cf1;--hangul-deep:#0e62be;--hangul-paper:#eaf6ff;--hangul-fill:#c7e6ff;--kana:#e31542;--kana-deep:#970827;--kana-paper:#ffecef;--kana-fill:#ffd1db;--radius:28px;--radius-sm:20px;--shadow-soft:0 18px 40px -18px #6044ff47, 0 6px 14px -8px #00000014;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--display:"Bricolage Grotesque", "Instrument Sans", system-ui, -apple-system, sans-serif;--text:"Instrument Sans", system-ui, -apple-system, sans-serif;--serif:"Songti SC", "Noto Serif SC", serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--text);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}.bg-field{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(60px);opacity:.5;border-radius:50%;position:absolute}.blob.b1{background:var(--hanzi-fill);width:460px;height:460px;top:-120px;left:-120px}.blob.b2{background:var(--hangul-fill);width:380px;height:380px;top:40%;right:-140px}.blob.b3{background:var(--kana-fill);width:420px;height:420px;bottom:-160px;left:20%}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,92vw);margin:0 auto}.selector-page{min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));background:#fdfdfc;place-items:center;display:grid}.selector-shell{gap:clamp(34px,5dvh,48px);width:min(100%,400px);display:grid}.selector-header{gap:14px;display:grid}.selector-wordmark{color:var(--slate);font-family:var(--display);letter-spacing:.01em;font-size:.92rem;font-weight:600}.selector-header h1{color:#131318;letter-spacing:-.03em;font-size:clamp(1.85rem,7vw,2.3rem);font-weight:600;line-height:1.1}.selector-header p{color:var(--slate);font-size:.98rem;font-weight:400;line-height:1.5}.app-picker{gap:10px;display:grid}.picker-card{--picker-accent:var(--hanzi);background:#fff;border:1px solid #e9e9ee;border-radius:18px;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 17px 15px 15px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.picker-card.hangul{--picker-accent:var(--hangul)}.picker-card.kana{--picker-accent:var(--kana)}.picker-card:hover{border-color:color-mix(in srgb, var(--picker-accent) 40%, #e9e9ee);box-shadow:0 10px 28px -20px color-mix(in srgb, var(--picker-accent) 60%, transparent);transform:translateY(-1px)}.picker-card:focus-visible{outline:2px solid var(--picker-accent);outline-offset:2px}.picker-card:active{box-shadow:none;transform:translateY(0)}.picker-logo{border-radius:11px;width:50px;height:50px;display:block}.picker-copy{align-items:center;min-width:0;display:grid}.picker-copy strong{color:#131318;font-size:.98rem;font-weight:600;line-height:1.2}.picker-store-badge{transition:transform .14s var(--ease-pop);justify-self:end;display:inline-flex}.picker-store-badge img{width:120px;height:auto;display:block}.picker-card:hover .picker-store-badge{transform:translateY(-1px)}.selector-footer{color:var(--slate);justify-content:space-between;align-items:center;gap:16px;font-size:.82rem;display:flex}.selector-footer small{font-size:inherit;font-weight:400}.selector-footer nav{gap:18px;display:inline-flex}.selector-footer a{color:inherit;font-weight:500;transition:color .15s}.selector-footer a:hover{color:#131318}@media (width<=360px){.picker-card{grid-template-columns:46px minmax(56px,1fr) auto;gap:10px;padding:13px 14px}.picker-logo{width:46px;height:46px}.picker-copy strong{font-size:.94rem}.picker-store-badge img{width:108px}}.btn{font-family:var(--display);color:#fff;border-radius:var(--radius-sm);background:var(--accent,var(--hanzi));box-shadow:0 6px 0 0 var(--accent-deep,var(--hanzi-deep));transition:transform .12s var(--ease-pop), box-shadow .12s var(--ease-pop);will-change:transform;align-items:center;gap:10px;padding:15px 26px;font-size:1.02rem;font-weight:700;display:inline-flex;position:relative}.btn:active{box-shadow:0 2px 0 0 var(--accent-deep,var(--hanzi-deep));transform:translateY(4px)}.btn.ghost{color:var(--ink);background:#fff;box-shadow:0 4px #0d0d121f,inset 0 0 0 2px #0d0d1212}.btn.ghost:active{transform:translateY(3px);box-shadow:0 1px #0d0d121f,inset 0 0 0 2px #0d0d1212}.btn.soon{color:var(--slate);box-shadow:none;cursor:default;background:#0d0d120d;font-weight:700}.badge-link{transition:transform .14s var(--ease-pop);will-change:transform;display:inline-flex}.badge-link img{width:auto;height:52px;display:block}.badge-link:hover{transform:translateY(-2px)scale(1.03)}.badge-link:active{transform:translateY(1px)scale(.98)}.badge-link.big img{height:58px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.eyebrow{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--hanzi-deep);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 11px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px -6px #6044ff59}.eyebrow .dot{background:var(--coral);border-radius:50%;width:9px;height:9px}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;font-weight:600;line-height:1.05}.nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f3fbb8;border-bottom:1px solid #0d0d120d;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;padding:14px 0;display:flex}.brand{font-family:var(--display);align-items:center;gap:11px;font-size:1.18rem;font-weight:800;display:flex}.brand img{background:#fff;border-radius:11px;width:38px;height:38px;padding:2px;box-shadow:0 4px 12px -4px #6044ff80}.nav-links{align-items:center;gap:26px;display:flex}.nav-links a{color:var(--slate);font-size:.98rem;font-weight:700;transition:color .15s}.nav-links a:hover{color:var(--ink)}.nav .btn{color:#fff;background:var(--hanzi);box-shadow:0 5px 0 0 var(--hanzi-deep);padding:11px 20px;font-size:.95rem}.nav .btn:active{box-shadow:0 2px 0 0 var(--hanzi-deep);transform:translateY(3px)}@media (width<=760px){.nav-links a:not(.btn){display:none}}.hero{padding:clamp(48px,8vw,96px) 0 clamp(40px,6vw,72px)}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}.hero h1{font-size:clamp(2.5rem,6vw,4.3rem)}.hero h1 .swap{color:var(--accent,var(--hanzi));display:inline-block;position:relative}.hero p.lead{color:var(--slate);max-width:30ch;margin-top:20px;font-size:clamp(1.05rem,2.4vw,1.3rem);font-weight:600}.hero-cta{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-stats{flex-wrap:wrap;gap:28px;margin-top:36px;display:flex}.stat .n{font-family:var(--display);color:var(--ink);font-size:1.7rem;font-weight:800}.stat .l{color:var(--slate);font-size:.85rem;font-weight:700}.hero-art{justify-content:center;display:flex;position:relative}.phone{aspect-ratio:1290/2796;width:min(288px,76vw);box-shadow:0 34px 70px -26px var(--accent,var(--hanzi)), 0 10px 24px -12px #0006;z-index:2;background:#14121d;border-radius:44px;padding:4px;position:relative}.phone-screen{object-fit:cover;object-position:top center;opacity:0;border-radius:40px;width:calc(100% - 8px);height:calc(100% - 8px);transition:opacity .6s;position:absolute;inset:4px}.phone-screen.show{opacity:1}.float{z-index:4;animation:4.5s ease-in-out infinite bob;position:absolute}.float.icon{background:#fff;border-radius:26%;padding:7px;box-shadow:0 16px 30px -12px #00000052}.float.icon img{border-radius:22%;width:100%;height:100%;display:block}.float.f1{width:78px;height:78px;animation-delay:0s;top:2%;left:-7%}.float.f2{width:70px;height:70px;animation-delay:.8s;bottom:22%;right:-9%}.float.f3{width:58px;height:58px;animation-delay:1.6s;top:50%;left:-11%}.mascot-peek{z-index:5;width:150px;animation:5s ease-in-out infinite bob;position:absolute;bottom:-16px;right:-10%}.mascot-peek img{filter:drop-shadow(0 12px 16px #0000002e);width:100%}@keyframes bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-14px)rotate(3deg)}}@media (width<=880px){.hero-grid{grid-template-columns:1fr;gap:8px}.hero-art{margin-top:24px}.hero p.lead{max-width:none}}.section{padding:clamp(56px,9vw,100px) 0}.section-head{text-align:center;max-width:620px;margin:0 auto 48px}.section-head h2{font-size:clamp(2rem,4.5vw,3rem)}.section-head p{color:var(--slate);margin-top:14px;font-size:1.08rem;font-weight:600}.steps{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.step{text-align:left;padding:30px 26px;position:relative}.step .num{width:46px;height:46px;font-family:var(--display);color:#fff;background:var(--coral);border-radius:14px;place-items:center;margin-bottom:18px;font-size:1.3rem;font-weight:800;display:grid;box-shadow:0 5px #c9543b}.step h3{font-size:1.32rem}.step p{color:var(--slate);margin-top:8px;font-size:.98rem;font-weight:600}@media (width<=760px){.steps{grid-template-columns:1fr}}.apps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.app-card{--accent:var(--hanzi);--accent-deep:var(--hanzi-deep);border-radius:var(--radius);background:var(--brand-paper,var(--hanzi-paper));box-shadow:0 22px 44px -22px var(--accent);transition:transform .25s var(--ease-pop);padding:28px;position:relative;overflow:hidden}.app-card:hover{transform:translateY(-6px)}.app-shot{background:#14121d;border-radius:32px;height:280px;padding:4px 4px 0;position:relative;overflow:hidden}.app-shot .shot{object-fit:cover;object-position:top center;border-radius:28px 28px 0 0;width:100%;display:block}.app-shot .app-mascot{filter:drop-shadow(0 8px 12px #00000038);width:86px;animation:5s ease-in-out infinite bob;position:absolute;bottom:-6px;right:-10px}.app-head{align-items:center;gap:13px;margin-top:20px;display:flex}.app-card .logo{width:58px;height:58px;box-shadow:0 10px 22px -8px var(--accent);background:#fff;border-radius:28%;flex:none;padding:5px}.app-card .logo img{border-radius:22%;width:100%;height:100%;display:block}.app-card h3{font-size:1.32rem}.app-card .lang{color:var(--accent);margin-top:1px;font-size:.9rem;font-weight:800}.app-card .glyphs{font-family:var(--serif);font-weight:700}.app-card .badge{font-family:var(--display);color:#fff;background:var(--accent);white-space:nowrap;border-radius:999px;align-self:flex-start;margin-left:auto;padding:5px 11px;font-size:.68rem;font-weight:700}.app-card p{color:var(--slate);min-height:48px;margin-top:12px;font-size:.96rem;font-weight:600}.app-card .btn{justify-content:center;width:100%;margin-top:16px}.app-card .badge-link{margin-top:16px}.app-card .badge-link img{height:50px}@media (width<=880px){.apps{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.features{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.feat{text-align:left;padding:26px 22px}.feat .ic{background:var(--hanzi-fill);width:52px;height:52px;color:var(--hanzi-deep);border-radius:16px;place-items:center;margin-bottom:16px;font-size:1.5rem;display:grid}.feat:nth-child(2) .ic{background:var(--hangul-fill);color:var(--hangul-deep)}.feat:nth-child(3) .ic{background:var(--kana-fill);color:var(--kana-deep)}.feat:nth-child(4) .ic{color:#c9543b;background:#ffe1d6}.feat h3{font-size:1.15rem}.feat p{color:var(--slate);margin-top:6px;font-size:.92rem;font-weight:600}@media (width<=980px){.features{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.features{grid-template-columns:1fr}}.cta-band{background:linear-gradient(135deg, var(--hanzi), var(--kana));text-align:center;color:#fff;border-radius:36px;padding:clamp(40px,6vw,64px);position:relative;overflow:hidden;box-shadow:0 30px 60px -28px #6044ffb3}.cta-band h2{color:#fff;font-size:clamp(1.9rem,4vw,2.9rem)}.cta-band p{opacity:.92;margin-top:14px;font-size:1.1rem;font-weight:600}.cta-band .btn{color:var(--hanzi-deep);background:#fff;margin-top:28px;box-shadow:0 6px #0000002e}.cta-band .mascot-cta{opacity:.95;width:130px;position:absolute;bottom:-8px;left:4%}.cta-band .mascot-cta img{width:100%}@media (width<=680px){.cta-band .mascot-cta{display:none}}.footer{text-align:center;color:var(--slate);padding:48px 0 60px}.footer .brand{justify-content:center;margin-bottom:14px}.footer .row{flex-wrap:wrap;justify-content:center;gap:22px;margin:16px 0;font-weight:700;display:flex}.footer .row a:hover{color:var(--ink)}.footer small{opacity:.8;font-size:.85rem;font-weight:600}.reveal{opacity:0;transition:opacity .6s ease, transform .6s var(--ease-pop);transform:translateY(22px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.float,.mascot-peek,.cta-band .mascot-cta{animation:none}.reveal{opacity:1;transition:none;transform:none}}.legal-page{min-height:100vh}.legal-wrap{width:min(820px,92vw);margin:0 auto}.legal-bar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fdfdfcd9;border-bottom:1px solid #0d0d120f;position:sticky;top:0}.legal-bar-inner{justify-content:space-between;align-items:center;padding:14px 0;display:flex}.legal-nav{gap:22px;font-size:.95rem;font-weight:700;display:flex}.legal-nav a{color:var(--slate);transition:color .15s}.legal-nav a:hover,.legal-nav a.on{color:var(--hanzi)}.legal-body{padding:40px 0 80px}.legal-kicker{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--coral);margin-bottom:8px;font-size:.8rem;font-weight:700}.legal-body h1{font-size:clamp(2rem,5vw,3rem)}.legal-meta{color:var(--slate);margin-top:10px;margin-bottom:8px;font-weight:700}.legal-body h2{border-top:1px solid #0d0d1212;margin-top:38px;margin-bottom:10px;padding-top:18px;font-size:1.45rem}.legal-body h3{font-family:var(--display);margin-top:22px;margin-bottom:6px;font-size:1.12rem;font-weight:700}.legal-body p{color:#36343f;margin-top:12px;font-size:1.02rem;line-height:1.7}.legal-body ul{margin:12px 0 12px 1.1rem}.legal-body li{color:#36343f;margin-bottom:8px;font-size:1.02rem;line-height:1.65}.legal-body strong{color:var(--ink)}.legal-body a{color:var(--hanzi);text-underline-offset:2px;font-weight:700;text-decoration:underline}.legal-body code{background:#6044ff14;border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.legal-table-wrap{-webkit-overflow-scrolling:touch;margin:16px 0;overflow-x:auto}.legal-table{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;min-width:560px;overflow:hidden;box-shadow:0 10px 28px -18px #6044ff66}.legal-table th,.legal-table td{text-align:left;vertical-align:top;border-bottom:1px solid #0d0d120f;padding:12px 14px;font-size:.92rem;line-height:1.5}.legal-table th{background:var(--hanzi-paper);font-family:var(--display);color:var(--ink);font-weight:700}.legal-table td{color:#45434f}.legal-table tr:last-child td{border-bottom:none}.legal-rule{border:none;border-top:1px solid #0d0d121a;margin:36px 0 20px}.legal-contact{color:#36343f;font-weight:600;line-height:1.8}.legal-copyright{color:var(--slate);margin-top:14px;font-size:.9rem;font-weight:600}.legal-back{margin-top:24px}.legal-back a{color:var(--hanzi);font-weight:800}.dashboard-auth-shell{--bg:#0a0a0b;--panel:#141416;--line:#262629;--line-2:#313136;--text:#ededed;--muted:#8b8b90;--faint:#5c5c62;--green:#46b17b;--red:#d9645e;--ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, system-ui, sans-serif;background:radial-gradient(circle at 50% -10%, #46b17b17, transparent 32%), var(--bg);min-height:100vh;color:var(--text);font-family:var(--ui);place-items:center;padding:24px;display:grid}.dashboard-auth-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:16px;width:min(100%,390px);padding:22px;display:grid}.auth-wordmark{color:var(--text);justify-self:start}.dashboard-auth-card h1{color:var(--text);font-family:var(--ui);letter-spacing:-.01em;font-size:1.28rem;font-weight:650}.dashboard-auth-card p{color:var(--muted);font-size:.9rem;line-height:1.55}.dashboard-auth-form{gap:9px;display:grid}.dashboard-auth-form label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:650}.dashboard-auth-form input{border:1px solid var(--line-2);width:100%;height:42px;color:var(--text);font:inherit;background:#0f0f11;border-radius:6px;outline:none;padding:0 12px;font-size:.92rem}.dashboard-auth-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #46b17b29}.dashboard-auth-form button{background:var(--text);height:40px;color:var(--bg);font-family:var(--ui);border-radius:6px;font-size:.9rem;font-weight:700}.dashboard-auth-form button:disabled{cursor:wait;opacity:.72}.dashboard-auth-message,.dashboard-auth-error{border-radius:6px;padding:10px 12px;font-size:.84rem;font-weight:600;line-height:1.45}.dashboard-auth-message{color:#8fd5b1;background:#46b17b14;border:1px solid #46b17b52}.dashboard-auth-error{color:#e79a95;background:#d9645e14;border:1px solid #d9645e5c}.dashboard-shell{--bg:#0a0a0b;--panel:#141416;--panel-2:#1b1b1e;--raised:#232327;--line:#262629;--line-2:#313136;--text:#ededed;--muted:#8b8b90;--faint:#5c5c62;--amber:#d9a441;--green:#46b17b;--red:#d9645e;--blue:#6ea8fe;--violet:#9b8cff;--teal:#4bb3ba;--r:8px;--r-sm:6px;--ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;grid-template-columns:232px minmax(0,1fr);display:grid}.dashboard-shell h1,.dashboard-shell h2,.dashboard-shell h3{font-family:var(--ui);letter-spacing:-.01em;font-weight:650;line-height:1.2}.dashboard-shell code{font-family:var(--mono)}.dashboard-sidebar{background:var(--bg);border-right:1px solid var(--line);flex-direction:column;gap:14px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.side-top{justify-content:space-between;align-items:center;padding:4px 8px 0;display:flex}.wordmark{letter-spacing:.06em;color:var(--text);align-items:baseline;gap:8px;font-size:1.2rem;font-style:italic;font-weight:800;display:flex}.wordmark span{letter-spacing:.18em;text-transform:uppercase;color:var(--faint);font-size:.6rem;font-style:normal;font-weight:700}.side-search{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);height:34px;color:var(--muted);align-items:center;gap:8px;padding:0 10px;font-size:.82rem;display:flex}.side-search svg{fill:none;stroke:currentColor;stroke-width:2px;width:15px;height:15px}.side-search span{flex:1}.side-search kbd{font-family:var(--ui);color:var(--faint);background:var(--raised);border-radius:4px;padding:2px 5px;font-size:.68rem}.dashboard-nav{gap:14px;display:grid}.nav-group{gap:1px;display:grid}.nav-head{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:2px 10px 6px;font-size:.66rem;font-weight:700}.nav-item{border-radius:var(--r-sm);text-align:left;width:100%;color:var(--muted);font-family:var(--ui);align-items:center;gap:10px;padding:8px 10px;font-size:.88rem;font-weight:550;transition:color .12s,background .12s;display:flex}.nav-item svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;opacity:.85;flex:none;width:16px;height:16px}.nav-item:hover{color:var(--text);background:var(--panel)}.nav-item.on{color:#fff;background:var(--raised)}.nav-item.on svg{opacity:1}.side-foot{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:7px;margin-top:0;padding:8px 10px;font-size:.82rem;font-weight:550;display:flex}.side-foot:hover{color:var(--text)}.side-foot svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px;margin-left:auto}.side-account{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding:10px;display:grid}.side-account span{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:550;line-height:1.3;overflow:hidden}.side-account button{width:100%;color:var(--muted);font-family:var(--ui);text-align:left;align-items:center;gap:8px;padding:8px 0;font-size:.82rem;font-weight:600;display:flex}.side-account button:hover{color:var(--text)}.side-account svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.dashboard-main{align-content:start;gap:16px;width:min(1360px,100%);margin:0 auto;padding:20px 24px 56px;display:grid}.dashboard-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-bottom:16px;display:flex}.topbar-left{gap:7px;display:grid}.crumb{align-items:center;gap:8px;font-size:1.02rem;display:flex}.crumb span{color:var(--muted)}.crumb strong{color:var(--text);font-weight:650}.crumb svg{fill:none;width:15px;height:15px;stroke:var(--faint);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.topbar-meta{align-items:center;gap:12px;display:flex}.live-pill{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:.72rem;font-weight:650;display:inline-flex}.live-pill i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #46b17b29}.live-pill.loading i{background:var(--amber);box-shadow:0 0 0 3px #d9a44129}.live-pill.error i{background:var(--red);box-shadow:0 0 0 3px #d9645e29}.topbar-updated{font-family:var(--mono);color:var(--faint);font-size:.74rem}.dashboard-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.app-filter-group,.segmented,.icon-button{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--panel);height:34px;color:var(--text);font-family:var(--ui);font-size:.82rem;font-weight:550}.app-filter-group{align-items:center;gap:3px;padding:3px;display:inline-flex}.app-filter-option{height:26px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:6px;padding:0 8px;font-size:.76rem;font-weight:650;transition:color .12s,background .12s;display:inline-flex}.app-filter-option:hover{color:var(--text)}.app-filter-option:has(input:checked){color:#fff;background:var(--raised)}.app-filter-option:has(input:disabled){cursor:default}.app-filter-option input{width:12px;height:12px;accent-color:var(--green);flex:none;margin:0}.segmented{padding:3px;display:inline-flex}.segmented button{min-width:42px;height:26px;color:var(--muted);font-family:var(--ui);border-radius:4px;padding:0 10px;font-size:.76rem;font-weight:600}.segmented button:hover{color:var(--text)}.segmented button.selected{background:var(--raised);color:#fff}.icon-button{cursor:pointer;place-items:center;width:34px;transition:border-color .12s,color .12s;display:grid}.icon-button:hover{border-color:var(--faint);color:#fff}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.filter-strip{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;padding:8px;display:flex}.filter-strip label{color:var(--muted);padding:0 4px 0 3px;font-size:.74rem;font-weight:650}.filter-field{flex:280px;min-width:220px;position:relative}.filter-field.compact{flex:0 180px;min-width:150px}.filter-field svg{fill:none;width:15px;height:15px;stroke:var(--faint);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.filter-field input{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--bg);width:100%;height:34px;color:var(--text);font-family:var(--mono);outline:none;padding:0 12px 0 32px;font-size:.78rem}.filter-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #6ea8fe1f}.filter-action{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--raised);height:34px;color:var(--text);font-family:var(--ui);padding:0 12px;font-size:.78rem;font-weight:650}.filter-action:disabled{opacity:.45;cursor:default}.filter-action.secondary{background:var(--panel-2);color:var(--muted)}.active-filters{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:inline-flex}.active-filter{color:var(--muted);align-items:center;gap:6px;font-size:.76rem;font-weight:600;display:inline-flex}.active-filter code{text-overflow:ellipsis;white-space:nowrap;max-width:min(360px,48vw);color:var(--text);font-family:var(--mono);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:3px 7px;font-size:.74rem;overflow:hidden}.dashboard-alert,.dashboard-loading,.empty-state{border-radius:var(--r);padding:14px 16px;font-size:.86rem;font-weight:550}.dashboard-alert{color:#e79a95;background:#d9645e14;border:1px solid #d9645e66;flex-wrap:wrap;gap:10px;display:flex}.dashboard-alert strong{color:var(--red)}.dashboard-loading,.empty-state{border:1px solid var(--line);background:var(--panel);color:var(--muted);text-align:center}.stat-bar{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:repeat(5,minmax(0,1fr));scroll-margin-top:16px;display:grid;overflow:hidden}.stat-cell{border-left:1px solid var(--line);gap:6px;padding:16px 18px;display:grid}.stat-cell:first-child{border-left:none}.stat-cell span{color:var(--muted);font-size:.74rem;font-weight:600}.stat-cell strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:600;line-height:1}.stat-cell small{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.76rem;font-weight:550}.stat-cell.strong strong{color:var(--green)}.dashboard-grid{gap:16px;display:grid}.dashboard-grid.two-one{grid-template-columns:minmax(0,1.6fr) minmax(300px,.85fr)}.dashboard-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);min-width:0;padding:18px;scroll-margin-top:16px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.panel-heading h2{font-size:1rem;font-weight:650}.panel-heading p{color:var(--muted);margin-top:3px;font-size:.8rem;font-weight:500}.panel-count{font-family:var(--mono);color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:2px 9px;font-size:.74rem}.funnel-list{gap:6px;display:grid}.funnel-row{grid-template-columns:164px minmax(0,1fr) 84px;align-items:center;gap:14px;display:grid}.funnel-meta{align-items:center;gap:10px;min-width:0;display:flex}.funnel-meta span{background:var(--panel-2);border:1px solid var(--line);width:22px;height:22px;color:var(--muted);font-family:var(--mono);border-radius:5px;flex:none;place-items:center;font-size:.72rem;font-weight:600;display:grid}.funnel-meta strong{font-size:.86rem;font-weight:550}.funnel-track{border:1px solid var(--line);background:repeating-linear-gradient(-45deg,#161618,#161618 5px,#131315 5px 10px);border-radius:5px;align-items:center;height:26px;display:flex;overflow:hidden}.funnel-track span{background:linear-gradient(90deg, #3a3f6b, var(--blue));border-radius:4px;height:100%;transition:width .5s;display:block}.funnel-count{text-align:right;gap:2px;display:grid}.funnel-count strong{font-variant-numeric:tabular-nums;font-size:.98rem;font-weight:600}.funnel-count span{font-family:var(--mono);color:var(--faint);font-size:.72rem;font-weight:500}.funnel-count .drop-ok{color:var(--green)}.funnel-count .drop-bad{color:var(--red)}.weakness-list{gap:8px;display:grid}.weakness{border-radius:var(--r-sm);border:1px solid var(--line);border-left:2px solid var(--faint);background:var(--panel-2);justify-content:space-between;gap:12px;padding:12px 13px;display:flex}.weakness.high{border-left-color:var(--red)}.weakness.medium{border-left-color:var(--amber)}.weakness.low{border-left-color:var(--blue)}.weakness strong{font-size:.85rem;font-weight:600;display:block}.weakness p{color:var(--muted);margin-top:3px;font-size:.78rem;font-weight:500;line-height:1.5}.weakness>span{background:var(--raised);height:22px;color:var(--text);font-family:var(--mono);border-radius:4px;flex:none;align-self:flex-start;align-items:center;padding:0 9px;font-size:.72rem;font-weight:500;display:inline-flex}.landing-summary{gap:14px;display:grid}.landing-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.landing-kpi{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel-2);gap:5px;min-width:0;padding:12px;display:grid}.landing-kpi span{color:var(--muted);font-size:.74rem;font-weight:650}.landing-kpi strong{font-variant-numeric:tabular-nums;font-size:1.28rem;font-weight:650}.landing-kpi small{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.73rem;font-weight:550}.landing-lists{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.landing-list{border:1px solid var(--line);border-radius:var(--r-sm);background:#111113;gap:7px;min-width:0;padding:12px;display:grid}.landing-list h3{color:var(--text);font-size:.82rem;font-weight:650}.landing-list p{color:var(--faint);font-size:.76rem;font-weight:500}.landing-list-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;min-width:0;padding-top:7px;display:grid}.landing-list-row span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:550;overflow:hidden}.landing-list-row small,.landing-list-row strong{color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:500}.landing-list-row strong{color:var(--green)}.engagement-summary{gap:14px;display:grid}.engagement-kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.engagement-kpi{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel-2);gap:5px;min-width:0;padding:12px;display:grid}.engagement-kpi span{color:var(--muted);font-size:.74rem;font-weight:650}.engagement-kpi strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.25rem;font-weight:650;overflow:hidden}.engagement-kpi small{min-width:0;color:var(--faint);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;font-weight:550;overflow:hidden}.engagement-layout{grid-template-columns:minmax(180px,.55fr) minmax(180px,.55fr) minmax(420px,1.45fr);align-items:start;gap:10px;display:grid}.engagement-distribution,.engagement-apps{border:1px solid var(--line);border-radius:var(--r-sm);background:#111113;gap:9px;min-width:0;padding:12px;display:grid}.engagement-distribution h3{font-size:.82rem;font-weight:650}.engagement-dist-row{grid-template-columns:64px minmax(68px,1fr) 40px;align-items:center;gap:9px;display:grid}.engagement-dist-row span,.engagement-app-head span,.engagement-app-row span,.engagement-app-row strong,.engagement-apps p{min-width:0;color:var(--muted);font-size:.76rem;font-weight:550}.engagement-dist-row div{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;height:7px;overflow:hidden}.engagement-dist-row i{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--blue));height:100%;display:block}.engagement-dist-row strong,.engagement-app-row strong{color:var(--text);font-family:var(--mono);font-variant-numeric:tabular-nums;justify-self:end;font-size:.72rem;font-weight:600}.engagement-app-head,.engagement-app-row{grid-template-columns:minmax(92px,1fr) repeat(5,minmax(58px,auto));align-items:center;gap:10px;display:grid}.engagement-app-head{border-bottom:1px solid var(--line);padding-bottom:7px}.engagement-app-head span{color:var(--faint);font-family:var(--mono);font-size:.68rem;font-weight:600}.engagement-app-head span:not(:first-child){justify-self:end}.engagement-app-row{border-top:1px solid var(--line);padding-top:7px}.engagement-app-row:first-of-type{border-top:0;padding-top:0}.engagement-app-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:inline-flex;overflow:hidden}.engagement-app-label i{border-radius:50%;flex:none;width:8px;height:8px}.content-reports{gap:14px;display:grid}.report-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.report-kpi{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel-2);gap:5px;min-width:0;padding:12px;display:grid}.report-kpi span{color:var(--muted);font-size:.74rem;font-weight:650}.report-kpi strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.25rem;font-weight:650;overflow:hidden}.report-kpi small{min-width:0;color:var(--faint);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;font-weight:550;overflow:hidden}.report-trend{border:1px solid var(--line);border-radius:var(--r-sm);background:#111113;align-items:end;gap:3px;height:74px;padding:10px;display:flex}.report-trend span{background:linear-gradient(180deg, var(--teal), var(--blue));border-radius:999px 999px 2px 2px;flex:1 1 0;min-width:3px}.reports-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);align-items:start;gap:14px;display:grid}.report-list{gap:8px;min-width:0;display:grid}.report-card{border:1px solid var(--line);border-radius:var(--r-sm);background:#111113;grid-template-columns:164px minmax(0,1fr);gap:13px;min-width:0;padding:13px;display:grid}.report-image-link,.report-image-empty{aspect-ratio:9/16;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);place-items:center;width:164px;display:grid;overflow:hidden}.report-image-link img{object-fit:contain;object-position:top center;width:100%;height:100%;display:block}.report-image-empty{color:var(--faint);font-size:.76rem;font-weight:650}.report-content{gap:10px;min-width:0;display:grid}.report-card-head,.report-card-foot{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.report-card-head>div{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.report-kind{min-width:0;color:var(--text);font-size:.82rem;font-weight:700}.report-screen{min-width:0;color:var(--teal);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;overflow:hidden}.report-screen:before{content:"/";color:var(--faint);margin-right:8px}.report-card time{color:var(--faint);font-family:var(--mono);flex:none;font-size:.72rem;font-weight:500}.report-section{gap:4px;min-width:0;display:grid}.report-section span{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:700}.report-section p{color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;font-size:.86rem;font-weight:500;line-height:1.5}.report-word-meta{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;padding-top:1px;display:flex}.report-word-meta strong,.report-word-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.report-word-meta strong{color:var(--text);font-size:.86rem;font-weight:700}.report-word-meta span{color:var(--muted);font-size:.78rem;font-weight:550}.report-card-foot{color:var(--muted);flex-wrap:wrap;font-size:.74rem;font-weight:600}.report-card-foot span{min-width:0}.report-card-foot code{max-width:min(420px,60vw);color:var(--text);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:.72rem;font-weight:500;overflow:hidden}.report-card-foot>code{color:var(--faint);flex:none}.report-breakdowns{gap:10px;min-width:0;display:grid}.report-breakdown{border:1px solid var(--line);border-radius:var(--r-sm);background:#111113;gap:7px;min-width:0;padding:12px;display:grid}.report-breakdown h3{font-size:.82rem;font-weight:650}.report-breakdown p{color:var(--faint);font-size:.76rem;font-weight:500}.report-breakdown-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding-top:7px;display:grid}.report-breakdown-row span,.report-breakdown-row code{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:550;overflow:hidden}.report-breakdown-row code{font-family:var(--mono);font-size:.72rem}.report-breakdown-row strong{color:var(--blue);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:600}.paywall-system{gap:16px;display:grid}.paywall-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.paywall-kpi{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel-2);gap:5px;min-width:0;padding:12px;display:grid}.paywall-kpi span{color:var(--muted);font-size:.74rem;font-weight:650}.paywall-kpi strong{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:650}.paywall-kpi small{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.73rem;font-weight:550}.paywall-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.paywall-stage{border:1px solid var(--line);border-radius:var(--r-sm);background:#111113;gap:8px;min-width:0;padding:12px;display:grid}.stage-head,.stage-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.stage-head strong{min-width:0;font-size:.82rem;font-weight:600}.stage-head span,.stage-foot span{color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;flex:none;font-size:.7rem;font-weight:500}.stage-foot span:last-child{color:var(--faint)}.stage-track{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;height:8px;overflow:hidden}.stage-track i{border-radius:inherit;background:linear-gradient(90deg, var(--amber), var(--violet));height:100%;display:block}.session-browser{gap:14px;display:grid}.session-tools{justify-content:space-between;align-items:center;gap:12px;padding:0 0 6px;display:flex}.session-search{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2);min-width:220px;height:40px;color:var(--muted);flex:360px;align-items:center;gap:9px;padding:0 10px;display:flex}.session-search svg{fill:none;stroke:currentColor;stroke-width:2px;flex:none;width:15px;height:15px}.session-search input{min-width:0;color:var(--text);font:500 .86rem/1 var(--ui);background:0 0;border:0;outline:0;flex:1}.session-search input::placeholder{color:var(--faint)}.session-search button,.session-page-actions button{border:1px solid var(--line);height:28px;color:var(--muted);background:var(--panel);border-radius:4px;padding:0 10px;font-size:.76rem;font-weight:650;transition:border-color .12s,color .12s,background .12s}.session-search button:hover,.session-page-actions button:hover:not(:disabled){color:var(--text);border-color:var(--faint);background:var(--panel-2)}.session-page-actions button:disabled{opacity:.4;cursor:not-allowed}.session-page-size{color:var(--muted);flex:none;align-items:center;gap:8px;font-size:.78rem;font-weight:650;display:inline-flex}.session-page-size select{border:1px solid var(--line);border-radius:var(--r-sm);height:36px;color:var(--text);background:var(--panel-2);font:650 .82rem/1 var(--ui);padding:0 28px 0 10px}.session-list{gap:1px;margin:0 -6px;display:grid}.session-row{border-radius:var(--r-sm);text-align:left;width:100%;color:var(--text);font-family:var(--ui);background:0 0;grid-template-columns:112px 190px 112px 84px minmax(0,1fr) 122px 14px;align-items:center;gap:14px;padding:11px 12px;transition:background .12s;display:grid}.session-row:hover{background:var(--panel-2)}.session-app{color:var(--text);align-items:center;gap:8px;font-size:.84rem;font-weight:550;display:inline-flex}.session-app i{border-radius:50%;flex:none;width:8px;height:8px}.session-ids{align-items:center;gap:6px;min-width:0;display:flex}.session-id,.session-build{min-width:0;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;justify-self:start;padding:3px 7px;font-size:.76rem}.session-build{text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}.session-when,.session-meta{font-family:var(--mono);color:var(--muted);font-size:.78rem;font-weight:400}.session-tags{justify-self:start}.tag{height:21px;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;align-items:center;padding:0 9px;font-size:.72rem;font-style:normal;font-weight:600;display:inline-flex}.tag.converted{color:var(--green);background:#46b17b1a;border-color:#46b17b47}.tag.paywall{color:var(--amber);background:#d9a4411a;border-color:#d9a44147}.tag.offer{color:var(--violet);background:#9b8cff1a;border-color:#9b8cff4d}.tag.final{color:var(--blue);background:#6ea8fe1a;border-color:#6ea8fe4d}.tag.preview{color:var(--teal);background:#4bb3ba1a;border-color:#4bb3ba4d}.tag.expired{color:var(--red);background:#d9645e1a;border-color:#d9645e4d}.session-row .chevron{fill:none;width:15px;height:15px;stroke:var(--faint);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;justify-self:end;transition:transform .12s,stroke .12s}.session-row:hover .chevron{stroke:var(--muted);transform:translate(2px)}.session-pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0 0;display:flex}.session-range{min-width:0;color:var(--muted);font-size:.8rem;font-weight:500}.session-page-actions{flex:none;align-items:center;gap:6px;display:inline-flex}.session-page-actions span{text-align:center;min-width:54px;color:var(--muted);font:600 .78rem/1 var(--mono)}.drawer-overlay{z-index:100;background:#0009;justify-content:flex-end;animation:.16s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.drawer{background:var(--panel);border-left:1px solid var(--line-2);flex-direction:column;width:min(480px,100%);height:100%;animation:.24s cubic-bezier(.32,.72,0,1) drawer-in;display:flex}@keyframes drawer-in{0%{opacity:.4;transform:translate(36px)}to{opacity:1;transform:none}}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.drawer-title{align-items:center;gap:8px;margin-bottom:9px;display:flex}.drawer-head h2{font-size:1.12rem;font-weight:650}.drawer-head p{color:var(--muted);font-family:var(--mono);margin-top:6px;font-size:.76rem;font-weight:400}.drawer-head p code{color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.replay-timeline{flex:1;padding:18px 20px 36px;overflow-y:auto}.replay-step{--cat:var(--faint);grid-template-columns:18px minmax(0,1fr);gap:13px;display:grid}.replay-step.cat-launch{--cat:var(--blue)}.replay-step.cat-onboarding{--cat:var(--violet)}.replay-step.cat-paywall{--cat:var(--amber)}.replay-step.cat-offer{--cat:var(--violet)}.replay-step.cat-preview{--cat:var(--teal)}.replay-step.cat-intent{--cat:#e08a4a}.replay-step.cat-purchase{--cat:var(--green)}.replay-step.cat-practice{--cat:var(--teal)}.replay-step.cat-restore{--cat:var(--blue)}.replay-rail{flex-direction:column;align-items:center;display:flex}.replay-dot{background:var(--bg);border:2.5px solid var(--cat);width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb, var(--cat) 14%, transparent);z-index:1;border-radius:50%;flex:none;margin-top:3px}.replay-step:not(:last-child) .replay-rail:after{content:"";background:var(--line-2);flex:1;width:1.5px;margin:3px 0 -3px}.replay-body{min-width:0;padding-bottom:22px}.replay-line{align-items:center;gap:9px;display:flex}.cat-pill{letter-spacing:.02em;height:19px;color:var(--cat);background:color-mix(in srgb, var(--cat) 12%, transparent);border:1px solid color-mix(in srgb, var(--cat) 30%, transparent);border-radius:4px;flex:none;align-items:center;padding:0 7px;font-size:.68rem;font-weight:650;display:inline-flex}.replay-line strong{flex:1;min-width:0;font-size:.88rem;font-weight:550}.replay-line time{font-family:var(--mono);color:var(--cat);flex:none;font-size:.74rem;font-weight:500}.replay-sub{color:var(--faint);font-family:var(--mono);margin-top:4px;font-size:.74rem;font-weight:400}.replay-params{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.replay-params span{font-family:var(--mono);color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:3px 8px;font-size:.73rem;font-weight:400}.replay-params b{color:var(--faint);margin-right:4px;font-weight:600}.app-comparison{gap:16px;display:grid}.app-compare-row{grid-template-columns:86px minmax(0,1fr);align-items:start;gap:14px;display:grid}.app-label{align-items:center;gap:8px;padding-top:2px;display:flex}.app-label span,.instrumentation-row>span{border-radius:50%;flex:none;width:9px;height:9px}.app-label strong{font-size:.86rem;font-weight:550}.app-bars{gap:8px;min-width:0;display:grid}.metric-bar{grid-template-columns:76px minmax(80px,1fr) 46px;align-items:center;gap:12px;display:grid}.metric-bar span{color:var(--muted);font-size:.77rem;font-weight:500}.metric-bar strong{text-align:right;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.metric-bar div,.event-mix-row div{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;height:7px;overflow:hidden}.metric-bar i,.event-mix-row i{border-radius:inherit;height:100%;display:block}.trend-wrap{min-height:240px}.trend-wrap svg{width:100%;height:240px;display:block;overflow:visible}.axis{fill:none;stroke:var(--line-2);stroke-width:1px}.trend-area{fill:#6ea8fe14;stroke:none}.trend-line{fill:none;stroke:var(--blue);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.trend-dot{fill:var(--bg);stroke:var(--blue);stroke-width:2px}.event-mix{gap:11px;display:grid}.event-mix-row{grid-template-columns:minmax(180px,.9fr) minmax(80px,1fr) 46px;align-items:center;gap:12px;display:grid}.event-mix-row span{color:var(--text);font-size:.8rem;font-weight:500}.event-mix-row i{background:var(--violet)}.event-mix-row strong{text-align:right;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.instrumentation-list{display:grid}.instrumentation-row{border-bottom:1px solid var(--line);grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.instrumentation-row:last-child{border-bottom:0}.instrumentation-row strong{font-size:.86rem;font-weight:550;display:block}.instrumentation-row small{color:var(--faint);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;display:block;overflow:hidden}.instrumentation-row em{color:var(--muted);font-style:normal;font-family:var(--mono);font-size:.76rem}.app-chip{height:22px;color:var(--chip);background:color-mix(in srgb, var(--chip) 16%, transparent);border:1px solid color-mix(in srgb, var(--chip) 34%, transparent);border-radius:4px;align-items:center;padding:0 10px;font-size:.74rem;font-weight:650;display:inline-flex}@media (width<=1080px){.dashboard-shell{grid-template-columns:minmax(0,1fr);overflow-x:hidden}.dashboard-sidebar{flex-flow:wrap;align-items:center;gap:12px;width:100%;min-width:0;height:auto;position:static;overflow:hidden}.side-search{display:none}.dashboard-main{width:100%;min-width:0}.dashboard-nav{overscroll-behavior-inline:contain;flex:100%;grid-auto-columns:max-content;grid-auto-flow:column;gap:12px;min-width:0;max-width:100%;overflow-x:auto}.nav-group{grid-auto-columns:max-content;grid-auto-flow:column;align-items:center}.nav-head{display:none}.side-foot{border-top:none;margin:0 0 0 auto}.dashboard-grid.two-one,.dashboard-grid.equal{grid-template-columns:1fr}.stat-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-cell{border-left:1px solid var(--line);border-top:1px solid var(--line)}.stat-cell:nth-child(odd){border-left:none}.stat-cell:nth-child(-n+2){border-top:none}.paywall-kpis,.paywall-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-lists{grid-template-columns:1fr}.engagement-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.engagement-apps{grid-column:1/-1}.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-layout{grid-template-columns:1fr}.report-breakdowns{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=680px){.dashboard-main{padding:16px 14px 44px}.dashboard-topbar{flex-direction:column;align-items:stretch}.dashboard-controls{justify-content:flex-start}.app-filter-group{flex-wrap:wrap;width:100%;height:auto}.filter-strip{align-items:stretch}.filter-strip label{width:100%}.filter-field,.filter-field.compact{flex-basis:100%;min-width:0}.filter-action{flex:1 1 0}.active-filters,.active-filter{width:100%}.active-filter code{max-width:100%}.session-tools,.session-pagination{flex-direction:column;align-items:stretch}.session-search{flex-basis:auto;width:100%;min-width:0}.session-page-size{justify-content:space-between;width:100%}.session-page-size select{min-width:88px}.session-page-actions{flex-wrap:wrap;width:100%}.session-page-actions button{flex:64px}.session-page-actions span{order:-1;width:100%;padding-bottom:2px}.session-row{grid-template-columns:1fr auto;grid-auto-rows:auto;gap:6px 12px}.session-row .chevron{display:none}.session-ids,.session-build,.session-when,.session-meta,.session-tags{grid-column:1;justify-self:start}.drawer{width:100%}.stat-bar{grid-template-columns:1fr}.stat-cell{border-left:none;border-top:1px solid var(--line)}.stat-cell:first-child{border-top:none}.funnel-row{grid-template-columns:34px minmax(0,1fr);grid-auto-rows:auto}.funnel-count{text-align:left;grid-column:2;grid-auto-flow:column;justify-content:start;align-items:baseline;gap:10px}.landing-kpis,.engagement-kpis,.engagement-layout{grid-template-columns:1fr}.engagement-apps{overflow-x:auto}.engagement-app-head,.engagement-app-row{min-width:560px}.report-kpis,.report-breakdowns{grid-template-columns:1fr}.report-trend{height:56px}.report-card{grid-template-columns:1fr}.report-image-link,.report-image-empty{aspect-ratio:9/14;width:100%;max-height:360px}.report-card-head{flex-direction:column;align-items:flex-start;gap:4px}.report-card-foot code{max-width:100%}.paywall-kpis,.paywall-flow{grid-template-columns:1fr}.event-mix-row{grid-template-columns:1fr 54px;row-gap:6px}.event-mix-row div{grid-area:2/1/auto/-1}.event-mix-row strong{grid-area:1/2}}@media (prefers-reduced-motion:reduce){.drawer-overlay,.drawer,.funnel-track span{transition:none;animation:none}}
