header{display:block}.back-to-top{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);z-index:var(--z-sticky);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;background-color:var(--color-interactive-primary);color:var(--color-text-inverse);cursor:pointer;border-radius:var(--radius-full);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-linear),visibility var(--duration-normal) var(--ease-linear),transform var(--duration-normal) var(--ease-out)}.back-to-top--visible{opacity:1;visibility:visible}.back-to-top:hover{background-color:var(--color-interactive-primary-hover);transform:translateY(-2px) scale(1.08)}.back-to-top:active{transform:translateY(0) scale(.95)}.back-to-top:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}.back-to-top:hover,.back-to-top:active{transform:none}}.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-banner);display:none;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-surface-elevated);border-top:var(--border-thin) solid var(--color-border-default);box-shadow:var(--shadow-lg)}.cookie-consent--visible{display:flex}.cookie-consent__text{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;max-width:none}.cookie-consent__actions{display:flex;gap:var(--spacing-2);flex-shrink:0}.cookie-consent__btn{padding:var(--spacing-1-5) var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-linear)}.cookie-consent__btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.cookie-consent__btn--accept{background-color:var(--color-interactive-primary);color:var(--color-text-inverse);border:none}.cookie-consent__btn--accept:hover{background-color:var(--color-interactive-primary-hover)}.cookie-consent__btn--decline{background-color:transparent;color:var(--color-text-secondary);border:var(--border-thin) solid var(--color-border-default)}.cookie-consent__btn--decline:hover{background-color:var(--color-interactive-secondary-hover)}@media(width>=768px){.cookie-consent{bottom:var(--spacing-6);left:var(--spacing-6);right:var(--spacing-6);max-width:48rem;margin-inline:auto;border-radius:var(--radius-lg);border:var(--border-thin) solid var(--color-border-default)}}.search-overlay{position:fixed;inset:0;z-index:var(--z-modal, 1000);display:none;align-items:flex-start;justify-content:center;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:var(--spacing-4);padding-top:10vh}.search-overlay--open{display:flex}[data-theme=dark] .search-overlay{background-color:#000000b3}.search-modal{width:100%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;background-color:var(--color-surface-elevated, #fff);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-2xl, 0 25px 50px rgba(0,0,0,.25));overflow:hidden;animation:search-modal-in .2s ease-out}[data-theme=dark] .search-modal{background-color:var(--color-surface-elevated, #1e1e2e);box-shadow:0 25px 50px #00000080}@keyframes search-modal-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-modal__header{display:flex;align-items:center;gap:var(--spacing-2, 8px);padding:var(--spacing-4, 16px);border-bottom:1px solid var(--color-border-default, #e5e7eb)}[data-theme=dark] .search-modal__header{border-bottom-color:var(--color-border-default, #374151)}.search-modal__input-wrapper{flex:1;display:flex;align-items:center;gap:var(--spacing-3, 12px);padding:0 var(--spacing-3, 12px);background-color:var(--color-surface-card, #f9fafb);border:1px solid var(--color-border-default, #e5e7eb);border-radius:var(--radius-lg, 12px);transition:border-color .15s ease,box-shadow .15s ease}[data-theme=dark] .search-modal__input-wrapper{background-color:var(--color-surface-card, #2a2a3e);border-color:var(--color-border-default, #4a4a5e)}.search-modal__input-wrapper:focus-within{border-color:var(--color-interactive-primary, #0B7A8A);box-shadow:0 0 0 3px #0b7a8a26}.search-modal__search-icon{flex-shrink:0;color:var(--color-text-tertiary, #9ca3af)}.search-modal__input{flex:1;height:44px;border:none;background:transparent;font-size:var(--text-base, 16px);font-family:var(--font-primary, "Inter", sans-serif);color:var(--color-text-primary, #111827);outline:none}[data-theme=dark] .search-modal__input{color:var(--color-text-primary, #f3f4f6)}.search-modal__input::placeholder{color:var(--color-text-tertiary, #9ca3af)}.search-modal__shortcut{flex-shrink:0;display:none;align-items:center;padding:2px 6px;font-size:11px;font-family:var(--font-mono, monospace);color:var(--color-text-tertiary, #9ca3af);background-color:var(--color-surface-card, #f3f4f6);border:1px solid var(--color-border-default, #e5e7eb);border-radius:var(--radius-sm, 4px);line-height:1.4}[data-theme=dark] .search-modal__shortcut{background-color:var(--color-surface-card, #374151);border-color:var(--color-border-default, #4b5563)}@media(width>=640px){.search-modal__shortcut{display:inline-flex}}.search-modal__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:none;color:var(--color-text-secondary, #6b7280);cursor:pointer;border-radius:var(--radius-sm, 6px);transition:background-color .15s ease,color .15s ease}.search-modal__close:hover{background-color:var(--color-interactive-secondary-hover, #f3f4f6);color:var(--color-text-primary, #111827)}[data-theme=dark] .search-modal__close:hover{background-color:var(--color-interactive-secondary-hover, #374151)}.search-modal__close:focus-visible{outline:2px solid var(--color-border-focus, #0B7A8A);outline-offset:2px}.search-modal__body{flex:1;overflow-y:auto;min-height:200px;max-height:calc(80vh - 120px)}.search-modal__no-results{display:none;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12, 48px) var(--spacing-6, 24px);text-align:center;color:var(--color-text-tertiary, #9ca3af)}.search-modal__no-results:not([hidden]){display:flex}.search-modal__no-results svg{margin-bottom:var(--spacing-4, 16px);opacity:.5}.search-modal__no-results-title{font-size:var(--text-lg, 18px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #111827);margin:0}[data-theme=dark] .search-modal__no-results-title{color:var(--color-text-primary, #f3f4f6)}.search-modal__results{list-style:none;margin:0;padding:var(--spacing-2, 8px)}.search-modal__category{padding:var(--spacing-2, 8px) var(--spacing-3, 12px);font-size:var(--text-xs, 12px);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:var(--tracking-wide, .05em);color:var(--color-text-tertiary, #9ca3af);pointer-events:none}[data-theme=dark] .search-modal__category{color:var(--color-text-tertiary, #9ca3af)}.search-modal__result{margin:0}.search-modal__result--alt .search-modal__result-link{background-color:#00000008}[data-theme=dark] .search-modal__result--alt .search-modal__result-link{background-color:#ffffff09}.search-modal__result-link{display:block;padding:var(--spacing-2-5, 10px) var(--spacing-3, 12px);border-radius:var(--radius-md, 8px);text-decoration:none;font-size:var(--text-sm, 14px);font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary, #111827);transition:background-color .1s ease}[data-theme=dark] .search-modal__result-link{color:var(--color-text-primary, #f3f4f6)}.search-modal__result-link:hover,.search-modal__result--active .search-modal__result-link{background-color:var(--color-interactive-secondary-hover, #f3f4f6)}[data-theme=dark] .search-modal__result-link:hover,[data-theme=dark] .search-modal__result--active .search-modal__result-link{background-color:var(--color-interactive-secondary-hover, #374151)}.search-modal__result-link mark{background-color:#0b7a8a26;color:var(--color-interactive-primary, #0B7A8A);border-radius:2px;padding:0 1px}[data-theme=dark] .search-modal__result-link mark{background-color:#0b7a8a4d;color:var(--color-interactive-primary-light, #4db8c6)}.search-modal__result-desc{font-size:var(--text-xs, 12px);font-weight:var(--font-weight-regular, 400);color:var(--color-text-tertiary, #9ca3af);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-modal__footer{display:none;align-items:center;justify-content:space-between;padding:var(--spacing-2, 8px) var(--spacing-4, 16px);border-top:1px solid var(--color-border-default, #e5e7eb)}[data-theme=dark] .search-modal__footer{border-top-color:var(--color-border-default, #374151)}@media(width>=640px){.search-modal__footer{display:flex}}.search-modal__footer-actions{display:flex;align-items:center;gap:2px}.search-modal__footer-btn{display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border:none;background:none;color:var(--color-text-tertiary, #9ca3af);cursor:pointer;border-radius:var(--radius-sm, 4px);font-size:11px;font-family:var(--font-primary, "Inter", sans-serif);transition:background-color .12s ease,color .12s ease}.search-modal__footer-btn:hover{background-color:var(--color-interactive-secondary-hover, #f3f4f6);color:var(--color-text-primary, #111827)}[data-theme=dark] .search-modal__footer-btn:hover{background-color:var(--color-interactive-secondary-hover, #374151);color:var(--color-text-primary, #f3f4f6)}.search-modal__footer-btn:focus-visible{outline:2px solid var(--color-border-focus, #0B7A8A);outline-offset:1px}.search-modal__footer-btn-label{display:none}@media(width>=768px){.search-modal__footer-btn-label{display:inline}}.search-modal__footer-divider{display:inline-block;width:1px;height:14px;background-color:var(--color-border-default, #e5e7eb);margin:0 2px}[data-theme=dark] .search-modal__footer-divider{background-color:var(--color-border-default, #374151)}.search-modal__footer-count{font-size:11px;color:var(--color-text-tertiary, #9ca3af);margin-left:auto}@media(prefers-reduced-motion:reduce){.search-modal{animation:none}}