:root{--ring:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}a,button,.btn,.ui-card,.ui-input,.theme-toggle,.nav-link{transition:background-color var(--duration,.2s) var(--ease,ease), border-color var(--duration,.2s) var(--ease,ease), color var(--duration,.2s) var(--ease,ease), opacity var(--duration,.2s) var(--ease,ease)}:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm);outline:none}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:8px 16px;font-size:14px}.btn-lg{padding:14px 26px;font-size:16px}.btn-block{width:100%}.btn-primary{background:var(--accent);color:var(--accent-text,#000);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.ui-card-hover:hover{border-color:var(--border-strong);background:var(--surface-hover)}.ui-input{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:11px 12px;font-size:15px}.ui-input::placeholder{color:var(--text-faint)}.ui-input:hover{border-color:var(--border-strong)}.site-nav{z-index:50;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);position:sticky;top:0}.site-nav-inner{max-width:var(--content-max,72rem);height:var(--nav-height,64px);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.brand{font-family:var(--font-space-grotesk), sans-serif;color:var(--accent);letter-spacing:-.01em;font-size:19px;font-weight:700}.nav-desktop{align-items:center;gap:22px;display:flex}.nav-link{color:var(--text-muted);font-size:14px;font-weight:500}.nav-link:hover{color:var(--text)}.nav-mobile-actions{align-items:center;gap:8px;display:none}.nav-burger{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--text);justify-content:center;align-items:center;display:inline-flex}.nav-burger:hover{background:var(--surface-hover)}.nav-mobile-panel{border-top:1px solid var(--border);background:var(--bg);flex-direction:column;gap:4px;padding:12px 24px 20px;display:flex}.nav-mobile-link{color:var(--text);padding:10px 0;font-size:16px;font-weight:500}.nav-mobile-link:hover{color:var(--accent)}@media (max-width:760px){.nav-desktop{display:none}.nav-mobile-actions{display:flex}}.theme-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text);justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--border-strong)}.ui-input:focus{border-color:var(--accent);outline:none}.ui-input-wrap{align-items:center;display:flex;position:relative}.ui-input-wrap .ui-input{padding-right:42px}.input-affix{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-faint);background:0 0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-affix:hover{color:var(--text);background:var(--surface-hover)}.skip-link{z-index:100;background:var(--accent);color:var(--accent-text,#000);border-radius:var(--radius-sm);transition:top var(--duration,.2s) var(--ease,ease);padding:10px 16px;font-weight:600;position:absolute;top:-56px;left:8px}.skip-link:focus{top:8px}.link-accent{color:var(--accent);font-weight:600}.link-accent:hover{color:var(--accent-hover)}