.app-code{border-radius:var(--radius-sm);background:var(--color-raised);padding:.1em .4em;font-size:var(--text-caption);color:var(--color-ink-1)}.app-chip,.app-code{font-family:var(--font-mono)}.app-chip{display:inline-flex;align-items:center;border:1px solid var(--color-rule);border-radius:9999px;padding:.3rem .75rem;font-size:var(--text-label);line-height:var(--text-label--line-height);letter-spacing:var(--text-label--letter-spacing);text-transform:uppercase;font-weight:500;color:var(--color-ink-3);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.app-chip:hover{border-color:var(--color-rule-strong);color:var(--color-ink-1)}.app-chip[aria-current=page]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.app-kind{display:inline-flex;align-items:center;border-radius:var(--radius-xs);padding:.15rem .4rem;font-family:var(--font-mono);font-size:var(--text-label);line-height:var(--text-label--line-height);letter-spacing:var(--text-label--letter-spacing);text-transform:uppercase;font-weight:500;color:var(--color-ink-2);background:var(--color-hover)}.app-kind[data-kind=ai]{color:var(--color-accent);background:var(--color-accent-soft)}.app-notice{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);padding:.9rem 1rem;font-size:var(--text-small);line-height:var(--text-small--line-height);color:var(--color-ink-1)}.app-notice--error{border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger)}.app-notice--success{border-color:var(--color-status-completed);background:var(--color-status-completed-bg)}.app-notice-mark{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--color-status-completed);color:var(--color-bg);font-weight:700}.app-level-rise{margin-top:.625rem;border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent-soft);padding:.5rem .75rem;font-size:var(--text-caption);font-weight:600;color:var(--color-accent)}.app-switch{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--color-rule-strong);border-radius:9999px;padding:.35rem .65rem;font-size:var(--text-label);font-weight:600;color:var(--color-ink-1);background:transparent;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard)}.app-switch:hover{border-color:var(--color-ink-4)}.app-switch-track{position:relative;display:inline-block;width:1.75rem;height:1rem;border-radius:9999px;background:var(--color-rule-strong);transition:background-color var(--duration-fast) var(--ease-standard)}.app-switch[aria-checked=true] .app-switch-track{background:var(--color-accent-strong)}.app-switch-knob{position:absolute;top:.125rem;left:.125rem;width:.75rem;height:.75rem;border-radius:50%;background:var(--color-ink);transition:transform var(--duration-fast) var(--ease-standard)}.app-switch[aria-checked=true] .app-switch-knob{transform:translateX(.75rem)}@media (prefers-reduced-motion:reduce){.app-chip,.app-switch,.app-switch-knob,.app-switch-track{transition:none!important}}