.sr-only-focusable,
a.skip-to-main {
 position: absolute;
 top: -40px;
 left: 0;
 background: #00e5ff;
 color: #000;
 padding: 8px 12px;
 z-index: 9999;
 font-family: 'Cinzel', serif;
 font-size: 0.85rem;
 letter-spacing: 0.1em;
 text-decoration: none;
 transition: top 0.2s;
 border-radius: 0 0 6px 0;
}
.sr-only-focusable:focus,
a.skip-to-main:focus { top: 0; }
*:focus-visible {
 outline: 2px solid #00e5ff;
 outline-offset: 2px;
 border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
 *,
 *::before,
 *::after {
 animation-duration: 0.01ms !important;
 animation-iteration-count: 1 !important;
 transition-duration: 0.01ms !important;
 scroll-behavior: auto !important;
 }
}
.error-msg,
.error,
[role="alert"].error {
 position: relative;
 padding-left: 1.5em;
 color: #ff6b6b;
}
.error-msg::before,
.error::before,
[role="alert"].error::before {
 content: "⚠ ";
 font-weight: bold;
 position: absolute;
 left: 0;
}
.success-msg::before {
 content: "✓ ";
 font-weight: bold;
}
@media (prefers-contrast: more) {
 body {
 color: #ffffff !important;
 }
 .muted,
 .secondary,
 [class*="muted"],
 [class*="secondary"] {
 color: rgba(255, 255, 255, 0.95) !important;
 }
}
.sr-only {
 position: absolute !important;
 width: 1px !important;
 height: 1px !important;
 padding: 0 !important;
 margin: -1px !important;
 overflow: hidden !important;
 clip: rect(0, 0, 0, 0) !important;
 white-space: nowrap !important;
 border: 0 !important;
}
@media (pointer: coarse) {
 button,
 [role="button"],
 a.btn,
 input[type="button"],
 input[type="submit"] {
 min-width: 44px;
 min-height: 44px;
 }
}
@media (forced-colors: active) {
 button,
 .btn {
 forced-color-adjust: none;
 border: 1px solid ButtonText;
 }
}