[x-cloak] { display: none !important; }
        .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .group-text-clamped { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
        .home-hero-title { font-family: 'Outfit', ui-sans-serif, system-ui, sans-serif; font-weight: 700; letter-spacing: -0.035em; }
        @media (min-width: 1024px) { .home-hero-title { font-weight: 700; letter-spacing: -0.04em; } }
        html { overflow-x: clip; }
        #mobile-menu-backdrop { background-color: rgb(2 6 23 / .74); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
        #mobile-menu { width: 100vw; max-width: 100%; }
        @media (min-width: 640px) { #mobile-menu { width: 20rem; } }
        html.dark { color-scheme: dark; --tw-ring-offset-color: #111827; }
        html.dark body { background: #0b1220; color: #e2e8f0; }
        html.dark body > nav, html.dark footer, html.dark .bg-white { background-color: #111827; }
        html.dark [class~="bg-white/70"], html.dark [class~="bg-white/80"] { background-color: #1e293b; }
        html.dark .bg-gray-50, html.dark .bg-slate-50, html.dark [class~="bg-slate-50/70"] { background-color: #0f172a; }
        html.dark .bg-gray-100, html.dark .bg-slate-100, html.dark .bg-gray-200, html.dark .bg-slate-200 { background-color: #1e293b; }
        html.dark .bg-emerald-50, html.dark .bg-emerald-100, html.dark [class~="bg-emerald-50/70"] { background-color: #12372f; }
        html.dark .bg-amber-50, html.dark .bg-amber-100, html.dark [class~="bg-amber-50/60"], html.dark [class~="bg-amber-50/70"] { background-color: #3b2e16; }
        html.dark .bg-red-50, html.dark .bg-red-100, html.dark [class~="bg-red-50/60"] { background-color: #3b2028; }
        html.dark .bg-green-50, html.dark .bg-green-100 { background-color: #12372b; }
        html.dark .bg-blue-50, html.dark .bg-blue-100 { background-color: #172f4a; }
        html.dark .border-gray-100, html.dark .border-gray-200, html.dark .border-gray-300,
        html.dark .border-slate-100, html.dark .border-slate-200, html.dark .border-slate-300 { border-color: #334155; }
        html.dark [class~="border-slate-200/90"] { border-color: #334155; }
        html.dark .border-emerald-100, html.dark .border-emerald-200, html.dark .border-emerald-300 { border-color: #24584a; }
        html.dark .border-amber-100, html.dark .border-amber-200 { border-color: #6b5124; }
        html.dark .border-red-100, html.dark .border-red-200 { border-color: #713341; }
        html.dark .text-gray-950, html.dark .text-gray-900, html.dark .text-gray-800,
        html.dark .text-slate-950, html.dark .text-slate-900, html.dark .text-slate-800 { color: #f8fafc; }
        html.dark .text-gray-700, html.dark .text-gray-600, html.dark .text-gray-500,
        html.dark .text-slate-700, html.dark .text-slate-600, html.dark .text-slate-500, html.dark .text-slate-400 { color: #cbd5e1; }
        html.dark .text-gray-400, html.dark .text-slate-400 { color: #94a3b8; }
        html.dark .text-emerald-500, html.dark .text-emerald-600, html.dark .text-emerald-700, html.dark .text-emerald-800, html.dark .text-emerald-900 { color: #6ee7b7; }
        html.dark .text-amber-600, html.dark .text-amber-700, html.dark .text-amber-800, html.dark .text-amber-900, html.dark .text-amber-950 { color: #fcd34d; }
        html.dark .recovery-phrase-panel { background-color: #172033; border-color: #334155; }
        html.dark .recovery-phrase-panel .recovery-phrase-title,
        html.dark .recovery-phrase-panel .recovery-phrase-value { color: #f8fafc; }
        html.dark .recovery-phrase-panel .recovery-phrase-description { color: #cbd5e1; }
        html.dark .recovery-phrase-panel .recovery-phrase-value { background-color: #0f172a; border-color: #475569; }
        html.dark .text-red-600, html.dark .text-red-700, html.dark .text-red-800 { color: #fda4af; }
        html.dark .text-green-500, html.dark .text-green-600, html.dark .text-green-700, html.dark .text-green-800 { color: #86efac; }
        html.dark .text-blue-600, html.dark .text-blue-700, html.dark .text-blue-800, html.dark .text-sky-600 { color: #93c5fd; }
        html.dark .text-teal-500 { color: #5eead4; }
        html.dark input:not([type="checkbox"]):not([type="radio"]), html.dark select, html.dark textarea {
            border-color: #475569; background-color: #0f172a; color: #e2e8f0; color-scheme: dark;
        }
        html.dark input::placeholder, html.dark textarea::placeholder { color: #94a3b8; opacity: 1; }
        html.dark option { background: #111827; color: #e2e8f0; }
        html.dark .hover\:bg-gray-50:hover, html.dark .hover\:bg-gray-100:hover,
        html.dark .hover\:bg-slate-50:hover, html.dark .hover\:bg-slate-100:hover,
        html.dark .hover\:bg-white:hover { background-color: #263449; }
        html.dark [class~="hover:bg-emerald-50/60"]:hover { background-color: #1d4a3d; }
        html.dark .hover\:text-gray-900:hover, html.dark .hover\:text-slate-900:hover { color: #f8fafc; }
        html.dark .from-emerald-50 { --tw-gradient-from: #12372f var(--tw-gradient-from-position); --tw-gradient-to: rgb(18 55 47 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
        html.dark .via-white { --tw-gradient-via: #111827 var(--tw-gradient-via-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to); }
        html.dark .to-slate-50 { --tw-gradient-to: #0f172a var(--tw-gradient-to-position); }
        html.dark .to-emerald-100 { --tw-gradient-to: #1d4a3d var(--tw-gradient-to-position); }
        .mobile-menu-link { display: block; border-radius: .5rem; padding: .625rem .75rem; font-size: .875rem; color: #4b5563; }
        .mobile-menu-link:hover { background: #f9fafb; color: #111827; }
        html.dark .mobile-menu-link { color: #cbd5e1; }
        html.dark .mobile-menu-link:hover { background: #1e293b; color: #f8fafc; }
        html.dark .prose, html.dark .prose :where(p, li, blockquote, figcaption) { color: #cbd5e1; }
        html.dark .prose :where(h1, h2, h3, h4, strong) { color: #f8fafc; }
        html.dark .prose :where(a) { color: #6ee7b7; }
        html.dark .home-footer-panel { background-color: #111827; border-color: #263449; }
        dialog::backdrop { background: rgb(2 6 23 / .58); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
        @media (max-width: 640px) {
            .mobile-full-preview { display: block; -webkit-box-orient: initial; -webkit-line-clamp: unset; overflow: visible; overflow-wrap: anywhere; }
            .responsive-table table { min-width: 0 !important; display: block; }
            .responsive-table thead { display: none; }
            .responsive-table tbody, .responsive-table tr, .responsive-table td { display: block; width: 100%; }
            .responsive-table tr { padding: .9rem 0; }
            .responsive-table td { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; padding: .45rem 1rem; text-align: right; }
            .responsive-table td::before { content: attr(data-label); color: #6b7280; font-size: .72rem; font-weight: 600; text-align: left; text-transform: uppercase; flex: 0 0 auto; }
            .responsive-table td:last-child { justify-content: flex-end; }
            .responsive-table td:last-child::before { display: none; }
        }