/* Shared, theme-aware interface icons. No external fonts or runtime dependencies. */
.feature .icon { color: #eee6fa; background: #271a36; border: 1px solid #564165; border-radius: 14px; box-shadow: none; }
.feature .icon::after { display: none; }
.feature .icon svg { width: 28px; height: 28px; stroke: currentColor; filter: none; }
.community-icon { color: #f8e8bf; background: #312438; border: 1px solid #66506c; border-radius: 16px; box-shadow: none; }
.community-icon svg { width: 30px; height: 30px; stroke: currentColor; }
[data-theme="light"] .feature .icon { color: #44264f; background: #fff; border-color: #d9c9df; }
[data-theme="light"] .community-icon { color: #44264f; background: #fff; border-color: #d9c9df; }
.button svg { width: 20px; height: 20px; flex-shrink: 0; }
.button.primary, html[data-theme="light"] .button.primary { background: #f4b747; color: #281522; box-shadow: 0 8px 22px rgba(120, 74, 12, .12); }
.button.primary:hover, html[data-theme="light"] .button.primary:hover { background: #edac35; }
.button .button-icon { width: 18px; height: 18px; stroke-width: 2.25; }
.trust { gap: 10px; }
.trust span { min-height: 38px; padding: 7px 13px; gap: 9px; font-size: 13px; font-weight: 500; color: #eee7ef; background: #221925; border-color: #4a394f; box-shadow: none; }
.trust svg { width: 18px; height: 18px; flex-shrink: 0; stroke: none; }
.trust svg, html[data-theme="light"] .trust svg { stroke: none; }
.intro-languages article[hidden] { display: none; }
.language-document[hidden] { display: none; }
.intro-languages { grid-template-columns: 1fr; }
.trust .apple-mark { color: #fff; fill: currentColor; }
.trust .google-mark { background: #fff; border-radius: 50%; padding: 3px; box-sizing: content-box; }
.trust .security-mark { color: #dbbb7b; fill: none; }
html[data-theme="light"] .trust span { color: #382a3b; background: #fff; border-color: #dfd3e2; box-shadow: none; }
html[data-theme="light"] .trust .apple-mark { color: #181818; }
html[data-theme="light"] .trust .security-mark { color: #765321; }
.theme-toggle:focus-visible, .button:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }