.cla-wrap{max-width:36rem;padding:calc(var(--nav-h,56px) + var(--space-xl)) var(--space-md) var(--space-2xl);color:var(--ink);font-family:var(--font-body);margin:0 auto}.cla-hero{margin-bottom:var(--space-lg)}.cla-eyebrow{margin:0 0 var(--space-xs);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.cla-title{margin:0 0 var(--space-sm);font-size:var(--text-2xl);line-height:var(--leading-tight)}.cla-lede{color:var(--ink-dim);line-height:var(--leading-normal);margin:0}.cla-lede a,.cla-muted a,.cla-foot a{color:var(--accent)}.cla-card{background:var(--surface-1);border:1px solid var(--stroke);border-radius:var(--radius-card,var(--radius-lg));padding:var(--space-lg);box-shadow:var(--shadow-1);animation:cla-enter var(--duration-base) var(--ease-standard) both}@keyframes cla-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cla-card-title{margin:0 0 var(--space-xs);font-size:var(--text-lg)}.cla-muted{color:var(--ink-dim);line-height:var(--leading-normal);margin:0}.cla-code{margin:var(--space-sm) 0 var(--space-xs);padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:.18em;border:1px dashed var(--stroke-strong);border-radius:var(--radius-md);background:var(--surface-2);-webkit-user-select:all;user-select:all;display:inline-block}.cla-meta{gap:var(--space-2xs) var(--space-md);margin:var(--space-md) 0;font-size:var(--text-sm);grid-template-columns:auto 1fr;display:grid}.cla-meta dt{color:var(--ink-dim)}.cla-meta dd{overflow-wrap:anywhere;margin:0}.cla-scopes{margin:var(--space-sm) 0 var(--space-md);border-top:1px solid var(--stroke);padding:0;list-style:none}.cla-scope{border-bottom:1px solid var(--stroke)}.cla-scope label{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-2xs);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-standard);display:flex}.cla-scope label:hover{background:var(--surface-2)}.cla-scope input{accent-color:var(--accent);flex:none;width:1rem;height:1rem;margin-top:.2rem}.cla-scope input:focus-visible{outline:var(--focus-ring-width,2px) solid var(--focus-ring-color,var(--accent));outline-offset:2px}.cla-scope-name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-dim);display:block}.cla-badge{margin-left:var(--space-xs);padding:0 var(--space-xs);font-size:var(--text-2xs,.7rem);border-radius:var(--radius-pill);color:var(--warn,#f5a524);vertical-align:middle;border:1px solid;display:inline-block}.cla-warn{margin:var(--space-md) 0;padding:var(--space-sm) var(--space-md);border-left:3px solid var(--warn,#f5a524);background:var(--surface-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--ink)}.cla-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.cla-actions .btn{flex:10rem;justify-content:center}.cla-form{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.cla-input{min-width:0;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--surface-2);border:1px solid var(--stroke-strong);border-radius:var(--radius-control,var(--radius-md));transition:border-color var(--duration-fast) var(--ease-standard);flex:12rem}.cla-input:hover{border-color:var(--ink-dim)}.cla-input:focus-visible{outline:var(--focus-ring-width,2px) solid var(--focus-ring-color,var(--accent));outline-offset:2px}.cla-error{margin:var(--space-sm) 0 0;color:var(--danger);font-size:var(--text-sm)}.cla-status-icon{width:2.75rem;height:2.75rem;margin-bottom:var(--space-sm);background:var(--surface-2);border-radius:50%;place-items:center;font-size:1.4rem;display:grid}.cla-status-icon[data-tone=ok]{color:var(--success)}.cla-status-icon[data-tone=bad]{color:var(--danger)}.cla-skeleton{background:linear-gradient(90deg, var(--skeleton-base,var(--surface-2)) 25%, var(--skeleton-sheen,var(--surface-3)) 50%, var(--skeleton-base,var(--surface-2)) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite cla-shimmer}@keyframes cla-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cla-foot{margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--ink-dim)}.cla-foot code,.cla-muted code{font-family:var(--font-mono);font-size:.92em}@media (prefers-reduced-motion:reduce){.cla-skeleton,.cla-card{animation:none}.cla-scope label,.cla-input{transition:none}}