.term-card .term-preview.auth-card-preview{align-content:center;gap:var(--spacing-8);border-color:var(--line);background:var(--color-faint);min-height:150px;color:var(--muted);--preview-ink:var(--ink);--preview-muted:var(--muted);--preview-line:var(--line);--preview-accent:var(--ink);padding:11px 12px;display:grid;overflow:hidden}.auth-card-heading{justify-content:space-between;align-items:baseline;gap:7px;min-width:0;display:flex}.auth-card-heading small{color:var(--muted);font-size:8px;font-weight:var(--font-weight-semibold);letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.auth-card-heading strong{color:var(--ink);white-space:nowrap;font-size:9px}.auth-card-scene{border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--surface-card);gap:6px;min-width:0;padding:8px 9px;display:grid}.auth-card-scene.is-blocked{border-color:color-mix(in srgb, var(--ink) 22%, var(--line));background:color-mix(in srgb, var(--ink) 4%, var(--surface-card))}.auth-card-scene-copy{color:var(--muted);gap:2px;margin:0;font-size:8px;line-height:1.35;display:grid}.auth-card-scene-copy strong{color:var(--ink);font-size:9px;font-weight:var(--font-weight-bold)}.auth-card-scene-copy span{color:var(--muted);font-size:7px}.auth-card-try,.auth-card-reset{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--color-faint);color:var(--ink);font-size:8px;font-weight:var(--font-weight-semibold);cursor:pointer;justify-self:start;padding:4px 8px}.auth-card-try{border-color:color-mix(in srgb, var(--ink) 28%, var(--line));background:color-mix(in srgb, var(--ink) 6%, var(--surface-card))}.auth-card-try:focus-visible,.auth-card-reset:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 45%, transparent);outline-offset:1px}.auth-card-hint{color:var(--muted);margin:0;font-size:7px;line-height:1.3}.auth-story-steps,.auth-attention-list{gap:var(--spacing-12);counter-reset:auth-step;margin:0;padding:0;list-style:none;display:grid}.auth-story-steps>li,.auth-attention-list>li{min-width:0;padding:var(--spacing-12);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);counter-increment:auth-step;gap:4px;display:grid}.auth-story-steps>li:before,.auth-attention-list>li:before{content:counter(auth-step);border-radius:var(--radius-full);background:color-mix(in srgb, var(--ink) 8%, var(--surface-card));width:22px;height:22px;color:var(--ink);font-size:var(--text-caption);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;margin-bottom:2px;display:inline-flex}.auth-story-steps strong,.auth-attention-list strong{color:var(--ink);font-size:var(--text-ui)}.auth-story-steps p{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.auth-demo{gap:var(--spacing-12);display:grid}.auth-demo-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.auth-demo-summary{gap:var(--spacing-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.auth-demo-summary>div{min-width:0;padding:var(--spacing-12);border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--color-faint);gap:4px;display:grid}.auth-demo-summary small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.auth-demo-summary b{color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.auth-demo-summary b[data-state=need-login],.auth-demo-summary b[data-state=forbidden],.auth-demo-summary b[data-state=allowed]{color:var(--ink)}.auth-demo-identity{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.auth-demo-identity button,.auth-demo-secondary{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--surface-card);color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold);padding:8px 14px}.auth-demo .auth-demo-identity button:hover,.auth-demo .auth-demo-secondary:hover{border-color:var(--color-deco);background:var(--color-faint);color:var(--ink)}.auth-demo-identity button.is-selected,.auth-demo-identity button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 35%, var(--line));background:color-mix(in srgb, var(--ink) 8%, var(--surface-card));color:var(--ink)}.auth-demo-identity button:focus-visible,.auth-demo-checks input:focus-visible,.term-interactive-demo.auth-demo .auth-cta:focus-visible,.auth-demo-secondary:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 45%, transparent);outline-offset:2px}.auth-demo-secondary:disabled{opacity:.45;cursor:not-allowed}.auth-demo-logout-hint{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-body);margin:-4px 0 0}.auth-demo-code-note{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-medium);margin-left:4px;display:inline}.auth-demo-checks{gap:var(--spacing-8);display:grid}.auth-demo-checks label{align-items:flex-start;gap:var(--spacing-8);border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--surface-card);min-width:0;color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-medium);cursor:pointer;padding:10px 12px;display:flex}.auth-demo-checks label:has(input:checked){border-color:color-mix(in srgb, var(--ink) 30%, var(--line));background:color-mix(in srgb, var(--ink) 5%, var(--surface-card))}.auth-demo-checks input[type=checkbox]{width:16px;min-width:16px;height:16px;min-height:16px;accent-color:var(--ink);flex:none;margin:2px 0 0}.auth-demo-checks label>span{min-width:0;line-height:var(--leading-body)}.auth-demo-actions{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.term-interactive-demo.auth-demo .auth-cta{font-size:var(--text-body);font-weight:var(--font-weight-semibold);padding:10px 18px;border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.term-interactive-demo.auth-demo .auth-cta:hover{background:color-mix(in srgb, var(--color-rausch-600) 88%, #000)!important}.auth-demo-result{min-width:0;padding:var(--spacing-12);border:1px solid var(--line);border-left:4px solid var(--color-deco);border-radius:var(--radius-inputs);background:var(--surface-card);color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);gap:6px;display:grid}.auth-demo-result.is-need-login,.auth-demo-result.is-forbidden{background:#fff3f3;border-left-color:#c57779}.auth-demo-result.is-allowed{background:#f0faf3;border-left-color:#5d9a74}.auth-demo-result strong{color:var(--ink);font-size:var(--text-ui)}.auth-demo-result p,.auth-demo-result ul{margin:0}.auth-demo-result ul{color:var(--ink);padding-left:1.2em}.auth-demo-status{border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--color-faint);color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0;padding:10px 12px}.auth-examples{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.auth-examples article{min-width:0;padding:var(--spacing-12);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);gap:8px;display:grid}.auth-examples article.is-good{border-color:color-mix(in srgb, #3b835e 35%, var(--line));background:color-mix(in srgb, #3b835e 5%, var(--surface-card))}.auth-examples article.is-bad{border-color:color-mix(in srgb, #b65b49 32%, var(--line));background:color-mix(in srgb, #b65b49 6%, var(--surface-card))}.auth-examples header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.auth-examples strong{color:var(--ink);font-size:var(--text-ui)}.auth-examples small{color:var(--muted);font-size:var(--text-caption)}.auth-examples p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.auth-examples span{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-body)}.auth-when-grid{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.auth-when-grid article{min-width:0;padding:var(--spacing-12);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-faint);gap:6px;display:grid}.auth-when-grid b{color:var(--ink);font-size:var(--text-ui)}.auth-when-grid p{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}@media (max-width:780px){.auth-examples,.auth-when-grid,.auth-demo-summary{grid-template-columns:1fr}.auth-demo-actions{flex-direction:column}.auth-demo-primary,.auth-demo-secondary{width:100%}}