:root{--happ-color-primary-50: #edecfa;--happ-color-primary-100: #c7c4ee;--happ-color-primary-200: #aba7e6;--happ-color-primary-300: #857fdb;--happ-color-primary-400: #6d66d4;--happ-color-primary-500: #4940c9;--happ-color-primary-600: #423ab7;--happ-color-primary-700: #342d8f;--happ-color-primary-800: #28236f;--happ-color-primary-900: #1f1b54;--happ-color-primary-hover: #3a339e;--happ-color-primary-dark: #9a94e2;--happ-color-primary-on-dark: #181428;--happ-color-secondary-50: #e8f6f7;--happ-color-secondary-100: #b9e4e7;--happ-color-secondary-200: #97d7db;--happ-color-secondary-300: #67c4ca;--happ-color-secondary-400: #49b9c0;--happ-color-secondary-500: #1ca7b0;--happ-color-secondary-600: #1998a0;--happ-color-secondary-700: #14777d;--happ-color-secondary-800: #0f5c61;--happ-color-secondary-900: #0c464a;--happ-color-tertiary-50: #e8f2f8;--happ-color-tertiary-100: #b6d6eb;--happ-color-tertiary-200: #93c3e1;--happ-color-tertiary-300: #62a7d3;--happ-color-tertiary-400: #4396ca;--happ-color-tertiary-500: #147cbd;--happ-color-tertiary-600: #1271ac;--happ-color-tertiary-700: #0e5886;--happ-color-tertiary-800: #0b4468;--happ-color-tertiary-900: #08344f;--happ-color-success-50: #ebf9ee;--happ-color-success-100: #c0eecc;--happ-color-success-200: #a2e5b3;--happ-color-success-300: #77d990;--happ-color-success-400: #5dd27a;--happ-color-success-500: #34c759;--happ-color-success-600: #2fb551;--happ-color-success-700: #258d3f;--happ-color-success-800: #1d6d31;--happ-color-success-900: #165425;--happ-color-error-50: #fbeeee;--happ-color-error-100: #f4cac9;--happ-color-error-200: #eeb0af;--happ-color-error-300: #e78c8a;--happ-color-error-400: #e27574;--happ-color-error-500: #db5351;--happ-color-error-600: #c74c4a;--happ-color-error-700: #9b3b3a;--happ-color-error-800: #782e2d;--happ-color-error-900: #5c2322;--happ-color-neutral-50: #eeeeee;--happ-color-neutral-100: #cacaca;--happ-color-neutral-200: #b1b0b0;--happ-color-neutral-300: #8d8c8c;--happ-color-neutral-400: #777575;--happ-color-neutral-500: #555353;--happ-color-neutral-600: #4d4c4c;--happ-color-neutral-700: #3c3b3b;--happ-color-neutral-800: #2f2e2e;--happ-color-neutral-900: #242323;--happ-color-white-50: #fdfdfd;--happ-color-white-100: #f7f7f7;--happ-color-white-200: #f6f7f9;--happ-color-white-300: #eeeeee;--happ-color-white-400: #ebebeb;--happ-color-white-500: #e6e6e6;--happ-color-white-600: #d1d1d1;--happ-color-white-700: #a3a3a3;--happ-color-white-800: #7f7f7f;--happ-color-white-900: #616161;--happ-color-surface-white: #ffffff;--happ-color-surface-line: #e4e3e6;--happ-color-surface-ink-muted: #57545a;--happ-color-surface-dark-bg: #141318;--happ-color-surface-dark-1: #1c1b22;--happ-color-surface-dark-2: #23222b;--happ-color-surface-dark-line: #34323c;--happ-color-surface-dark-line-strong: #4b4956;--happ-color-surface-dark-ink: #f3f2f6;--happ-color-surface-dark-ink-muted: #c3c0cc;--happ-color-surface-dark-ink-subtle: #8b8896;--happ-color-code-bg-light: #1e1e2b;--happ-color-code-text-light: #e6e6f0;--happ-color-code-bg-dark: #0f0f16;--happ-color-code-text-dark: #d8d6e6;--happ-color-action-ghost-background: rgba(0, 0, 0, 0);--happ-spacing-100: 4px;--happ-spacing-200: 8px;--happ-spacing-300: 12px;--happ-spacing-400: 16px;--happ-spacing-500: 20px;--happ-spacing-600: 24px;--happ-spacing-800: 32px;--happ-spacing-1000: 40px;--happ-spacing-1200: 48px;--happ-spacing-1600: 64px;--happ-radius-xs: 5px;--happ-radius-sm: 8px;--happ-radius-md: 12px;--happ-radius-lg: 18px;--happ-radius-xl: 24px;--happ-radius-2xl: 32px;--happ-radius-pill: 100px;--happ-size-sm: 32px;--happ-size-md: 40px;--happ-size-lg: 48px;--happ-size-touch-target: 44px;--happ-icon-sm: 16px;--happ-icon-md: 20px;--happ-icon-lg: 24px;--happ-font-h1-size: 40px;--happ-font-h1-line-height: 48px;--happ-font-h1-weight: 700;--happ-font-h2-size: 32px;--happ-font-h2-line-height: 40px;--happ-font-h2-weight: 700;--happ-font-h3-size: 24px;--happ-font-h3-line-height: 32px;--happ-font-h3-weight: 700;--happ-font-title-size: 18px;--happ-font-title-line-height: 26px;--happ-font-title-weight: 700;--happ-font-body-size: 14px;--happ-font-body-line-height: 22px;--happ-font-body-weight: 400;--happ-font-info-size: 12px;--happ-font-info-line-height: 18px;--happ-font-info-weight: 400;--happ-button-font-weight: 600;--happ-button-radius-pressed: 8px;--happ-button-ghost-state-layer-color: currentColor;--happ-button-state-layer-opacity: .1;--happ-button-disabled-opacity: .38;--happ-button-focus-ring-width: 2px;--happ-button-focus-ring-offset: 2px;--happ-icon-button-ghost-state-layer-color: currentColor;--happ-icon-button-state-layer-opacity: .1;--happ-icon-button-disabled-opacity: .38;--happ-icon-button-focus-ring-width: 2px;--happ-icon-button-focus-ring-offset: 2px;--happ-color-surface-default: var(--happ-color-surface-white);--happ-color-surface-raised: var(--happ-color-white-200);--happ-color-code-bg: var(--happ-color-code-bg-light);--happ-color-code-text: var(--happ-color-code-text-light);--happ-color-bg: var(--happ-color-white-50);--happ-color-text-default: var(--happ-color-neutral-900);--happ-color-text-muted: var(--happ-color-surface-ink-muted);--happ-color-text-subtle: var(--happ-color-neutral-300);--happ-color-accent-primary: var(--happ-color-primary-500);--happ-color-accent-primary-hover: var(--happ-color-primary-hover);--happ-color-accent-tint-50: var(--happ-color-primary-50);--happ-color-accent-tint-100: var(--happ-color-primary-100);--happ-color-accent-on-primary: var(--happ-color-surface-white);--happ-color-accent-secondary: var(--happ-color-secondary-500);--happ-color-accent-tertiary: var(--happ-color-tertiary-500);--happ-color-status-success: var(--happ-color-success-600);--happ-color-status-error: var(--happ-color-error-500);--happ-color-action-primary-background: var(--happ-color-primary-500);--happ-color-action-primary-text: var(--happ-color-surface-white);--happ-color-action-secondary-background: var(--happ-color-secondary-500);--happ-color-action-secondary-text: var(--happ-color-surface-white);--happ-color-action-tertiary-background: var(--happ-color-tertiary-500);--happ-color-action-tertiary-text: var(--happ-color-surface-white);--happ-color-action-destructive-background: var(--happ-color-error-500);--happ-color-action-destructive-text: var(--happ-color-surface-white);--happ-color-action-ghost-text: var(--happ-color-primary-600);--happ-color-action-disabled-background: var(--happ-color-white-400);--happ-color-action-disabled-text: var(--happ-color-neutral-900);--happ-color-border-default: var(--happ-color-surface-line);--happ-color-border-strong: var(--happ-color-neutral-100);--happ-color-border-focus: var(--happ-color-primary-500);--happ-color-state-layer-on-fill: var(--happ-color-surface-white);--happ-button-gap: var(--happ-spacing-200);--happ-button-sm-height: var(--happ-size-sm);--happ-button-sm-padding-x: var(--happ-spacing-300);--happ-button-sm-radius: var(--happ-radius-sm);--happ-button-sm-font-size: var(--happ-font-info-size);--happ-button-sm-icon-size: var(--happ-icon-sm);--happ-button-md-height: var(--happ-size-md);--happ-button-md-padding-x: var(--happ-spacing-400);--happ-button-md-radius: var(--happ-radius-md);--happ-button-md-font-size: var(--happ-font-body-size);--happ-button-md-icon-size: var(--happ-icon-md);--happ-button-lg-height: var(--happ-size-lg);--happ-button-lg-padding-x: var(--happ-spacing-500);--happ-button-lg-radius: var(--happ-radius-lg);--happ-button-lg-font-size: var(--happ-font-title-size);--happ-button-lg-icon-size: var(--happ-icon-lg);--happ-button-ghost-background: var(--happ-color-action-ghost-background);--happ-button-touch-target: var(--happ-size-touch-target);--happ-icon-button-sm-size: var(--happ-size-sm);--happ-icon-button-sm-radius: var(--happ-radius-sm);--happ-icon-button-sm-icon-size: var(--happ-icon-sm);--happ-icon-button-md-size: var(--happ-size-md);--happ-icon-button-md-radius: var(--happ-radius-md);--happ-icon-button-md-icon-size: var(--happ-icon-md);--happ-icon-button-lg-size: var(--happ-size-lg);--happ-icon-button-lg-radius: var(--happ-radius-lg);--happ-icon-button-lg-icon-size: var(--happ-icon-lg);--happ-icon-button-outlined-background: var(--happ-color-action-ghost-background);--happ-icon-button-ghost-background: var(--happ-color-action-ghost-background);--happ-icon-button-touch-target: var(--happ-size-touch-target);--happ-button-primary-background: var(--happ-color-action-primary-background);--happ-button-primary-text: var(--happ-color-action-primary-text);--happ-button-secondary-background: var(--happ-color-action-secondary-background);--happ-button-secondary-text: var(--happ-color-action-secondary-text);--happ-button-tertiary-background: var(--happ-color-action-tertiary-background);--happ-button-tertiary-text: var(--happ-color-action-tertiary-text);--happ-button-destructive-background: var(--happ-color-action-destructive-background);--happ-button-destructive-text: var(--happ-color-action-destructive-text);--happ-button-ghost-text: var(--happ-color-action-ghost-text);--happ-button-state-layer-color: var(--happ-color-state-layer-on-fill);--happ-button-disabled-background: var(--happ-color-action-disabled-background);--happ-button-disabled-text: var(--happ-color-action-disabled-text);--happ-button-focus-ring-color: var(--happ-color-border-focus);--happ-icon-button-filled-background: var(--happ-color-action-primary-background);--happ-icon-button-filled-text: var(--happ-color-action-primary-text);--happ-icon-button-outlined-text: var(--happ-color-action-ghost-text);--happ-icon-button-outlined-border-color: var(--happ-color-border-strong);--happ-icon-button-ghost-text: var(--happ-color-text-default);--happ-icon-button-pressed-background: var(--happ-color-accent-tint-100);--happ-icon-button-pressed-text: var(--happ-color-action-ghost-text);--happ-icon-button-state-layer-color: var(--happ-color-state-layer-on-fill);--happ-icon-button-focus-ring-color: var(--happ-color-border-focus)}[data-theme=dark]{--happ-color-action-ghost-background: rgba(0, 0, 0, 0);--happ-color-surface-default: var(--happ-color-surface-dark-1);--happ-color-surface-raised: var(--happ-color-surface-dark-2);--happ-color-code-bg: var(--happ-color-code-bg-dark);--happ-color-code-text: var(--happ-color-code-text-dark);--happ-color-bg: var(--happ-color-surface-dark-bg);--happ-color-text-default: var(--happ-color-surface-dark-ink);--happ-color-text-muted: var(--happ-color-surface-dark-ink-muted);--happ-color-text-subtle: var(--happ-color-surface-dark-ink-subtle);--happ-color-accent-primary: var(--happ-color-primary-dark);--happ-color-accent-primary-hover: var(--happ-color-primary-300);--happ-color-accent-tint-50: var(--happ-color-primary-800);--happ-color-accent-tint-100: var(--happ-color-primary-600);--happ-color-accent-on-primary: var(--happ-color-primary-on-dark);--happ-color-accent-secondary: var(--happ-color-secondary-400);--happ-color-accent-tertiary: var(--happ-color-tertiary-300);--happ-color-status-success: var(--happ-color-success-400);--happ-color-status-error: var(--happ-color-error-300);--happ-color-action-primary-background: var(--happ-color-primary-dark);--happ-color-action-primary-text: var(--happ-color-primary-on-dark);--happ-color-action-secondary-background: var(--happ-color-secondary-400);--happ-color-action-secondary-text: var(--happ-color-primary-on-dark);--happ-color-action-tertiary-background: var(--happ-color-tertiary-300);--happ-color-action-tertiary-text: var(--happ-color-primary-on-dark);--happ-color-action-destructive-background: var(--happ-color-error-300);--happ-color-action-destructive-text: var(--happ-color-primary-on-dark);--happ-color-action-ghost-text: var(--happ-color-primary-200);--happ-color-action-disabled-background: var(--happ-color-surface-dark-2);--happ-color-action-disabled-text: var(--happ-color-surface-dark-ink);--happ-color-border-default: var(--happ-color-surface-dark-line);--happ-color-border-strong: var(--happ-color-surface-dark-line-strong);--happ-color-border-focus: var(--happ-color-primary-dark);--happ-color-state-layer-on-fill: var(--happ-color-primary-on-dark)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Roboto,system-ui,sans-serif;font-size:var(--happ-font-body-size);line-height:var(--happ-font-body-line-height);background:var(--happ-color-bg);color:var(--happ-color-text-default);-webkit-font-smoothing:antialiased}a{color:var(--happ-color-accent-primary)}a:hover{color:var(--happ-color-accent-primary-hover)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--happ-color-border-strong);border-radius:var(--happ-radius-pill)}::-webkit-scrollbar-track{background:transparent}.happ-doc{max-width:900px;margin:0 auto;padding:var(--happ-spacing-1000) var(--happ-spacing-1000) var(--happ-spacing-1600)}.happ-doc__header{margin-bottom:var(--happ-spacing-800)}.happ-doc__title{display:flex;align-items:center;gap:var(--happ-spacing-300)}.happ-doc__title h1{font-size:var(--happ-font-h2-size);line-height:var(--happ-font-h2-line-height);font-weight:var(--happ-font-h2-weight);margin:0}.happ-doc__lead{font-size:15px;line-height:1.6;color:var(--happ-color-text-muted);margin:var(--happ-spacing-200) 0 var(--happ-spacing-100);max-width:640px}.happ-status{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:var(--happ-radius-pill);background:var(--happ-color-surface-raised);color:var(--happ-color-text-subtle)}.happ-status[data-status=stable]{background:var(--happ-color-accent-tint-50);color:var(--happ-color-accent-primary)}.happ-doc-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--happ-spacing-300)}.happ-doc-list a{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:var(--happ-spacing-300);padding:var(--happ-spacing-400) var(--happ-spacing-600);border:1px solid var(--happ-color-border-default);border-radius:var(--happ-radius-md);text-decoration:none;color:inherit}.happ-doc-list a:hover{border-color:var(--happ-color-border-strong);background:var(--happ-color-surface-raised)}.happ-doc-list__desc{font-size:13px;color:var(--happ-color-text-muted)}.happ-doc markdown h2{font-size:var(--happ-font-h3-size);line-height:var(--happ-font-h3-line-height);font-weight:var(--happ-font-h3-weight);margin:var(--happ-spacing-800) 0 var(--happ-spacing-300)}.happ-doc markdown h3{font-size:var(--happ-font-title-size);line-height:var(--happ-font-title-line-height);font-weight:var(--happ-font-title-weight);margin:var(--happ-spacing-600) 0 var(--happ-spacing-200)}.happ-doc markdown p,.happ-doc markdown li{color:var(--happ-color-text-muted)}.happ-doc markdown table{width:100%;border-collapse:collapse;margin:var(--happ-spacing-400) 0;font-size:13px}.happ-doc markdown table th,.happ-doc markdown table td{text-align:left;padding:var(--happ-spacing-200) var(--happ-spacing-300);border-bottom:1px solid var(--happ-color-border-default)}.happ-doc markdown table th{color:var(--happ-color-text-subtle);font-weight:700}.happ-doc markdown code{font-family:ui-monospace,Menlo,monospace;font-size:.9em;padding:2px 5px;border-radius:var(--happ-radius-xs);background:var(--happ-color-surface-raised)}.happ-doc markdown pre{background:var(--happ-color-code-bg);color:var(--happ-color-code-text);padding:var(--happ-spacing-400);border-radius:var(--happ-radius-sm);overflow-x:auto}.happ-doc markdown pre code{background:none;padding:0;color:inherit}.cdp{max-width:1120px;margin:0 auto;padding:var(--happ-spacing-800) var(--happ-spacing-1000) var(--happ-spacing-1600)}.cdp__badges{display:flex;align-items:center;gap:var(--happ-spacing-300);margin-bottom:var(--happ-spacing-200)}.cdp__meta{font-size:12px;color:var(--happ-color-text-subtle)}.cdp__h1{font-size:var(--happ-font-h1-size);line-height:var(--happ-font-h1-line-height);font-weight:var(--happ-font-h1-weight);margin:0 0 var(--happ-spacing-200)}.cdp__lead{font-size:16px;line-height:1.6;color:var(--happ-color-text-muted);max-width:680px;margin:0 0 var(--happ-spacing-1000)}.cdp__body{display:flex;gap:var(--happ-spacing-1200);align-items:flex-start}.cdp__main{flex:1;min-width:0}.cdp__section{margin-bottom:var(--happ-spacing-1200);scroll-margin-top:var(--happ-spacing-600)}.cdp__h2{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--happ-color-text-subtle);margin:0 0 var(--happ-spacing-400)}.cdp__strong{font-size:14px;font-weight:600}.cdp__desc{font-size:13px;line-height:1.55;color:var(--happ-color-text-muted);margin-top:2px}.cdp__stack{display:flex;flex-direction:column;gap:var(--happ-spacing-300)}.cdp__duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--happ-spacing-600);margin-bottom:var(--happ-spacing-600)}.cdp__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--happ-spacing-400)}.cdp__list{margin:var(--happ-spacing-200) 0 0;padding-left:18px;font-size:13.5px;line-height:1.7;color:var(--happ-color-text-muted)}.cdp__stage{display:flex;flex-wrap:wrap;border:1px solid var(--happ-color-border-default);border-radius:var(--happ-radius-xl);overflow:hidden}.cdp__canvas{flex:1 1 320px;min-width:0;min-height:280px;display:flex;align-items:center;justify-content:center;padding:var(--happ-spacing-800);background:var(--happ-color-surface-raised)}.cdp__panel{flex:0 1 260px;min-width:220px;display:flex;flex-direction:column;gap:var(--happ-spacing-400);padding:var(--happ-spacing-600);background:var(--happ-color-surface-default);border-left:1px solid var(--happ-color-border-default)}.cdp__panel-title{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--happ-color-text-subtle)}.cdp__field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500;color:var(--happ-color-text-muted)}.cdp__field select{font:inherit;font-size:13px;padding:7px 8px;border-radius:var(--happ-radius-sm);border:1px solid var(--happ-color-border-strong);background:var(--happ-color-surface-default);color:var(--happ-color-text-default);text-transform:capitalize}.cdp__switch{width:38px;height:22px;padding:2px;border:none;border-radius:var(--happ-radius-pill);background:var(--happ-color-border-strong);display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:background .15s ease}.cdp__switch[aria-checked=true]{background:var(--happ-color-accent-primary);justify-content:flex-end}.cdp__switch-thumb{width:18px;height:18px;border-radius:50%;background:#fff}.cdp__anatomy{display:flex;gap:var(--happ-spacing-400);align-items:flex-start;padding:var(--happ-spacing-400);background:var(--happ-color-surface-raised);border-radius:var(--happ-radius-lg)}.cdp__num{flex:none;width:22px;height:22px;border-radius:50%;background:var(--happ-color-accent-primary);color:var(--happ-color-accent-on-primary);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.cdp__card{border:1px solid var(--happ-color-border-default);border-radius:var(--happ-radius-lg);padding:var(--happ-spacing-400);background:var(--happ-color-surface-default)}.cdp__card-head{display:flex;align-items:center;gap:var(--happ-spacing-200);font-size:13.5px;font-weight:700}.cdp__yes{color:var(--happ-color-status-success);font-size:16px}.cdp__no{color:var(--happ-color-status-error);font-size:16px}.cdp__dot{width:9px;height:9px;border-radius:50%;background:var(--happ-color-accent-primary)}.cdp__dot[data-tone=focus]{background:var(--happ-color-accent-tertiary)}.cdp__dot[data-tone=active]{background:var(--happ-color-accent-primary-hover)}.cdp__dot[data-tone=disabled]{background:var(--happ-color-text-subtle)}.cdp__dot[data-tone=loading]{background:var(--happ-color-accent-secondary)}.cdp__bullet{display:flex;gap:var(--happ-spacing-300);align-items:flex-start;font-size:13.5px;line-height:1.6;color:var(--happ-color-text-muted)}.cdp__bullet-mark{color:var(--happ-color-accent-primary);flex:none}.cdp__table{width:100%;border-collapse:collapse;font-size:13px}.cdp__table th,.cdp__table td{text-align:left;padding:var(--happ-spacing-300);border-bottom:1px solid var(--happ-color-border-default)}.cdp__table th{font-weight:600;color:var(--happ-color-text-subtle)}.cdp__table td{color:var(--happ-color-text-muted)}.cdp__tokens{border:1px solid var(--happ-color-border-default);border-radius:var(--happ-radius-lg);overflow:hidden}.cdp__token{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) 60px auto;align-items:center;gap:var(--happ-spacing-300);padding:11px var(--happ-spacing-400);font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.cdp__token:not(:last-child){border-bottom:1px solid var(--happ-color-border-default)}.cdp__token-name,.cdp__token-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdp__token-value{color:var(--happ-color-text-muted)}.cdp__swatch{width:16px;height:16px;border-radius:var(--happ-radius-xs);border:1px solid var(--happ-color-border-default)}.cdp__swatch--empty{border-color:transparent}.cdp__copy{justify-self:end;font-family:inherit;font-size:11px;font-weight:600;padding:5px 9px;border-radius:var(--happ-radius-xs);border:1px solid var(--happ-color-border-strong);background:var(--happ-color-surface-default);color:var(--happ-color-text-muted);cursor:pointer}.cdp__tabs{display:flex;gap:6px}.cdp__tab{font-family:inherit;font-size:12.5px;font-weight:600;padding:9px 16px;border:none;border-radius:var(--happ-radius-md) var(--happ-radius-md) 0 0;background:var(--happ-color-surface-raised);color:var(--happ-color-text-muted);cursor:pointer}.cdp__tab--on{background:var(--happ-color-code-bg);color:var(--happ-color-code-text)}.cdp__code{position:relative;background:var(--happ-color-code-bg);border-radius:0 var(--happ-radius-lg) var(--happ-radius-lg) var(--happ-radius-lg);padding:var(--happ-spacing-600)}.cdp__code pre{margin:0;color:var(--happ-color-code-text);font-size:12.5px;line-height:1.6;font-family:ui-monospace,Menlo,monospace;overflow-x:auto}.cdp__copy--code{position:absolute;top:12px;right:12px;justify-self:auto;border-color:#fff3;background:transparent;color:var(--happ-color-code-text)}.cdp__chips{display:flex;flex-wrap:wrap;gap:var(--happ-spacing-300)}.cdp__chip{font-size:13px;font-weight:600;padding:9px 16px;border-radius:var(--happ-radius-pill);border:1px solid var(--happ-color-border-strong);background:var(--happ-color-surface-default);color:var(--happ-color-text-default);text-decoration:none}.cdp__chip:hover{background:var(--happ-color-surface-raised);color:var(--happ-color-text-default)}.cdp__toc{width:172px;flex:none;position:sticky;top:var(--happ-spacing-600);align-self:flex-start;display:flex;flex-direction:column;gap:1px}.cdp__toc-title{font-size:12px;font-weight:700;margin-bottom:var(--happ-spacing-300)}.cdp__toc-item{text-align:left;font-family:inherit;font-size:12.5px;font-weight:500;padding:6px 0 6px 14px;border:none;border-left:2px solid var(--happ-color-border-default);background:none;color:var(--happ-color-text-muted);cursor:pointer;transition:color .2s ease,border-color .2s ease}.cdp__toc-item--on{border-left-color:var(--happ-color-accent-primary);color:var(--happ-color-accent-primary);font-weight:700}@media(max-width:1100px){.cdp__toc{display:none}.cdp__duo{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.cdp__toc-item,.cdp__switch{transition-duration:.01ms}}