.ex-heading{color:var(--app-fg);letter-spacing:-.01em}.ex-muted{color:var(--app-muted-fg)}.ex-eyebrow{color:var(--app-muted-fg);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ex-accent{color:var(--app-action)}.ex-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:calc(var(--app-radius) + 4px);box-shadow:var(--app-elevation-raised)}.ex-card-interactive{cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.ex-card-interactive:hover{border-color:var(--app-border-strong);box-shadow:var(--app-elevation-raised-hover);transform:translateY(-2px)}.ex-card-selected,.ex-card-interactive.ex-card-selected:hover{border-color:var(--app-action);background:color-mix(in oklab,var(--app-action) 6%,var(--app-card));box-shadow:var(--app-elevation-raised-hover)}.ex-panel{background:var(--app-card);border:1px solid var(--app-border);border-radius:1rem;box-shadow:0 16px 50px color-mix(in oklab,var(--app-fg) 5%,transparent)}.ex-inset{background:var(--app-muted);border:1px solid var(--app-border);border-radius:var(--app-radius)}.ex-tile{display:grid;place-items:center;border-radius:calc(var(--app-radius) + 2px);background:color-mix(in oklab,var(--app-brand) 12%,transparent);color:var(--app-brand)}.ex-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:var(--app-radius);font-size:.875rem;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.ex-btn:disabled{cursor:not-allowed;opacity:.5}.ex-btn-action{background:var(--app-action);color:var(--app-action-fg)}.ex-btn-action:hover:not(:disabled){background:var(--app-action-hover)}.ex-btn-action:disabled{background:var(--app-muted);color:var(--app-muted-fg)}.ex-btn-outline{background:var(--app-card);border-color:var(--app-border);color:var(--app-fg)}.ex-btn-outline:hover:not(:disabled){background:var(--app-muted);border-color:var(--app-border-strong)}.ex-field{width:100%;background:color-mix(in oklab,var(--app-bg) 70%,var(--app-card));border:1px solid var(--app-border);border-radius:var(--app-radius);color:var(--app-fg);font-size:.875rem}.ex-field::-moz-placeholder{color:color-mix(in oklab,var(--app-muted-fg) 70%,transparent)}.ex-field::placeholder{color:color-mix(in oklab,var(--app-muted-fg) 70%,transparent)}.ex-field:focus{border-color:var(--app-action);outline:2px solid color-mix(in oklab,var(--app-action) 35%,transparent);outline-offset:-1px}.ex-option{display:block;width:100%;background:color-mix(in oklab,var(--app-bg) 70%,var(--app-card));border:1px solid var(--app-border);border-radius:var(--app-radius);color:var(--app-fg);text-align:start;transition:background .15s ease,border-color .15s ease}.ex-option:hover{background:var(--app-muted);border-color:var(--app-border-strong)}.ex-option-selected,.ex-option-selected:hover{background:color-mix(in oklab,var(--app-action) 10%,var(--app-card));border-color:var(--app-action)}.ex-radio{display:grid;place-items:center;border:2px solid var(--app-border-strong);border-radius:9999px}.ex-option-selected .ex-radio{background:var(--app-action);border-color:var(--app-action);color:var(--app-action-fg)}.ex-range{accent-color:var(--app-action)}.ex-pill{border:1px solid var(--app-border);background:var(--app-muted);border-radius:calc(var(--app-radius) - 2px);color:var(--app-muted-fg);font-size:.75rem;font-weight:700;transition:background .15s ease,border-color .15s ease,color .15s ease}.ex-pill:hover{border-color:var(--app-border-strong);color:var(--app-fg)}.ex-pill-answered{background:color-mix(in oklab,var(--app-action) 12%,var(--app-card));border-color:color-mix(in oklab,var(--app-action) 35%,var(--app-border));color:var(--app-action)}.ex-pill-current,.ex-pill-current:hover{background:var(--app-action);border-color:transparent;color:var(--app-action-fg)}.ex-chip{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;font-size:.6875rem;font-weight:600;padding:.125rem .5rem}.ex-chip-neutral{background:var(--app-muted);color:var(--app-muted-fg)}.ex-chip-brand{background:color-mix(in oklab,var(--app-action) 12%,transparent);color:var(--app-action)}.ex-chip-solid{background:var(--app-action);color:var(--app-action-fg)}.ex-chip-warning{background:color-mix(in oklab,var(--app-warning) 20%,transparent);color:var(--app-warning-text)}.ex-meter{background:var(--app-track);border-radius:9999px;overflow:hidden}.ex-meter-fill{background:var(--app-action);border-radius:9999px;height:100%;transition:width .5s ease}.ex-meter-fill-warning{background:var(--app-warning)}.ex-meter-fill-danger{background:var(--app-destructive)}.ex-notice{border:1px solid;border-radius:var(--app-radius)}.ex-notice-info{background:color-mix(in oklab,var(--app-info) 10%,transparent);border-color:color-mix(in oklab,var(--app-info) 30%,transparent);color:var(--app-info-text)}.ex-notice-warning{background:color-mix(in oklab,var(--app-warning) 12%,transparent);border-color:color-mix(in oklab,var(--app-warning) 35%,transparent);color:var(--app-warning-text)}.ex-notice-danger{background:color-mix(in oklab,var(--app-destructive) 10%,transparent);border-color:color-mix(in oklab,var(--app-destructive) 30%,transparent);color:var(--app-destructive-text)}.ex-verdict{border-left-width:3px}.ex-verdict-correct{border-left-color:var(--app-success)}.ex-verdict-partial{border-left-color:var(--app-warning)}.ex-verdict-wrong{border-left-color:var(--app-destructive)}.ex-text-success{color:var(--app-success-text)}.ex-text-warning{color:var(--app-warning-text)}.ex-text-danger{color:var(--app-destructive-text)}@media(prefers-reduced-motion:reduce){.ex-card-interactive,.ex-btn,.ex-option,.ex-pill,.ex-meter-fill{transition:none}.ex-card-interactive:hover{transform:none}}.ex-icon-btn{display:grid;place-items:center;border:1px solid var(--app-sidebar-border);border-radius:9px;color:var(--app-fg);transition:background .15s ease,color .15s ease}.ex-icon-btn:hover{background:var(--app-sidebar-accent)}
