.mock{--mk-surface: #1f1f1f;--mk-border: rgba(237, 237, 234, .12);--mk-hairline: rgba(237, 237, 234, .08);--mk-text: var(--ink-text);--mk-dim: var(--ink-text-dim);--mk-faint: rgba(237, 237, 234, .4);--mk-chip: var(--accent-light);background:var(--mk-surface);border:1px solid var(--mk-border);border-radius:var(--radius-md);box-shadow:0 12px 40px #00000080;padding:24px 26px}.mock--light{--mk-surface: var(--surface-elevated);--mk-border: var(--border);--mk-hairline: var(--border-light);--mk-text: var(--text);--mk-dim: var(--text-secondary);--mk-faint: var(--text-tertiary);--mk-chip: var(--accent);box-shadow:var(--shadow-lg)}.mock-kicker{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mk-chip);display:block;margin-bottom:10px}.mock-query{max-width:480px}.mock-query .mq-q{font-family:var(--font-main);font-weight:500;font-size:1.25rem;line-height:1.25;color:var(--mk-text)}.mock-query .mq-a{margin-top:12px;font-size:.86rem;line-height:1.6;color:var(--mk-dim)}.mock-query .mq-ev{margin-top:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-mono);font-size:.62rem;color:var(--mk-faint)}.mock-query .mq-ev span{color:var(--mk-chip);border:1px solid var(--mk-border);border-radius:var(--radius-xs);padding:3px 8px;white-space:nowrap}.mock-query .mq-ev .mq-ev-label{color:var(--mk-faint);border:none;padding-left:0;letter-spacing:.1em;text-transform:uppercase}.mock-query .mq-src{margin-top:14px;padding-top:12px;border-top:1px solid var(--mk-hairline);font-family:var(--font-mono);font-size:.56rem;letter-spacing:.05em;text-transform:uppercase;color:var(--mk-faint)}.mock-timeline{max-width:560px}.mock-timeline .mt-track{display:flex;flex-direction:column;gap:0;margin-top:4px}.mock-timeline .mt-step{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--mk-hairline)}.mock-timeline .mt-step:last-of-type{border-bottom:none}.mock-timeline .mt-time{font-family:var(--font-mono);font-size:.6rem;color:var(--mk-faint);flex-shrink:0;width:40px}.mock-timeline .mt-app{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-chip);flex-shrink:0;width:84px}.mock-timeline .mt-what{font-size:.8rem;line-height:1.45;color:var(--mk-dim)}.mock-timeline .mt-step--redacted .mt-what{color:var(--mk-faint);font-style:italic}.mock-timeline .mt-step--redacted .mt-app{color:var(--mk-faint)}.mock-timeline .mt-foot{margin-top:12px;padding-top:10px;border-top:1px solid var(--mk-hairline);font-family:var(--font-mono);font-size:.56rem;letter-spacing:.05em;text-transform:uppercase;color:var(--mk-faint)}.mock-fresh{max-width:440px}.mock-fresh .mf-title{font-family:var(--font-main);font-weight:500;font-size:1.15rem;line-height:1.3;color:var(--mk-text)}.mock-fresh .mf-meter{margin-top:16px;display:flex;align-items:center;gap:12px}.mock-fresh .mf-bar{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--mk-hairline);overflow:hidden}.mock-fresh .mf-fill{display:block;height:100%;width:82%;border-radius:var(--radius-pill);background:var(--accent)}.mock-fresh .mf-pct{font-family:var(--font-mono);font-size:.72rem;color:var(--mk-text)}.mock-fresh .mf-meta{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;font-family:var(--font-mono);font-size:.62rem}.mock-fresh .mf-meta span{border:1px solid var(--mk-border);border-radius:var(--radius-xs);padding:3px 8px;color:var(--mk-dim);white-space:nowrap}.mock-fresh .mf-meta .mf-alert{color:var(--mk-chip);border-color:var(--mk-chip)}.mock-fresh .mf-src{margin-top:14px;padding-top:12px;border-top:1px solid var(--mk-hairline);font-family:var(--font-mono);font-size:.56rem;letter-spacing:.05em;text-transform:uppercase;color:var(--mk-faint)}.lens-panel{--mk-surface: #1f1f1f;--mk-border: rgba(237, 237, 234, .12);--mk-hairline: rgba(237, 237, 234, .08);--mk-text: var(--ink-text);--mk-dim: var(--ink-text-dim);--mk-faint: rgba(237, 237, 234, .4);--mk-chip: var(--accent-light);position:relative;z-index:2;max-width:560px;background:var(--mk-surface);border:1px solid var(--mk-border);border-radius:var(--radius-md);padding:24px 26px;box-shadow:0 12px 40px #00000080}.lens-panel--light{--mk-surface: var(--surface-elevated);--mk-border: var(--border);--mk-hairline: var(--border-light);--mk-text: var(--text);--mk-dim: var(--text-secondary);--mk-faint: var(--text-tertiary);--mk-chip: var(--accent);box-shadow:var(--shadow-lg)}.lens-panel h3{font-family:var(--font-main);font-weight:500;font-size:1.35rem;line-height:1.2;margin:0;color:var(--mk-text)}.lens-panel .lens-lede{font-family:var(--font-main);font-style:italic;font-size:.85rem;line-height:1.5;color:var(--mk-dim);margin:10px 0 0}.lens-metrics{display:flex;gap:10px;margin-top:16px}.lens-metrics div{flex:1;border:1px solid var(--mk-border);border-left:2px solid var(--accent);padding:8px 12px}.lens-metrics small{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.07em;color:var(--mk-faint);text-transform:uppercase;display:block}.lens-metrics b{font-family:var(--font-main);font-size:1rem;font-weight:600;color:var(--mk-text)}.lens-points{margin-top:16px}.lens-points small{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;color:var(--mk-chip);text-transform:uppercase}.lens-point{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--mk-hairline);font-size:.76rem;line-height:1.5;color:var(--mk-dim)}.lens-point i{font-family:var(--font-mono);font-style:normal;font-size:.6rem;color:var(--mk-chip);padding-top:2px}.lens-src{margin-top:12px;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.05em;color:var(--mk-faint);text-transform:uppercase;line-height:1.6}.lens-src b{color:var(--mk-chip);font-weight:500}@keyframes lensIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lens-swap{animation:lensIn .42s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.lens-swap{animation:none}}@media(max-width:560px){.mock,.lens-panel{padding:18px}.mock-query .mq-q{font-size:1.1rem}.mock-timeline .mt-app{width:70px}}