@layer theme,base;@layer components{.app-logo{color:var(--text-primary);transition:color var(--duration-fast) ease;font-size:1.125rem;font-weight:700;text-decoration:none}.app-logo:hover{color:var(--app-logo-hover,var(--color-brand-500))}.app-nav{align-items:center;gap:.25rem;margin-left:1rem;display:flex}.app-nav-link{border-radius:var(--radius-lg);color:var(--text-secondary);transition:color var(--duration-fast) ease, background-color var(--duration-fast) ease;padding:.375rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:block}.app-nav-link:hover{background-color:var(--app-nav-hover-bg,var(--surface-secondary));color:var(--text-primary)}.app-spacer{flex:1}.app-actions{align-items:center;gap:.5rem;display:flex}.app-subscribe-btn{border-radius:var(--radius-lg);color:#fff;background-color:var(--color-brand-500);transition:background-color var(--duration-fast) ease;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.app-subscribe-btn:hover{background-color:var(--color-brand-600)}.app-search-overlay{inset-inline:0;z-index:50;height:var(--app-header-h,3.5rem);border-bottom:1px solid var(--border-primary);background-color:var(--app-search-bg,var(--surface-primary));align-items:center;gap:.5rem;padding-inline:1rem;display:flex;position:fixed;top:0}.app-search-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.875rem}.app-search-input::placeholder{color:var(--text-muted)}.app-search-inline{border-radius:var(--radius-lg);border:1px solid var(--border-primary);background-color:var(--surface-secondary);transition:border-color var(--duration-fast) ease;align-items:center;gap:.5rem;padding:.375rem .75rem;display:flex}.app-search-inline:focus-within{border-color:var(--color-accent-500)}.app-search-inline svg{color:var(--text-muted);flex-shrink:0}.app-search-inline input{width:12rem;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.875rem}.app-search-inline input::placeholder{color:var(--text-muted)}.app-search-inline .icon-btn{padding:0}}@layer utilities;