.genui-controls{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.genui-control-row{border:0;grid-template-columns:6.75rem minmax(0,1fr);align-items:baseline;gap:.5rem 1rem;min-inline-size:0;margin:0;padding:0;display:grid;position:relative}.genui-control-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-ink);letter-spacing:var(--tracking-tight)}.genui-vocab{flex-wrap:wrap;align-items:baseline;gap:.25rem 1.125rem;display:flex}.genui-vocab [data-slot=button]{height:auto;min-height:0;box-shadow:none;font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);color:var(--exp-ink);background:0 0;border:0;border-radius:0;padding:.125rem 0;position:relative}.genui-vocab [data-slot=button]:after{content:"";position:absolute;inset-block:-.5rem;inset-inline:-.375rem}.genui-vocab [data-slot=button][aria-pressed=true]{color:var(--exp-ink);font-weight:var(--weight-medium);box-shadow:inset 0 -1px 0 var(--exp-ink);background:0 0}.genui-vocab [data-slot=button][aria-pressed=false]{color:var(--exp-muted);text-decoration:line-through;-webkit-text-decoration-color:oklch(from var(--exp-ink) l c h / .35);text-decoration-color:oklch(from var(--exp-ink) l c h / .35);opacity:1}.genui-vocab [aria-disabled]{cursor:not-allowed}@media (hover:hover) and (pointer:fine){.genui-vocab [data-slot=button]:hover:not([aria-disabled]){color:var(--exp-ink);background:0 0}.genui-vocab [data-slot=button][aria-disabled]:hover{background:0 0}}.genui-questions{flex-wrap:wrap;align-items:baseline;gap:.375rem;margin-bottom:0;display:flex}.genui-questions [data-slot=button]{white-space:normal;text-align:start;max-width:100%;padding-block:.3125rem;line-height:1.25;position:relative}.genui-questions [data-slot=button]:after{content:"";position:absolute;inset-block:-.5rem;inset-inline:0}@media (hover:hover) and (pointer:fine){.genui-questions [data-slot=button]:hover:not([aria-pressed=true]){border-color:var(--exp-ink)}}.demo-frame .genui-stage{background:var(--exp-object);box-shadow:inset 0 0 0 1px var(--exp-object-line);grid-template-rows:minmax(30.5rem,auto);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch;display:grid}.demo-frame .genui-schema{height:0;min-height:100%;box-shadow:inset -1px 0 0 var(--exp-object-line);background:0 0;border:0;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.demo-frame .genui-schema-head{border-bottom:1px solid var(--exp-object-line);color:var(--exp-secondary);font-size:var(--text-xs);background:0 0;flex-shrink:0;padding:.5rem .75rem}.genui-schema-head [class*=font-mono]{font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-xs);letter-spacing:var(--tracking-tight)}.genui-schema-status{font-family:inherit;font-size:var(--text-xs);color:var(--exp-muted);letter-spacing:var(--tracking-tight)}.genui-schema-body{flex:1;min-height:0;padding:.75rem .875rem 1rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(#000 calc(100% - 2.5rem),#0000)}.genui-schema pre{font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-xs);color:var(--exp-muted);white-space:pre;margin:0;line-height:1.65}.demo-frame .genui-schema pre{background:0 0;border-radius:0;max-width:none;padding:0;overflow:visible}.genui-tok-key{color:oklch(from var(--exp-ink) l c h / .72)}.genui-tok-str{color:oklch(from var(--exp-ink) l c h / .9)}.genui-tok-num{color:oklch(from var(--exp-ink) l c h / .8)}.genui-tok-type{color:var(--exp-ink);font-weight:var(--weight-medium)}.genui-caret{vertical-align:text-bottom;background:var(--exp-ink);width:.45em;height:1em;display:inline-block}@media (prefers-reduced-motion:no-preference){.genui-caret{animation:1s steps(2,jump-none) infinite genui-caret-blink}}@keyframes genui-caret-blink{50%{opacity:0}}.genui-illegal{color:oklch(from var(--exp-ink) l c h / .38);text-decoration:line-through;-webkit-text-decoration-color:oklch(from var(--exp-ink) l c h / .5);text-decoration-color:oklch(from var(--exp-ink) l c h / .5)}.genui-illegal .genui-tok-key,.genui-illegal .genui-tok-str,.genui-illegal .genui-tok-num,.genui-illegal .genui-tok-type{color:inherit}.genui-illegal-note{color:oklch(from var(--exp-ink) l c h / .82);font-size:var(--text-xs);white-space:normal;text-decoration:none}.genui-placeholder{font-size:var(--text-xs);color:var(--exp-muted);letter-spacing:var(--tracking-tight);padding:.25rem 0;display:block}.genui-schema .genui-placeholder{color:var(--exp-muted)}.genui-skeleton{border:1px dashed var(--exp-object-line);border-radius:0;justify-content:center;align-items:center;min-height:3.5rem;display:flex;position:relative;overflow:hidden}.genui-skeleton[data-type=chart]{min-height:9.5rem}.genui-skeleton[data-type=table]{min-height:8rem}.genui-skeleton[data-type=comparison]{min-height:7rem}.genui-skeleton[data-type=action],.genui-skeleton[data-type=gauge]{min-height:2.75rem}.genui-skeleton span:not(.genui-skeleton-fill){z-index:1;font-size:var(--text-xs);color:var(--exp-muted);letter-spacing:var(--tracking-tight);position:relative}.genui-skeleton-fill{border-radius:inherit;opacity:.45;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.genui-skeleton{animation:genui-block-enter var(--duration-spring) var(--ease-spring), genui-skeleton-pulse 1.2s var(--ease-in-out) .3s infinite alternate}}@keyframes genui-skeleton-pulse{0%{opacity:1}to{opacity:.55}}.demo-frame .genui-surface{min-height:0;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;gap:0;padding:.75rem .875rem 1rem;display:flex;overflow:clip}.demo-frame .genui-surface>*{flex-shrink:0}.genui-surface-empty{flex-direction:column;justify-content:flex-start;gap:.375rem;padding:.125rem 0 0;display:flex}.genui-empty-title{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-ink);letter-spacing:var(--tracking-tight);margin:0}.genui-empty-copy{max-width:28rem;font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--exp-muted);letter-spacing:var(--tracking-tight);line-height:var(--leading-ui);margin:0}.genui-block{box-shadow:none;transition:opacity var(--duration-ui) var(--ease-out);background:0 0;border:0;border-radius:0;gap:0;padding:0}.genui-block+.genui-block,.genui-block+.genui-skeleton,.genui-skeleton+.genui-block{border-top:1px solid var(--exp-object-line);margin-top:1rem;padding-top:1rem}@media (prefers-reduced-motion:no-preference){.genui-block{animation:genui-block-enter var(--duration-spring) var(--ease-spring)}}@keyframes genui-block-enter{0%{opacity:0;transform:translateY(6px)}}.genui-card{gap:var(--space-2xs);flex-direction:column;display:flex}.genui-card-label{font-size:var(--text-xs);color:var(--exp-muted);letter-spacing:var(--tracking-tight)}.genui-card-value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--exp-ink);line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.genui-card-hint{font-size:var(--text-xs);color:var(--exp-muted);letter-spacing:var(--tracking-tight)}.genui-table{border-collapse:collapse;width:100%;font-size:var(--text-xs);letter-spacing:var(--tracking-tight)}.genui-table th{text-align:left;font-weight:var(--weight-regular);color:var(--exp-muted);border-bottom:1px solid var(--exp-object-line);padding:.4375rem .75rem .4375rem 0}.genui-table td{color:var(--exp-secondary);border-bottom:1px solid var(--exp-object-line);font-variant-numeric:tabular-nums;padding:.5625rem .75rem .5625rem 0}.genui-table tr:last-child td{border-bottom:0}.genui-chart-head{justify-content:space-between;align-items:baseline;gap:var(--space-md);margin-bottom:.75rem;display:flex}.genui-chart-title{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-ink);letter-spacing:var(--tracking-tight);display:block}.genui-chart-legend{font-size:var(--text-xs);color:var(--exp-muted);letter-spacing:var(--tracking-tight);gap:.875rem;display:flex}.genui-chart-legend span:before{content:"";background:var(--exp-secondary);opacity:.35;border-radius:1px;width:.5em;height:.5em;margin-right:.375em;display:inline-block}.genui-chart-legend span[data-series=accent]:before{background:var(--exp-ink);opacity:.9}.genui-chart svg{display:block;overflow:visible}.genui-bar{fill:var(--exp-secondary);opacity:.3;transform-box:fill-box;transform-origin:bottom}.genui-bar[data-series=accent]{fill:var(--exp-ink);opacity:.9}@media (prefers-reduced-motion:no-preference){.genui-block .genui-bar{animation:genui-bar-grow .42s var(--ease-spring) backwards;animation-delay:calc(var(--bar-i,0) * 40ms)}}@keyframes genui-bar-grow{0%{transform:scaleY(.08)}}.genui-bar-label{font-family:var(--font-sans), sans-serif;font-size:var(--text-xs);fill:var(--exp-muted)}.genui-comparison{flex-direction:column;gap:0;display:flex}.genui-comparison .genui-chart-title{margin-bottom:.5rem}.genui-comparison-row{gap:var(--space-md);border-bottom:1px solid var(--exp-object-line);font-size:var(--text-xs);grid-template-columns:1fr auto auto;align-items:baseline;padding:.5rem 0;display:grid}.genui-comparison-row:last-child{border-bottom:0;padding-bottom:0}.genui-comparison-label{color:var(--exp-secondary);letter-spacing:var(--tracking-tight)}.genui-comparison-values{font-variant-numeric:tabular-nums;gap:.75rem;display:flex}.genui-comparison-values [data-series=accent]{color:var(--exp-ink);font-weight:var(--weight-semibold)}.genui-comparison-values [data-series=base]{color:var(--exp-muted)}.genui-comparison-delta{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-secondary);font-variant-numeric:tabular-nums}.genui-verb{align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.genui-verb-note{font-size:var(--text-xs);color:var(--exp-muted);letter-spacing:var(--tracking-tight)}.genui-verb-feedback{font-size:var(--text-xs);color:var(--exp-secondary);letter-spacing:var(--tracking-tight)}.genui-dropped{font-size:var(--text-xs);color:var(--exp-muted);letter-spacing:var(--tracking-tight);text-decoration:line-through}@media (max-width:640px){.genui-control-row{grid-template-columns:minmax(0,1fr);gap:.375rem}.demo-frame .genui-stage{grid-template-rows:auto 12rem;grid-template-columns:minmax(0,1fr);height:auto}.demo-frame .genui-surface{order:-1;min-height:14rem;overflow:visible}.demo-frame .genui-schema{box-shadow:inset 0 1px 0 var(--exp-object-line)}.demo-frame:has(.genui) .demo-frame-header-end{justify-content:flex-end;min-width:3.5rem}}.genui-vocab,.genui-questions{flex-wrap:wrap;width:100%}.genui-questions [data-slot=button][aria-pressed=true],.genui-questions [data-slot=button][aria-pressed=true]:hover{background:var(--exp-ink);color:var(--exp-object);border-color:var(--exp-ink)}.demo-frame-body .genui-vocab [data-slot=button]:not([data-chrome=own]):not([data-size^=icon]){border-radius:0;height:auto;min-height:0;padding-inline:0}.demo-frame-body .genui-questions [data-slot=button]:not([data-chrome=own]):not([data-size^=icon]){height:auto}.demo-frame-placeholder[data-demo=genui]{min-height:45rem}@media (max-width:640px){.demo-frame-placeholder[data-demo=genui]{min-height:54rem}}
.mm-toolbar{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:.875rem;display:flex}.mm-toolbar[data-playing]{flex-flow:wrap;align-items:center;gap:.625rem 1rem}.mm-prompt{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-ink);letter-spacing:var(--tracking-tight);text-wrap:pretty;flex:none;margin:0}.mm-toolbar[data-playing] .mm-prompt{flex:12rem}.mm-target{font-weight:var(--weight-semibold)}.mm-go{min-height:var(--demo-control);height:var(--demo-control);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);padding-inline:.75rem;position:relative}.mm-go[data-variant=default]{background:var(--exp-ink);color:var(--exp-object);box-shadow:none;border:0}.mm-go[data-variant=outline]{background:var(--exp-object);color:var(--exp-ink);box-shadow:inset 0 0 0 1px var(--exp-object-line);border:0}@media (hover:hover) and (pointer:fine){.mm-go[data-variant=default]:hover{background:var(--exp-ink);color:var(--exp-object);opacity:.9}.mm-go[data-variant=outline]:hover{background:var(--exp-object);box-shadow:inset 0 0 0 1px var(--exp-object-line-strong)}}.mm-boards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.mm-board{border-radius:var(--demo-radius-in);background:var(--exp-stage);box-shadow:inset 0 0 0 1px var(--exp-stage-line);transition:opacity var(--duration-ui) var(--ease-out);padding:.75rem}.mm-board[data-done]{opacity:.7}.mm-board-head{justify-content:space-between;align-items:baseline;margin-bottom:.625rem;display:flex}.mm-board-title{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-ink);letter-spacing:var(--tracking-tight)}.mm-board-timer{font-size:var(--text-xs);color:var(--exp-secondary);font-variant-numeric:tabular-nums}.mm-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;display:grid}.mm-chip{min-height:max(2rem, var(--demo-control));height:max(2rem, var(--demo-control));background:var(--exp-object);box-shadow:inset 0 0 0 1px var(--exp-object-line-strong);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-ink);letter-spacing:var(--tracking-tight);cursor:pointer;border:0;border-radius:.3125rem;padding:0;position:relative}.mm-chip:after{content:"";width:var(--demo-hit);height:var(--demo-hit);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:no-preference){.mm-chips .mm-chip{animation:mm-chip-enter .2s var(--ease-out) backwards}.mm-chips .mm-chip:nth-child(2){animation-delay:30ms}.mm-chips .mm-chip:nth-child(3){animation-delay:60ms}.mm-chips .mm-chip:nth-child(4){animation-delay:90ms}}@keyframes mm-chip-enter{0%{opacity:0;transform:translateY(4px)}}@media (hover:hover) and (pointer:fine){.mm-chip:hover:not(:disabled){background:var(--exp-object);box-shadow:inset 0 0 0 1px var(--exp-ink)}}.mm-chip:disabled{cursor:not-allowed}.mm-boards[data-preview] .mm-chip:disabled{opacity:1;cursor:default}.mm-chip[data-tapped]{box-shadow:inset 0 0 0 1px var(--exp-ink)}@media (prefers-reduced-motion:no-preference){.mm-chips .mm-chip[data-tapped]{animation:mm-tap .24s var(--ease-out)}}@keyframes mm-tap{40%{transform:scale(.96)}}.mm-rounds{flex:100%;gap:.375rem;margin:0;display:flex}.mm-rounds span{background:oklch(from var(--exp-ink) l c h / .18);border-radius:50%;width:.375rem;height:.375rem}.mm-rounds span[data-done]{background:oklch(from var(--exp-ink) l c h / .45)}.mm-rounds span[data-current]{background:var(--exp-ink)}.mm-chip span{display:block}.mm-chip[data-miss]{box-shadow:inset 0 0 0 1px var(--exp-ink)}@media (prefers-reduced-motion:no-preference){.mm-chip[data-miss]>span:first-child{animation:mm-shake .3s var(--ease-out)}}@keyframes mm-shake{20%{transform:translate(-3px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}}.mm-board-score{font-size:var(--text-xs);color:var(--exp-muted);font-variant-numeric:tabular-nums;margin-top:.625rem;display:block}.mm-verdict{gap:var(--space-xs);box-shadow:none;border-radius:.5rem;flex-direction:column;margin-bottom:.75rem;padding:.75rem;display:flex}@media (prefers-reduced-motion:no-preference){.mm-verdict{animation:mm-verdict-in .22s var(--ease-out)}}@keyframes mm-verdict-in{0%{opacity:0;transform:translateY(4px)}}.mm-verdict-row{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.mm-verdict-board{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-ink);letter-spacing:var(--tracking-tight)}.mm-verdict-stat{font-size:var(--text-xs);color:var(--exp-ink);font-variant-numeric:tabular-nums}.mm-verdict-line{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-ink);letter-spacing:var(--tracking-tight);margin:.25rem 0 0}@media (max-width:640px){.mm-boards{grid-template-columns:minmax(0,1fr)}}.mm-board[data-waiting]{opacity:.55}.mm-board[data-waiting] .mm-chip:disabled{opacity:1}.mm-cursor{z-index:1;pointer-events:none;width:16px;height:20px;position:absolute;top:55%;left:58%}.mm-cursor svg{fill:var(--exp-ink);stroke:var(--exp-object);stroke-width:1.25px;stroke-linejoin:round;filter:drop-shadow(0 1px 1.5px var(--exp-shadow));display:block}@media (prefers-reduced-motion:no-preference){.mm-cursor:not([data-landed]){animation:.9s cubic-bezier(.2,0,0,1) both mm-cursor-travel}.mm-cursor[data-landed] svg{animation:mm-cursor-press .22s var(--ease-out)}}@keyframes mm-cursor-travel{0%{opacity:0;transform:translate(-56px,64px)}25%{opacity:1}}@keyframes mm-cursor-press{50%{transform:scale(.9)}}.mm-go:after{content:"";width:var(--demo-hit);height:var(--demo-hit);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-frame-placeholder[data-demo=muscle-memory]{min-height:19.5rem}@media (max-width:640px){.demo-frame-placeholder[data-demo=muscle-memory]{min-height:34rem}}
.demo-frame .consent-authority{font-size:var(--text-xs);font-weight:var(--weight-regular);line-height:var(--leading-ui);color:var(--exp-muted);letter-spacing:var(--tracking-tight);margin:0 0 1.625rem}.consent-contract{flex-direction:column;gap:.25rem;width:max-content;max-width:100%;margin-bottom:1rem;display:flex}.consent-row{width:max-content;max-width:100%;min-height:var(--demo-control);justify-content:flex-start;align-items:center;gap:.75rem;display:flex}.consent-row-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-ink);letter-spacing:var(--tracking-tight);flex:0 0 11rem}@media (hover:hover) and (pointer:fine){.consent-row:hover .consent-row-label{color:var(--exp-ink)}}.consent-row[data-tier=prepare]{--tier-i:0}.consent-row[data-tier=confirm]{--tier-i:1}.consent-row[data-tier=silent]{--tier-i:2}.demo-frame .consent-row [data-slot=toggle-group]{isolation:isolate;width:19.25rem;max-width:100%;height:var(--demo-control);min-height:var(--demo-control);border-radius:var(--demo-radius-in);background:oklch(from var(--exp-ink) l c h / .06);grid-template-columns:repeat(3,1fr);gap:0;padding:2px;display:grid;position:relative}.demo-frame .consent-row [data-slot=toggle-group]:before{content:"";z-index:0;background:var(--exp-object);width:calc(33.3333% - 1.33333px);box-shadow:0 0 0 1px oklch(from var(--exp-ink) l c h / .08), 0 1px 1px var(--exp-shadow-soft);transform:translateX(calc(var(--tier-i,1) * 100%));transition:transform .2s var(--ease-out);pointer-events:none;border-radius:.25rem;position:absolute;top:2px;bottom:2px;left:2px}.consent-row [data-slot=toggle-group-item]{z-index:1;min-width:0;height:100%;box-shadow:none;font-size:var(--text-xs);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);color:var(--exp-muted);background:0 0;border:0;border-radius:.25rem;justify-content:center;padding:0 .5rem;position:relative}.consent-row [data-slot=toggle-group-item]:after{content:"";width:var(--demo-hit);height:var(--demo-hit);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover) and (pointer:fine){.consent-row [data-slot=toggle-group-item]:hover:not([data-state=on]){color:var(--exp-ink);background:0 0}}.consent-row [data-slot=toggle-group-item][data-state=on]{color:var(--exp-ink);font-weight:var(--weight-medium);box-shadow:none;background:0 0}@media (prefers-reduced-motion:reduce){.demo-frame .consent-row [data-slot=toggle-group]:before{transition:none}}@media (pointer:coarse),(max-width:640px){.demo-frame .consent-row [data-slot=toggle-group]{height:calc(var(--demo-control) + 4px);min-height:calc(var(--demo-control) + 4px)}}@media (pointer:coarse){.consent-contract{gap:.5rem}}@media (max-width:640px){.consent-contract,.consent-row{width:100%}.consent-contract{gap:.875rem}.consent-row{grid-template-columns:minmax(0,1fr);gap:6px;height:auto;min-height:0;display:grid}.consent-row-label{flex:none}.demo-frame .consent-row [data-slot=toggle-group]{width:100%}}.consent-stage{position:relative}.demo-frame .consent-status{min-height:2.8em;font-size:var(--text-xs);line-height:var(--leading-ui);color:var(--exp-secondary);letter-spacing:var(--tracking-tight);text-wrap:pretty;margin:0 0 .75rem}.consent-day{font-weight:var(--weight-medium);color:var(--exp-ink);margin-right:.5rem}.consent-board{--label-w:4.75rem;--lane-h:3rem;--lanes:4;border-radius:var(--demo-radius-in);background:var(--exp-stage);box-shadow:inset 0 0 0 1px var(--exp-stage-line);padding:.5rem .5rem .625rem}.consent-board-hours{margin-left:var(--label-w);font-size:var(--text-xs);color:var(--exp-muted);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:.25rem;display:grid}.consent-board-hours span{padding-left:.375rem}.consent-board-body{grid-template-columns:var(--label-w) minmax(0, 1fr);display:grid}.consent-board-lanes{grid-template-rows:repeat(var(--lanes), var(--lane-h));display:grid}.consent-lane-name{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-secondary);letter-spacing:var(--tracking-tight);align-items:center;display:flex}.consent-lane-name[data-queue]{font-weight:var(--weight-regular);color:var(--exp-muted)}.consent-board-grid{height:calc(var(--lanes) * var(--lane-h));background-image:linear-gradient(to right, var(--exp-stage-line) 1px, transparent 1px), linear-gradient(to bottom, var(--exp-stage-line) 1px, transparent 1px);background-size:25% 100%, 100% var(--lane-h);box-shadow:inset -1px -1px 0 var(--exp-stage-line);position:relative}.consent-chip-place{width:25%;height:var(--lane-h);transform:translate(calc(var(--slot) * 100%), calc(var(--lane) * 100%));padding:.25rem;position:absolute;top:0;left:0}@media (prefers-reduced-motion:no-preference){.consent-chip-place{transition:transform var(--move-ms,.6s) cubic-bezier(.65, 0, .35, 1)}}.consent-board[data-instant] .consent-chip-place{transition:none}.consent-chip{background:var(--exp-object);height:100%;box-shadow:inset 0 0 0 1px var(--exp-object-line-strong), 0 1px 2px var(--exp-shadow-soft);white-space:nowrap;transition:box-shadow var(--duration-ui) var(--ease-out);border-radius:.3125rem;flex-direction:column;justify-content:center;padding:0 .4375rem;display:flex;overflow:hidden}.consent-chip-id{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-ink);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);line-height:1.2}.consent-chip-window{font-size:var(--text-xs);color:var(--exp-muted);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);text-overflow:ellipsis;line-height:1.2;overflow:hidden}.consent-chip[data-moving]{box-shadow:inset 0 0 0 1px var(--exp-ink), 0 2px 6px var(--exp-shadow)}.consent-chip[data-late]{box-shadow:none;outline:1px dashed oklch(from var(--exp-ink) l c h / .6);outline-offset:-1px;background:0 0}.consent-chip[data-late] .consent-chip-window{color:var(--exp-ink)}.consent-chip[data-emergency]{background:var(--exp-ink);box-shadow:none}.consent-chip[data-emergency] .consent-chip-id,.consent-chip[data-emergency] .consent-chip-window{color:var(--exp-object)}.consent-ghost:after{content:"";outline:1px dashed oklch(from var(--exp-ink) l c h / .35);outline-offset:-1px;border-radius:.3125rem;height:100%;display:block}.consent-cards{height:var(--consent-cards-h,8.75rem);scrollbar-width:thin;flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex;overflow-y:auto}.consent-card{border-radius:var(--demo-radius-in);background:var(--exp-object);box-shadow:inset 0 0 0 1px var(--exp-object-line-strong), 0 1px 2px var(--exp-shadow-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.625rem .75rem;display:flex}@media (prefers-reduced-motion:no-preference){.consent-card{animation:consent-card-in .22s var(--ease-out)}}@keyframes consent-card-in{0%{opacity:0;transform:translateY(2px)}}.demo-frame .consent-card-text{font-size:var(--text-xs);line-height:var(--leading-ui);color:var(--exp-ink);letter-spacing:var(--tracking-tight);margin:0}.consent-card-scope{color:var(--exp-muted);display:block}.consent-card-actions{gap:.5rem;display:flex}.consent-receipt{flex-wrap:wrap;gap:.25rem 1.5rem;margin:.875rem 0 0;display:flex}.consent-receipt div{align-items:baseline;gap:.375rem;display:flex}.consent-receipt dd{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--exp-ink);font-variant-numeric:tabular-nums;order:-1;margin:0}.consent-receipt dt{font-size:var(--text-xs);color:var(--exp-muted);letter-spacing:var(--tracking-tight)}.consent-contract{border-top:1px solid var(--exp-object-line);margin-top:1rem;padding-top:.875rem}.demo-frame .consent-contract-label{font-size:var(--text-xs);color:var(--exp-muted);letter-spacing:var(--tracking-tight);margin:0 0 .375rem}.demo-frame .consent-replay{align-self:flex-start;margin-top:.5rem}.demo-frame .consent-stage [data-scripted-press]{box-shadow:inset 0 0 0 1.5px var(--exp-ink), 0 0 0 3px oklch(from var(--exp-ink) l c h / .12);transform:scale(.96)}@media (max-width:640px){.consent-board{--label-w:3.75rem;padding-inline:.375rem}.consent-chip-place{padding:.1875rem}.consent-chip{padding:0 .3125rem}.consent-card-actions{width:100%}.consent-chip-promised{display:none}.consent-cards{--consent-cards-h:9.75rem}}.demo-frame[data-demo=consent]{min-height:47.75rem}@media (max-width:640px){.demo-frame[data-demo=consent]{min-height:60.5rem}}
.body-glow-stop{stop-color:var(--exp-ink)}.body-glow{opacity:var(--exp-glow-opacity)}.body-stage-wrap{border-radius:var(--demo-radius-in);background:var(--exp-stage);box-shadow:inset 0 0 0 1px var(--exp-stage-line);overflow:hidden}.body-stage,.depth-stage{-webkit-user-select:none;user-select:none}.body-stage{touch-action:none;width:100%;height:auto;display:block}.body-band-fill{stroke:none;fill:oklch(from var(--exp-ink) l c h / .035)}.body-band-fill[data-band="1"]{fill:oklch(from var(--exp-ink) l c h / .05)}.body-band-fill[data-band="0"]{fill:oklch(from var(--exp-ink) l c h / .08)}.body-band-fill[data-live]{fill:oklch(from var(--exp-ink) l c h / .12)}.body-ring{fill:none;stroke:oklch(from var(--exp-ink) l c h / .2);stroke-width:1.25px}.body-ring[data-band="0"]{stroke:oklch(from var(--exp-ink) l c h / .38)}.body-ring[data-band="2"]{stroke-dasharray:2 6}.body-ring,.body-task-path,.body-panel-rect{vector-effect:non-scaling-stroke}.body-band-label{font-family:var(--font-sans), sans-serif;font-size:calc(var(--text-xs) * var(--u,1));fill:var(--exp-muted);font-weight:500}.body-you{fill:var(--exp-ink)}.body-you-label{font-family:var(--font-sans), sans-serif;font-size:calc(var(--text-xs) * var(--u,1));fill:var(--exp-muted)}.body-panel{cursor:grab;outline:none}.body-panel:active{cursor:grabbing}@media (prefers-reduced-motion:no-preference){.body-panel{transition:transform var(--duration-spring) var(--ease-spring)}}.body-panel[data-dragging],.body-panel:active{transition:none}.body-panel-rect{fill:var(--exp-object);stroke:var(--exp-object-line);stroke-width:1px;filter:drop-shadow(0 2px 5px var(--exp-shadow));transition:width var(--duration-ui) var(--ease-out), height var(--duration-ui) var(--ease-out), transform var(--duration-ui) var(--ease-out), filter var(--duration-ui) var(--ease-out);transform-box:fill-box;transform-origin:50%}.body-panel[data-dragging] .body-panel-rect{filter:drop-shadow(0 6px 14px var(--exp-shadow));transform:scale(1.06)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.body-panel:hover .body-panel-rect{filter:drop-shadow(0 4px 9px var(--exp-shadow));transform:scale(1.04)}.body-panel:hover[data-dragging] .body-panel-rect{filter:drop-shadow(0 6px 14px var(--exp-shadow));transform:scale(1.06)}}.body-task-path{fill:none;stroke:oklch(from var(--exp-ink) l c h / .22);stroke-width:1.25px;stroke-dasharray:3 5;pointer-events:none;transition:stroke var(--duration-ui) var(--ease-out)}.body-task-path[data-lit]{stroke:oklch(from var(--exp-ink) l c h / .55)}.body-gaze{fill:oklch(from var(--exp-ink) l c h / calc(.035 + .035 * var(--exp-glow-opacity)));pointer-events:none;transition:fill var(--duration-ui) var(--ease-out)}.body-gaze[data-sweeping]{fill:oklch(from var(--exp-ink) l c h / calc(.06 + .07 * var(--exp-glow-opacity)))}@media (prefers-reduced-motion:no-preference){.body-gaze{transition:transform .3s cubic-bezier(.65, 0, .35, 1), fill var(--duration-ui) var(--ease-out)}}.body-ring[data-live]{stroke:oklch(from var(--exp-ink) l c h / .35)}.body-panel[data-kind=tool][data-band="0"] .body-panel-rect{stroke:oklch(from var(--exp-ink) l c h / .85);stroke-width:1.25px}.body-panel[data-band="2"] .body-panel-rect{fill:var(--exp-object-sunken);stroke:oklch(from var(--exp-ink) l c h / .12)}.body-panel:focus-visible .body-panel-rect{stroke:var(--exp-ink);stroke-width:1.5px;stroke-dasharray:3 3}.body-panel-title{font-family:var(--font-sans), sans-serif;font-size:calc(var(--text-xs) * var(--u,1));fill:var(--exp-ink);pointer-events:none;font-weight:500}.body-panel-sub{font-family:var(--font-sans), sans-serif;font-size:calc(var(--text-xs) * var(--u,1));fill:var(--exp-muted);pointer-events:none}.body-layout{grid-template-columns:minmax(0,1fr) 11rem;align-items:center;gap:1.25rem;display:grid}.body-readout-title{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);color:var(--exp-ink);margin:0 0 .75rem}.body-metrics{gap:.875rem;margin:0;display:grid}.body-metric dt,.body-metric dd{margin:0}.body-metric dt,.body-metric-other{font-size:var(--text-xs);line-height:var(--leading-ui);letter-spacing:var(--tracking-tight);color:var(--exp-muted)}.body-metric-value{font-size:var(--text-title);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--exp-ink);font-variant-numeric:tabular-nums;line-height:1.15}.body-metric[data-worse] .body-metric-other{color:var(--exp-secondary)}.body-metric-other{font-variant-numeric:tabular-nums}@media (max-width:720px){.body-layout{grid-template-columns:minmax(0,1fr);gap:.875rem}.body-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}}.body-note{font-size:var(--text-xs);line-height:var(--leading-ui);letter-spacing:var(--tracking-tight);color:var(--exp-muted);margin:.75rem 0 0}.body-stage-wrap{aspect-ratio:640/286}.body-stage-wrap .body-stage{height:100%}@media (max-width:560px){.body-stage-wrap{aspect-ratio:312/520}}.demo-frame-placeholder[data-demo=body-budget]{min-height:28rem}@media (max-width:640px){.demo-frame-placeholder[data-demo=body-budget]{min-height:47.5rem}}
.depth-question{font-size:var(--text-xs);color:var(--exp-muted);letter-spacing:var(--tracking-tight);text-wrap:pretty;margin:0 0 .75rem}.depth-room{border-radius:var(--demo-radius-in);background:linear-gradient(to bottom, oklch(from var(--exp-ink) l c h / .02) 0%, oklch(from var(--exp-ink) l c h / 0) 20%), var(--exp-stage);height:21rem;box-shadow:inset 0 0 0 1px var(--exp-stage-line);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.depth-floor{width:100%;height:100%;position:absolute;inset:0}.depth-band{fill:oklch(from var(--exp-ink) l c h / .035);stroke:oklch(from var(--exp-ink) l c h / .16);stroke-width:1px;vector-effect:non-scaling-stroke;transition:fill var(--duration-ui) var(--ease-out)}.depth-band[data-band="1"]{fill:oklch(from var(--exp-ink) l c h / .025)}.depth-band[data-band="2"]{fill:oklch(from var(--exp-ink) l c h / .015)}.depth-band[data-active]{fill:oklch(from var(--exp-ink) l c h / .07)}.depth-lane{fill:none;stroke:oklch(from var(--exp-ink) l c h / .12);stroke-width:1px;stroke-dasharray:2 5;vector-effect:non-scaling-stroke}.depth-horizon{stroke:oklch(from var(--exp-ink) l c h / .1);stroke-width:1px;vector-effect:non-scaling-stroke}.depth-band-label{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--exp-muted);letter-spacing:var(--tracking-tight);white-space:nowrap;position:absolute;transform:translateY(calc(-100% - .25rem))}.depth-band-label[data-active]{color:var(--exp-ink);font-weight:var(--weight-medium)}.depth-lane-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-secondary);letter-spacing:var(--tracking-tight);position:absolute;top:.625rem}.depth-lane-label[data-side=left]{left:.75rem}.depth-lane-label[data-side=right]{right:.75rem}.depth-contact{height:calc(.75rem * var(--recede,1));background:radial-gradient(closest-side, oklch(from var(--exp-ink) l c h / .12), oklch(from var(--exp-ink) l c h / 0));pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.depth-card{z-index:1;background:var(--exp-object);width:min(15rem,44%);box-shadow:inset 0 0 0 1px var(--exp-object-line-strong), 0 2px 6px var(--exp-shadow-soft);color:var(--exp-ink);border-radius:.375rem;padding:.625rem .75rem;position:absolute;transform:translate(-50%,-100%)}.depth-card-stubborn{transform-origin:50% 100%}.depth-card-adapts[data-band="1"]{width:min(12rem,40%)}.depth-card-adapts[data-band="2"]{width:auto;padding:.625rem .875rem}@media (prefers-reduced-motion:no-preference){.depth-card,.depth-contact{transition:left 90ms linear, top 90ms linear, width var(--duration-ui) var(--ease-out), transform 90ms linear, filter 90ms linear}.depth-room[data-scrubbing] .depth-card,.depth-room[data-scrubbing] .depth-contact{transition:width var(--duration-ui) var(--ease-out)}}.depth-card-title{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);display:block}.depth-card-meta{font-size:var(--text-xs);color:var(--exp-muted);margin-top:.25rem;display:block}.depth-card-actions{gap:var(--space-sm);flex-wrap:wrap;margin-top:.625rem;display:flex}.depth-card-glyph{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.depth-card-dot{background:var(--exp-ink);border-radius:50%;width:.5em;height:.5em;display:inline-block}@media (max-width:640px){.depth-room{height:19rem}.depth-card{padding:.5rem .5625rem}.depth-card-adapts[data-band="1"]{width:min(12rem,40%)}}.depth-slider{margin-top:.875rem}.depth-slider [data-slot=slider]{min-height:1.25rem}.depth-slider-head{align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.depth-readout{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;color:var(--exp-ink)}.depth-readout-band{font-size:var(--text-xs);color:var(--exp-muted);letter-spacing:var(--tracking-tight)}.depth-slider [data-slot=slider-track]{background:oklch(from var(--exp-ink) l c h / .1);height:.25rem}.depth-slider [data-slot=slider-range]{background:oklch(from var(--exp-ink) l c h / .35)}.depth-slider [data-slot=slider-thumb]{border-color:var(--exp-object-line-strong);width:.875rem;height:.875rem;box-shadow:0 1px 3px var(--exp-shadow-soft);transition:transform .14s var(--ease-out);position:relative}.depth-slider [data-slot=slider-thumb]:after{content:"";width:2.75rem;height:2.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.depth-slider [data-slot=slider-thumb]:active{transform:scale(.96)}.depth-scale{font-size:var(--text-xs);color:var(--exp-muted);letter-spacing:var(--tracking-tight);justify-content:space-between;margin-top:.375rem;display:flex}.depth-scale [data-active]{color:var(--exp-ink);font-weight:var(--weight-semibold)}.depth-caption{min-height:2.25rem;font-size:var(--text-xs);color:var(--exp-muted);letter-spacing:var(--tracking-tight);margin-top:.5rem}.depth-card-adapts[data-band="1"],.depth-card-adapts[data-band="2"]{transform:translate(-100%,-100%)}.demo-frame-placeholder[data-demo=depth]{min-height:38.5rem}@media (max-width:640px){.demo-frame-placeholder[data-demo=depth]{min-height:40rem}}
.press-physical{appearance:none;min-height:var(--demo-control);height:var(--demo-control);cursor:pointer;background:var(--exp-object);box-shadow:inset 0 0 0 1px var(--exp-object-line-strong), 0 1px 2px var(--exp-shadow-soft);font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-ink);letter-spacing:var(--tracking-tight);border:0;border-radius:.375rem;padding:0 .75rem;position:relative}.depth-card-actions .press-physical{height:1.5rem;min-height:1.5rem;padding:0 .5rem}@media (prefers-reduced-motion:no-preference){.demo-frame button.press-physical{transition:transform .14s var(--ease-out), box-shadow .16s var(--ease-out)}}.press-physical:active{box-shadow:inset 0 0 0 1px var(--exp-object-line-strong), 0 1px 1px var(--exp-shadow-soft);transform:translateY(1px)}.air-instruction{max-width:34rem;font-size:var(--text-xs);line-height:var(--leading-ui);color:var(--exp-muted);letter-spacing:var(--tracking-tight);text-wrap:pretty;margin:0 0 .75rem}.air-duo{border-radius:var(--demo-radius-in);background:var(--exp-stage);box-shadow:inset 0 0 0 1px var(--exp-stage-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.air-cell{flex-direction:column;align-items:center;gap:.375rem;padding:.875rem .75rem 1rem;display:flex}.air-cell+.air-cell{box-shadow:inset 1px 0 0 var(--exp-stage-line)}.air-cell-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-secondary);letter-spacing:var(--tracking-tight);align-self:flex-start}.air-side{width:100%;max-width:22rem;height:auto;margin-block:.25rem .5rem;display:block;overflow:visible}.air-side-axis{stroke:oklch(from var(--exp-ink) l c h / .14);stroke-width:1px;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}.air-side-hand{fill:oklch(from var(--exp-ink) l c h / .1);stroke:oklch(from var(--exp-ink) l c h / .45);stroke-width:1px;vector-effect:non-scaling-stroke}.air-side-finger{stroke:oklch(from var(--exp-ink) l c h / .45);stroke-width:1.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.air-side-tip{fill:var(--exp-stage);stroke:var(--exp-ink);stroke-width:1.5px;vector-effect:non-scaling-stroke}.air-side-tip[data-inside]{stroke-dasharray:2 2;opacity:.6}.air-side-unknown{fill:oklch(from var(--exp-ink) l c h / .05);stroke:oklch(from var(--exp-ink) l c h / .28);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.air-side-approach{fill:oklch(from var(--exp-ink) l c h / .09)}.air-side-key{fill:var(--exp-object);stroke:oklch(from var(--exp-ink) l c h / .7);stroke-width:1.25px;vector-effect:non-scaling-stroke}.air-side-key[data-clicked]{stroke:var(--exp-ink);stroke-width:2px}@media (prefers-reduced-motion:no-preference){.air-side-key{transition:x 90ms var(--ease-out)}}.air-button{appearance:none;height:var(--demo-control);cursor:pointer;background:var(--exp-object);box-shadow:inset 0 0 0 1px var(--exp-object-line-strong), 0 1px 2px var(--exp-shadow-soft);font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--exp-ink);letter-spacing:var(--tracking-tight);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:.375rem;padding:0 .875rem;position:relative}.air-button[data-contact]{box-shadow:inset 0 0 0 1px var(--exp-object-line-strong), 0 0 0 var(--exp-shadow-soft);transform:translateY(2px)}.air-button[data-clicked]{box-shadow:inset 0 0 0 1px var(--exp-ink), 0 0 0 var(--exp-shadow-soft)}@media (prefers-reduced-motion:no-preference){.air-button{transition:transform 90ms var(--ease-out), box-shadow .12s var(--ease-out)}}.air-status{min-height:1.25rem;font-size:var(--text-xs);letter-spacing:var(--tracking-tight);color:var(--exp-muted);margin-top:.25rem;line-height:1.25rem}.air-status[data-result=confirmed]{color:var(--exp-ink);font-weight:var(--weight-medium)}.air-stat{font-size:var(--text-xs);letter-spacing:var(--tracking-tight);color:var(--exp-muted);font-variant-numeric:tabular-nums}@media (max-width:640px){.air-cell{padding:.75rem .5rem .875rem}.air-cell-label{text-align:center;align-self:center;min-height:2.5em}.air-button{padding:0 .625rem}.air-status,.air-stat{text-align:center}}@media (pointer:coarse){.mm-go,.mm-chip,.air-button,.press-physical:not(.depth-card-actions .press-physical){min-height:var(--demo-hit);height:var(--demo-hit)}}.demo-frame button.air-button{touch-action:none}.air-button.press-physical:active:not([data-contact]){box-shadow:inset 0 0 0 1px var(--exp-object-line-strong), 0 1px 2px var(--exp-shadow-soft);transform:none}.demo-frame-placeholder[data-demo=ghost]{min-height:26rem}@media (max-width:640px){.demo-frame-placeholder[data-demo=ghost]{min-height:29rem}}