body{margin:0;font-family:Quicksand,sans-serif!important;font-optical-sizing:auto;font-style:normal}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}.display-flex{display:flex}.flex-col{flex-direction:column}button:focus{outline:0}.av-root{--color-bg: #161826;--color-surface: #232532;--color-text: #e9e9ed;--color-accent: #9184d9;--color-divider: rgba(233, 233, 237, .16);--color-neutral-200: #e4e7f5;--color-neutral-300: #cfd3e5;--color-neutral-400: #b2b6ca;--color-neutral-500: #9397ab;--color-neutral-600: #75798c;--color-neutral-700: #595d6c;--color-neutral-800: #3f424d;--color-neutral-900: #292b31;--color-accent-100: #f5f4ff;--color-accent-200: #e7e5fe;--color-accent-300: #d2cefd;--color-accent-400: #b5abfc;--color-accent-600: #796cbf;--color-accent-700: #5d5294;--color-accent-800: #423a6a;--color-accent-900: #2b2741;--font-heading: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--space-1: 2.8px;--space-2: 5.6px;--space-3: 8.4px;--space-4: 11.2px;--space-6: 16.8px;--space-8: 22.4px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-sm: 0 0 0 1px #3f424d;--shadow-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0, 0, 0, .55);min-height:100vh;background:radial-gradient(1100px 480px at 8% -12%,#1e2138 0%,var(--color-bg) 58%);color:var(--color-text);font-family:var(--font-body);font-size:14px;text-align:left}.av-root *:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.av-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-6);padding:13px 24px;background:#161826e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-divider)}.av-brand{display:flex;align-items:baseline;gap:9px;background:none;border:none;padding:0;cursor:pointer;color:var(--color-text)}.av-brand-name{font-family:var(--font-heading);font-weight:500;font-size:16.5px;letter-spacing:-.01em}.av-nav-btn{padding:6px 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-neutral-500);font-family:var(--font-body);font-size:13px;cursor:pointer}.av-nav-btn:hover{color:var(--color-accent-200)}.av-nav-btn.is-on{background:var(--color-surface);color:var(--color-accent-200)}.av-page{max-width:1180px;margin:0 auto;padding:34px 24px 60px}.av-work{max-width:1440px;margin:0 auto;padding:22px 24px 40px;display:flex;flex-direction:column;gap:var(--space-6)}.av-row{display:flex;align-items:center}.av-col{display:flex;flex-direction:column;gap:var(--space-1)}.av-wrap{flex-wrap:wrap}.av-right{justify-content:flex-end}.av-grow{flex:1}.av-gap-1{gap:var(--space-1)}.av-gap-2{gap:var(--space-2)}.av-gap-3{gap:var(--space-3)}.av-gap-4{gap:var(--space-4)}.av-nowrap{white-space:nowrap}.av-truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-rule{flex:1;height:1px;background:linear-gradient(90deg,var(--color-divider),transparent)}.av-rule-full{display:block;height:1px;margin:26px 0;background:linear-gradient(90deg,transparent,var(--color-divider) 10%,var(--color-divider) 90%,transparent)}.av-divider-v{width:1px;height:20px;background:var(--color-divider)}.av-h1{margin:0;font-family:var(--font-heading);font-weight:500;font-size:27px;letter-spacing:-.018em}.av-h1-lg{font-size:34px;letter-spacing:-.02em}.av-h3{margin:0;font-family:var(--font-heading);font-weight:500;font-size:15px;letter-spacing:.01em}.av-lede{margin:5px 0 0;color:var(--color-neutral-400);font-size:13.5px;line-height:1.55;max-width:64ch;text-wrap:pretty}.av-lede-lg{font-size:16px;color:var(--color-neutral-300);max-width:60ch}.av-prose{margin:0;font-size:14.5px;line-height:1.65;color:var(--color-neutral-200);max-width:66ch;text-wrap:pretty}.av-body{margin:0;font-size:13.5px;line-height:1.6;color:var(--color-neutral-200);text-wrap:pretty}.av-body-sm{font-size:13px;line-height:1.55;color:var(--color-neutral-300)}.av-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-neutral-500)}.av-small{font-size:12px}.av-mono{font-family:var(--font-mono)}.av-dim{color:var(--color-neutral-500)}.av-dimmer{color:var(--color-neutral-600)}.av-accent{color:var(--color-accent-300)}.av-btn{border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;padding:5px 11px;font-family:var(--font-body);font-size:12.5px;cursor:pointer;color:var(--color-neutral-300)}.av-btn-primary{border-color:var(--color-accent);color:var(--color-accent-200)}.av-btn-primary:hover{background:#9184d924}.av-btn-primary:active{border-color:var(--color-accent-400)}.av-btn-ghost{color:var(--color-neutral-300)}.av-btn-ghost:hover{color:var(--color-accent-200);border-color:var(--color-accent-700)}.av-btn-block{width:100%;padding:8px 11px}.av-play{min-width:84px;height:29px;display:grid;place-items:center}.av-icon-btn{width:31px;height:29px;display:grid;place-items:center;border-radius:var(--radius-sm);border:1px solid var(--color-neutral-800);background:transparent;color:var(--color-neutral-300);cursor:pointer}.av-icon-btn:hover{border-color:var(--color-accent-600);color:var(--color-accent-200)}.av-chip{padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-neutral-800);background:transparent;color:var(--color-neutral-300);font-family:var(--font-body);font-size:12px;cursor:pointer}.av-chip:hover{border-color:var(--color-accent-600)}.av-chip.is-on{border-color:var(--color-accent);background:#9184d929;color:var(--color-accent-200)}.av-link{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-body);font-size:12.5px;color:var(--color-accent-300)}.av-link:hover{color:var(--color-accent-200)}.av-list-btn{text-align:left;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--color-neutral-300);font-family:var(--font-body);font-size:13px;cursor:pointer}.av-list-btn:hover{border-color:var(--color-accent-700);color:var(--color-accent-200)}.av-select{flex:1;min-width:0;border-radius:var(--radius-sm);border:1px solid var(--color-neutral-800);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:13px;padding:6px 9px}.av-page-head{max-width:62ch;margin-bottom:34px}.av-family{margin-bottom:38px}.av-family-head{display:flex;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4)}.av-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:var(--space-4)}.av-card{display:flex;flex-direction:column;gap:7px;padding:var(--space-6);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid transparent}.av-card:hover,.av-card.is-current{border-color:var(--color-accent-700)}.av-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.av-card-title{font-family:var(--font-heading);font-weight:500;font-size:15px}.av-card-body{margin:0;flex:1;font-size:12.5px;line-height:1.5;color:var(--color-neutral-400);text-wrap:pretty}.av-work-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.av-work-head-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3)}.av-split{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:flex-start}.av-split-main{flex:1 1 540px;min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.av-split-side{flex:1 1 356px;min-width:0;display:flex;flex-direction:column;gap:var(--space-6)}.av-toolbar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.av-stage{border-radius:var(--radius-lg);background:linear-gradient(180deg,#1c1f2f,#181a29);box-shadow:var(--shadow-md);padding:var(--space-4)}.av-stage-sm{padding:var(--space-3)}.av-canvas{display:block;width:100%;border-radius:var(--radius-md)}.av-stage-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:9px 4px 1px}.av-legend{display:flex;flex-wrap:wrap;gap:var(--space-4)}.av-legend-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--color-neutral-400)}.av-swatch{width:11px;height:11px;border-radius:3px;flex:none}.av-panel{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.av-panel .av-kicker{display:block;margin-bottom:6px}.av-table{width:100%;border-collapse:collapse;font-size:12.5px}.av-table td{padding:5px 0;border-bottom:1px solid var(--color-divider);color:var(--color-neutral-400)}.av-table tr:last-child td{border-bottom:none}.av-right-cell{text-align:right}.av-code{border-radius:var(--radius-md);background:#16182380;box-shadow:var(--shadow-sm);overflow:hidden}.av-code-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-divider)}.av-code-body{padding:10px 6px 12px;font-family:var(--font-mono);font-size:11.5px;line-height:1.75}.av-code-line{display:flex;gap:9px;padding:0 8px}.av-code-n{width:16px;text-align:right;color:var(--color-neutral-700);flex:none}.av-code-src{white-space:pre;flex:1;min-width:0}.av-t-kw{color:#b5abfc}.av-t-fn{color:#d2cefd}.av-t-num{color:#b5afe8}.av-t-com,.av-t-punc{color:#75798c}.av-t-base{color:#cfd3e5}.av-article-page{max-width:1100px;margin:0 auto;padding:34px 24px 70px;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}.av-article{flex:1 1 520px;min-width:0}.av-article-section{margin-bottom:26px}.av-article-section .av-h3{margin-bottom:7px}.av-article-side{flex:0 1 288px;display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:76px}.av-compare{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-6)}.av-compare-pane{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}