/* Dark palette mirrors the existing site styles; light retains the original design. */
:root[data-theme="dark"]{--ink:#e7eef9 !important;--muted:#abbdd7 !important;--soft:#0c1320 !important;--line:#32435c !important;--green:#84d493 !important;--blue:#6fa2eb !important;--blue-soft:#121c2d !important;--pink:#f97bb4 !important}:root[data-theme="dark"] body.basic-home{background:radial-gradient(circle at 74% 12%,#75c4f33b,#0000 18rem),radial-gradient(circle at 52% 18%,#ffbc4721,#0000 12rem),linear-gradient(#0c1320 0,#0c1320 36%,#0c1320 100%) !important}:root[data-theme="dark"] .topbar{background:rgba(12,19,32,0.9215686274509803) !important;border-bottom:1px solid rgba(57,75,101,0.9490196078431372) !important}:root[data-theme="dark"] .ghost-action{background:#0c1320 !important}:root[data-theme="dark"] .status-pill{color:#83ca91 !important;background:#0c1320 !important}:root[data-theme="dark"] .hero-pill{background:#0c1320 !important;border:1px solid #32435c !important}:root[data-theme="dark"] .mock-window{background:#0c1320 !important}:root[data-theme="dark"] .window-bar span{background:#0c1320 !important}:root[data-theme="dark"] .mock-glyphs span{background:#0c1320 !important;border:1px solid #32435c !important}:root[data-theme="dark"] .converter-surface{background:rgba(12,19,32,0.9019607843137255) !important;border:1px solid #32435c !important}:root[data-theme="dark"] .converter-card{background:rgba(12,19,32,0.9215686274509803) !important;border:1px solid #32435c !important}:root[data-theme="dark"] .panel-head{border-bottom:1px solid #32435c !important}:root[data-theme="dark"] .step-green{color:#83ca91 !important}:root[data-theme="dark"] .panel-title{color:#e7eef9 !important}:root[data-theme="dark"] .info-dot{color:#abbdd7 !important;border:1px solid #32435c !important}:root[data-theme="dark"] textarea::placeholder{color:#abbdd7 !important}:root[data-theme="dark"] .char-count{color:#abbdd7 !important}:root[data-theme="dark"] .actions{border-top:1px solid #32435c !important}:root[data-theme="dark"] .copy-green{color:#83ca91 !important}:root[data-theme="dark"] .input-actions .ghost-action,:root[data-theme="dark"] .legacy-actions .ghost-action,:root[data-theme="dark"] .unicode-actions .ghost-action{background:#0c1320 !important}:root[data-theme="dark"] .input-actions .ghost-action:active,:root[data-theme="dark"] .input-actions .ghost-action:focus-visible,:root[data-theme="dark"] .input-actions .ghost-action:hover{color:#70a8f2 !important}:root[data-theme="dark"] .unicode-actions .ghost-action:active,:root[data-theme="dark"] .unicode-actions .ghost-action:focus-visible,:root[data-theme="dark"] .unicode-actions .ghost-action:hover{color:#83ca91 !important}:root[data-theme="dark"] .keymap-toggle{background:#0c1320 !important;border:1px solid #32435c !important}:root[data-theme="dark"] .sinkey-banner{background:#0c1320 !important;border:1px solid #32435c !important}:root[data-theme="dark"] .coffee-card,:root[data-theme="dark"] .why-card{background:#0c1320 !important}:root[data-theme="dark"] .coffee-card{background:linear-gradient(#0c1320,#0c1320 78%) !important}:root[data-theme="dark"] .coffee-card button{color:#e7eef9 !important;background:#182438 !important}:root[data-theme="dark"] .reviews-section{background:radial-gradient(circle at 100% 0,#ffbd1129,#0000 20rem),radial-gradient(circle at 0,#075fdd14,#0000 26rem),linear-gradient(rgba(12,19,32,0.9803921568627451),rgba(12,19,32,0.9607843137254902)) !important;border:1px solid rgba(57,75,101,0.9215686274509803) !important}:root[data-theme="dark"] .section-kicker{background:rgba(29,43,65,0.8) !important}:root[data-theme="dark"] .review-score{background:rgba(12,19,32,0.8784313725490196) !important;border:1px solid rgba(57,75,101,0.9215686274509803) !important}:root[data-theme="dark"] .review-form-card{background:linear-gradient(rgba(12,19,32,0.9803921568627451),rgba(12,19,32,0.9607843137254902)) !important;border:1px solid rgba(57,75,101,0.9215686274509803) !important}:root[data-theme="dark"] .review-form-card textarea{background:rgba(12,19,32,0.9607843137254902) !important;border:1px solid #32435c !important}:root[data-theme="dark"] .footer{background:rgba(12,19,32,0.8196078431372549) !important;border-top:1px solid #32435c !important}:root[data-theme="dark"] .social-link{background:#0c1320 !important;border:1px solid #32435c !important}:root[data-theme="dark"] .footer .social-link,:root[data-theme="dark"] .social-link{color:#abbdd7 !important}:root[data-theme="dark"] .social-facebook:hover{color:#79b0f7 !important}:root[data-theme="dark"] .social-tiktok:hover{color:#e7eef9 !important;background:linear-gradient(135deg,#25f4ee2e,#fe2c5529),#0c1320 !important}:root[data-theme="dark"] .social-github:hover{color:#e7eef9 !important}:root[data-theme="dark"] .social-linkedin:hover{color:#71a6dc !important}:root[data-theme="dark"] .social-twitter:hover{color:#7cc8f7 !important}:root[data-theme="dark"] .social-instagram:hover{background:linear-gradient(135deg,#182438 0,#dd2a7b 45%,#8134af 100%) !important}@media (width<=720px){:root[data-theme="dark"] .nav-links{background:rgba(12,19,32,0.9607843137254902) !important;border:1px solid #32435c !important}}:root[data-theme="dark"] .hero-pill-mic{color:var(--blue,#6fa2eb) !important;background:linear-gradient(135deg,#0c1320 0,#0c1320 100%) !important}:root[data-theme="dark"] .status-pill{color:#78af84 !important}@media print{:root[data-theme="dark"] body{background:#0c1320!important}}

:root[data-theme="dark"]{--ink:#e7eef9 !important;--muted:#abbdd7 !important;--soft:#0c1320 !important;--line:#32435c !important;--green:#84d493 !important;--blue:#6fa2eb !important;--blue-soft:#121c2d !important;--pink:#f97bb4 !important}:root[data-theme="dark"] body.basic-home{background:radial-gradient(circle at 74% 12%,rgba(117,196,243,.23),transparent 18rem),radial-gradient(circle at 52% 18%,rgba(255,188,71,.13),transparent 12rem),linear-gradient(180deg,#0c1320 0,#0c1320 36%,#0c1320 100%) !important}:root[data-theme="dark"] .topbar{background:rgba(12,19,32,0.92) !important;border-bottom:1px solid rgba(57,75,101,0.95) !important}:root[data-theme="dark"] .avatar-trigger{background:rgba(12,19,32,0.95) !important}:root[data-theme="dark"] .avatar-bubble.has-image{background:#121c2d !important}:root[data-theme="dark"] .avatar-menu{border:1px solid rgba(57,75,101,0.98) !important;background:rgba(12,19,32,0.98) !important}:root[data-theme="dark"] .avatar-menu-item:hover{background:#0c1320 !important;border-color:#32435c !important}:root[data-theme="dark"] .avatar-menu-item.danger{color:#e08098 !important}:root[data-theme="dark"] .ghost-action{background:#0c1320 !important}:root[data-theme="dark"] .status-pill{color:#83ca91 !important;background:#0c1320 !important}:root[data-theme="dark"] .hero-pill{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .mock-window{background:#0c1320 !important}:root[data-theme="dark"] .window-bar span{background:#0c1320 !important}:root[data-theme="dark"] .mock-glyphs span{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .converter-surface{border:1px solid #32435c !important;background:rgba(12,19,32,0.9) !important}:root[data-theme="dark"] .converter-card{border:1px solid #32435c !important;background:rgba(12,19,32,0.92) !important}:root[data-theme="dark"] .panel-head{border-bottom:1px solid #32435c !important}:root[data-theme="dark"] .step-green{color:#83ca91 !important}:root[data-theme="dark"] .panel-title{color:#e7eef9 !important}:root[data-theme="dark"] .info-dot{border:1px solid #32435c !important;color:#abbdd7 !important}:root[data-theme="dark"] textarea::placeholder{color:#abbdd7 !important}:root[data-theme="dark"] .char-count{color:#abbdd7 !important}:root[data-theme="dark"] .actions{border-top:1px solid #32435c !important}:root[data-theme="dark"] .copy-green{color:#83ca91 !important}:root[data-theme="dark"] .input-actions .ghost-action,:root[data-theme="dark"] .legacy-actions .ghost-action,:root[data-theme="dark"] .unicode-actions .ghost-action{background:#0c1320 !important}:root[data-theme="dark"] .input-actions .ghost-action:active,:root[data-theme="dark"] .input-actions .ghost-action:focus-visible,:root[data-theme="dark"] .input-actions .ghost-action:hover{color:#70a8f2 !important}:root[data-theme="dark"] .unicode-actions .ghost-action:active,:root[data-theme="dark"] .unicode-actions .ghost-action:focus-visible,:root[data-theme="dark"] .unicode-actions .ghost-action:hover{color:#83ca91 !important}:root[data-theme="dark"] .keymap-toggle{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .vk-action-key,:root[data-theme="dark"] .vk-map-key,:root[data-theme="dark"] .vk-static-key{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .vk-key-corner{color:#abbdd7 !important}:root[data-theme="dark"] .vk-action-key.is-accent,:root[data-theme="dark"] .vk-static-key.is-accent{background:#0c1320 !important}:root[data-theme="dark"] .singlish-board .vk-map-key{border-color:#32435c !important}:root[data-theme="dark"] .singlish-board .vk-key-top{color:#e7eef9 !important}:root[data-theme="dark"] .singlish-board .vk-key-bottom{color:#71a5f0 !important}:root[data-theme="dark"] .tip-card{border:1px solid #32435c !important;background:linear-gradient(180deg,#0c1320,#0c1320) !important}:root[data-theme="dark"] .quick-map-chip{border:1px solid #32435c !important;background:rgba(12,19,32,0.9) !important}:root[data-theme="dark"] .keymap-panel{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .keymap-item code,:root[data-theme="dark"] .panel-badge{color:#83ca91 !important}:root[data-theme="dark"] .keymap-item{border:1px solid #32435c !important;background:linear-gradient(180deg,#0c1320,#0c1320) !important}:root[data-theme="dark"] .info-card{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .font-card,:root[data-theme="dark"] .sinkey-banner{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .pricing-heading span{color:#70a8f2 !important}:root[data-theme="dark"] .pricing-card{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .pricing-card:hover{border-color:#32435c !important}:root[data-theme="dark"] .pricing-featured{background:#0c1320 !important}:root[data-theme="dark"] .pricing-icon-monthly{background:#121c2d !important;color:#70a8f2 !important}:root[data-theme="dark"] .pricing-icon-yearly{background:#121c2d !important;color:#f97bb4 !important}:root[data-theme="dark"] .pricing-icon-lifetime{background:#0c1320 !important;color:#83ca91 !important}:root[data-theme="dark"] .pricing-amount span,:root[data-theme="dark"] .pricing-label{color:#abbdd7 !important}:root[data-theme="dark"] .pricing-amount span{color:#abbdd7 !important}:root[data-theme="dark"] .pricing-save{color:#83ca91 !important}:root[data-theme="dark"] .pricing-features li{color:#abbdd7 !important}:root[data-theme="dark"] .pricing-features li svg{color:#83ca91 !important}:root[data-theme="dark"] .coffee-card,:root[data-theme="dark"] .why-card{background:#0c1320 !important}:root[data-theme="dark"] .coffee-card{background:linear-gradient(180deg,#0c1320,#0c1320 78%) !important}:root[data-theme="dark"] .coffee-card button{color:#e7eef9 !important;background:#182438 !important}:root[data-theme="dark"] .reviews-section{border:1px solid rgba(57,75,101,0.92) !important;background:radial-gradient(circle at top right,rgba(255,189,17,.16),transparent 20rem),radial-gradient(circle at left center,rgba(7,95,221,.08),transparent 26rem),linear-gradient(180deg,rgba(12,19,32,0.98),rgba(12,19,32,0.96)) !important}:root[data-theme="dark"] .section-kicker{background:rgba(29,43,65,0.8) !important}:root[data-theme="dark"] .review-score{border:1px solid rgba(57,75,101,0.92) !important;background:rgba(12,19,32,0.88) !important}:root[data-theme="dark"] .review-form-card{border:1px solid rgba(57,75,101,0.92) !important;background:linear-gradient(180deg,rgba(12,19,32,0.98),rgba(12,19,32,0.96)) !important}:root[data-theme="dark"] .review-form-card input,:root[data-theme="dark"] .review-form-card textarea{border:1px solid #32435c !important;background:rgba(12,19,32,0.96) !important}:root[data-theme="dark"] .rating-star{background:linear-gradient(180deg,#0c1320,#121c2d) !important}:root[data-theme="dark"] .rating-star.is-active{background:linear-gradient(180deg,#0c1320,#182438) !important}:root[data-theme="dark"] .review-empty,:root[data-theme="dark"] .review-item{border:1px solid rgba(57,75,101,0.9) !important;background:rgba(12,19,32,0.96) !important}:root[data-theme="dark"] .review-avatar.has-image{background:#121c2d !important}:root[data-theme="dark"] .review-item p{color:#abbdd7 !important}:root[data-theme="dark"] .review-nav-btn{background:#0c1320 !important}:root[data-theme="dark"] .review-empty{background:rgba(12,19,32,0.7) !important}:root[data-theme="dark"] .page-hero-card{border:1px solid #32435c !important}:root[data-theme="dark"] .page-cta-band,:root[data-theme="dark"] .page-hero-card,:root[data-theme="dark"] .page-mini-card,:root[data-theme="dark"] .page-panel{background:rgba(12,19,32,0.95) !important}:root[data-theme="dark"] .page-cta-band,:root[data-theme="dark"] .page-mini-card{border:1px solid #32435c !important}:root[data-theme="dark"] .page-badge{background:#0c1320 !important;color:#7abe8a !important;border:1px solid #32435c !important}:root[data-theme="dark"] .page-outline-btn{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .page-panel{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .page-panel:hover{border-color:#32435c !important}:root[data-theme="dark"] .page-panel-icon{background:linear-gradient(135deg,#121c2d 0,#121c2d 100%) !important}:root[data-theme="dark"] .page-panel .panel-desc-full{border-top:1px solid #32435c !important}:root[data-theme="dark"] .auth-panel,:root[data-theme="dark"] .auth-side-card{border:1px solid rgba(57,75,101,0.98) !important;background:rgba(12,19,32,0.92) !important}:root[data-theme="dark"] .auth-field input,:root[data-theme="dark"] .auth-switch{background:#0c1320 !important}:root[data-theme="dark"] .auth-session-card{border:1px solid #32435c !important;background:linear-gradient(180deg,#0c1320 0,#0c1320 100%) !important}:root[data-theme="dark"] .auth-status.success{color:#7bc58c !important}:root[data-theme="dark"] .auth-status.error{color:#e7869e !important}:root[data-theme="dark"] .auth-field input:focus{border-color:#32435c !important}:root[data-theme="dark"] .auth-provider-divider::before{border-top:1px solid #32435c !important}:root[data-theme="dark"] .auth-provider-divider span{background:rgba(12,19,32,0.92) !important}:root[data-theme="dark"] .auth-provider-btn:hover{border-color:#32435c !important}:root[data-theme="dark"] .auth-provider-mark{background:linear-gradient(135deg,#0c1320 0,#0c1320 100%) !important}:root[data-theme="dark"] .auth-note{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .auth-verify-block{border-top:1px solid #32435c !important}:root[data-theme="dark"] body.auth-portal-page{background:radial-gradient(circle at 18% 30%,rgba(9,105,232,.09),transparent 24rem),radial-gradient(circle at 80% 18%,rgba(255,188,71,.11),transparent 22rem),linear-gradient(180deg,#0c1320 0,#0c1320 42%,#0c1320 100%) !important}:root[data-theme="dark"] .auth-topbar{border-bottom:1px solid rgba(57,75,101,0.95) !important;background:rgba(12,19,32,0.94) !important}:root[data-theme="dark"] body.auth-portal-page .auth-showcase-copy h1 span{color:#70a8f2 !important}:root[data-theme="dark"] .auth-hero-window{background:rgba(12,19,32,0.95) !important}:root[data-theme="dark"] .auth-window-grid span{background:linear-gradient(180deg,#0c1320 0,#0c1320 100%) !important}:root[data-theme="dark"] .auth-hero-orb{background:linear-gradient(180deg,#182438 0,#182438 100%) !important}:root[data-theme="dark"] .auth-benefit-icon.green{background:linear-gradient(180deg,#0c1320 0,#121c2d 100%) !important}:root[data-theme="dark"] .auth-benefit-icon.pink{background:linear-gradient(180deg,#0c1320 0,#121c2d 100%) !important}:root[data-theme="dark"] .auth-benefit-icon.yellow{background:linear-gradient(180deg,#0c1320 0,#121c2d 100%) !important}:root[data-theme="dark"] .auth-benefit-card strong{color:#e7eef9 !important}:root[data-theme="dark"] .auth-portal-card{background:rgba(12,19,32,0.98) !important}:root[data-theme="dark"] .auth-card-icon{background:linear-gradient(180deg,#0c1320 0,#121c2d 100%) !important}:root[data-theme="dark"] .auth-checkbox-terms a{color:#70a8f2 !important}:root[data-theme="dark"] .auth-footer{border-top:1px solid rgba(57,75,101,0.95) !important;background:rgba(12,19,32,0.92) !important}:root[data-theme="dark"] .contact-card{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .footer{background:rgba(12,19,32,0.82) !important;border-top:1px solid #32435c !important}:root[data-theme="dark"] .social-link{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .footer .social-link,:root[data-theme="dark"] .social-link{color:#abbdd7 !important}:root[data-theme="dark"] .social-facebook:hover{color:#79b0f7 !important}:root[data-theme="dark"] .social-tiktok:hover{color:#e7eef9 !important;background:linear-gradient(135deg,rgba(37,244,238,.18),rgba(254,44,85,.16)),#0c1320 !important}:root[data-theme="dark"] .social-github:hover{color:#e7eef9 !important}:root[data-theme="dark"] .social-linkedin:hover{color:#71a6dc !important}:root[data-theme="dark"] .social-twitter:hover{color:#7cc8f7 !important}:root[data-theme="dark"] .social-instagram:hover{background:linear-gradient(135deg,#182438 0,#dd2a7b 45%,#8134af 100%) !important}@media (max-width:720px){:root[data-theme="dark"] .nav-links,:root[data-theme="dark"] .nav-toggle{border:1px solid #32435c !important}:root[data-theme="dark"] .nav-links{background:rgba(12,19,32,0.96) !important}:root[data-theme="dark"] .nav-toggle{background:#0c1320 !important}}:root[data-theme="dark"] body.auth-portal-page{background:#0c1320 !important;color:#e7eef9 !important}:root[data-theme="dark"] .auth-topbar{border-bottom:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .auth-back-link{color:#6fa2eb !important}:root[data-theme="dark"] .auth-showcase-copy h1 span{color:#6fa2eb !important}:root[data-theme="dark"] .auth-showcase-copy p{color:#abbdd7 !important}:root[data-theme="dark"] .auth-hero-window{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .auth-window-bar span:nth-child(2){background:#182438 !important}:root[data-theme="dark"] .auth-window-bar span:nth-child(3){background:#182438 !important}:root[data-theme="dark"] .auth-window-grid span{border:1px solid #32435c !important;background:#0c1320 !important;color:#e7eef9 !important}:root[data-theme="dark"] .auth-hero-orb{background:#182438 !important}:root[data-theme="dark"] .auth-benefit-icon.green{color:#77c989 !important;background:#121c2d !important}:root[data-theme="dark"] .auth-benefit-icon.pink{color:#f67bb1 !important;background:#121c2d !important}:root[data-theme="dark"] .auth-benefit-icon.yellow{background:#121c2d !important}:root[data-theme="dark"] .auth-benefit-card p{color:#abbdd7 !important}:root[data-theme="dark"] .auth-portal-card{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .auth-card-icon{background:#0c1320 !important;color:#6fa2eb !important}:root[data-theme="dark"] .auth-portal-head h2{color:#e7eef9 !important}:root[data-theme="dark"] .auth-portal-head p{color:#abbdd7 !important}:root[data-theme="dark"] .auth-field>span:first-child{color:#e7eef9 !important}:root[data-theme="dark"] .auth-input-eye,:root[data-theme="dark"] .auth-input-icon{color:#abbdd7 !important}:root[data-theme="dark"] .auth-input-eye.is-visible,:root[data-theme="dark"] .auth-input-eye:focus-visible,:root[data-theme="dark"] .auth-input-eye:hover{color:#6fa2eb !important}:root[data-theme="dark"] .auth-field input{border:1px solid #32435c !important;color:#e7eef9 !important}:root[data-theme="dark"] .auth-field input::placeholder{color:#abbdd7 !important}:root[data-theme="dark"] .auth-checkbox{color:#abbdd7 !important}:root[data-theme="dark"] .auth-checkbox-terms span{color:#abbdd7 !important}:root[data-theme="dark"] .auth-inline-link{color:#6fa2eb !important}:root[data-theme="dark"] .auth-provider-divider span{border:1px solid #32435c !important;background:#0c1320 !important;color:#abbdd7 !important}:root[data-theme="dark"] .auth-provider-btn{border:1px solid #32435c !important;background:#0c1320 !important;color:#e7eef9 !important}:root[data-theme="dark"] .auth-provider-mark{color:#91b8f9 !important}:root[data-theme="dark"] .auth-bottom-copy{color:#e7eef9 !important}:root[data-theme="dark"] .auth-footer{border-top:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .auth-footer-inner{color:#abbdd7 !important}:root[data-theme="dark"] .auth-footer-links a{color:#6fa2eb !important}:root[data-theme="dark"] .auth-footer-links a::before{background:#182438 !important}:root[data-theme="dark"] body.auth-portal-page .auth-card-icon{background:linear-gradient(180deg,#0c1320 0,#121c2d 100%) !important}:root[data-theme="dark"] .sinkey-visual-layers{border:1px solid #32435c !important;background:radial-gradient(circle at 50% 38%,rgba(9,105,232,.12),transparent 28%),linear-gradient(180deg,#0c1320 0,#0c1320 100%) !important}:root[data-theme="dark"] .sinkey-visual-core{background:rgba(12,19,32,0.92) !important}:root[data-theme="dark"] .sinkey-float{border:1px solid #32435c !important;background:rgba(12,19,32,0.96) !important}:root[data-theme="dark"] .auth-float{border:1px solid #32435c !important;background:rgba(12,19,32,0.96) !important}:root[data-theme="dark"] .auth-hero-tiles span,:root[data-theme="dark"] .sinkey-letter-grid span{border:1px solid #32435c !important;background:linear-gradient(180deg,#0c1320 0,#0c1320 100%) !important}:root[data-theme="dark"] body.auth-portal-page .auth-status-pill{color:#70a8f2 !important;background:#0c1320 !important}:root[data-theme="dark"] body.auth-portal-page .auth-showcase-copy p{color:#abbdd7 !important}:root[data-theme="dark"] body.auth-portal-page .auth-back-link{background:#0c1320 !important;color:#6fa2eb !important}:root[data-theme="dark"] body.auth-portal-page .auth-back-link-icon{background:#0c1320 !important;color:#6fa2eb !important}:root[data-theme="dark"] body.legal-page{background:radial-gradient(circle at 8% 15%,rgba(9,105,232,.08),transparent 28rem),radial-gradient(circle at 92% 24%,rgba(245,27,125,.055),transparent 24rem),#0c1320 !important}:root[data-theme="dark"] body.legal-page .content-page>.page-hero-card{background:radial-gradient(circle at 88% 22%,rgba(9,105,232,.16),transparent 19rem),linear-gradient(135deg,#0c1320 0,#0c1320 62%,#0c1320 100%) !important}:root[data-theme="dark"] body.legal-page .page-panel{background:rgba(12,19,32,0.96) !important}:root[data-theme="dark"] body.legal-page .page-panel .panel-desc-full li,:root[data-theme="dark"] body.legal-page .page-panel .panel-desc-full p{color:#abbdd7 !important}:root[data-theme="dark"] .license-card{background:#0c1320 !important}:root[data-theme="dark"] .license-key-display{background:#0c1320 !important;border:1.5px dashed #32435c !important}:root[data-theme="dark"] .license-key-display .ghost-action{background:#0c1320 !important}/* ---- Mic / Speech-to-Sinhala button ---- */
:root[data-theme="dark"] .hero-pill-mic{background:linear-gradient(135deg,#0c1320 0,#0c1320 100%) !important;color:var(--blue,#6fa2eb) !important}
:root[data-theme="dark"] .mic-status{color:var(--muted,#abbdd7) !important}
:root[data-theme="dark"] .mic-status.is-live::before{background:#0c1320 !important}
:root[data-theme="dark"] .mic-status.is-error{color:var(--red,#dd7d8d) !important}

/* ===== Mic / Speech-to-text (converter + transcript) ===== */
:root[data-theme="dark"] .converter-mic{color:var(--red,#dd7d8d) !important}
:root[data-theme="dark"] .mic-transcript{border:1px solid var(--line,#32435c) !important;background:#0c1320 !important}
:root[data-theme="dark"] .mic-transcript-head{border-bottom:1px solid #32435c !important}
:root[data-theme="dark"] .mic-transcript-head strong{color:var(--ink,#e7eef9) !important}
:root[data-theme="dark"] .mic-transcript-head .ghost-action{color:var(--muted,#abbdd7) !important}
:root[data-theme="dark"] .mic-history-item{background:#0c1320 !important;border:1px solid #32435c !important}
:root[data-theme="dark"] .mic-history-num{color:var(--muted,#abbdd7) !important}
:root[data-theme="dark"] .mic-history-txt{color:var(--ink,#e7eef9) !important}
:root[data-theme="dark"] .mic-history-use{border:1px solid var(--line,#32435c) !important;background:#0c1320 !important;color:var(--blue,#70a8f2) !important}

/* ============================================================
   MyFonts.lk - Responsive Override (Simplified)
   Only handles extreme screen sizes - 4K, 2K, Ultra-wide
   Normal desktop/laptop uses original CSS
   ============================================================ */

/* ---- 4K Screens (3840px+) ---- */

/* ---- 2K / QHD Screens (2560px - 3199px) ---- */

/* ---- Ultra-wide Screens (21:9 / 32:9) ---- */
  :root[data-theme="dark"] .sinkey-copy h1 span {
    background: #121c2d !important;
  }

/* ---- Touch device optimizations ---- */

/* ---- Authentication portal: tablet and mobile ---- */

:root[data-theme="dark"] .status-pill {
  color: #78af84 !important;
}

/* ---- Reduced motion ---- */

/* ---- Print styles ---- */
@media print {
  :root[data-theme="dark"] body {
    background: #0c1320 !important;
  }
}

/* ---- Hero → Converter spacing ---- */
/* Skip layout and paint work for content well below the initial mobile viewport. */

@media (max-width: 720px) {
  /* Auth controls are hydrated after first paint; reserve their row to prevent CLS. */
}


        /* ========================================================= */
        /* BASE (replaces Tailwind utilities — CSP-safe, no CDN)     */
        /* ========================================================= */
        :root[data-theme="dark"] body {
            background-color: #0c1320 !important;
            color: #e7eef9 !important;
        }

        /* ---- header ---- */

        /* ---- main ---- */
        :root[data-theme="dark"] .divider { background: #182438 !important; }
        :root[data-theme="dark"] .message p { color: #abbdd7 !important; }

        /* ---- footer walk track ---- */
        :root[data-theme="dark"] .ground-line { background: #182438 !important; }

        /* ---- toast ---- */

        /* ========================================================= */
        /* Top 404 Dizzy Animations                                  */
        /* ========================================================= */

        /* ========================================================= */
        /* HIGH-QUALITY REALISTIC CARTOON WALK CYCLE KEYFRAMES       */
        /* HIGH-QUALITY REALISTIC CARTOON WALK CYCLE KEYFRAMES */
        /* Walk RIGHT -> LEFT: max-content track, chars start off the right
             edge and slide left across the screen to exit off the left. */

        /* Body Squash & Stretch Bounce — capped upward so characters stay on the ground line */

        /* Left Leg Rotation (Thigh/Hip Joint) */

        /* Left Shoe Ankle Roll & Heel-Toe Touch */

        /* Right Leg Rotation (Offset 50% from left leg) */

        /* Right Shoe Ankle Roll (Offset 50%) */

        /* Arm Swing Left (Counter-swings with Right Leg) */

        /* Arm Swing Right (Counter-swings with Left Leg) */

        /* Elastic Shadow — stays near the ground, minimal pulse */

        /* Subtle Eye Motion */

        /* Interactive Poke Animation */
    

    /* ===== ADMIN GLOBAL ===== */
    :root[data-theme="dark"] body.admin-page {
      background:
        radial-gradient(circle at 16% 14%, rgba(117, 196, 243, 0.12), transparent 20rem),
        radial-gradient(circle at 88% 22%, rgba(255, 188, 71, 0.08), transparent 16rem),
        linear-gradient(180deg, #0c1320 0%, #0c1320 100%) !important;
    }

    /* ===== ADMIN TOPBAR ===== */
    :root[data-theme="dark"] .admin-topbar {
      background: rgba(12,19,32,0.94) !important;
    }
    :root[data-theme="dark"] .btn-refresh:hover { background: #121c2d !important; }
    :root[data-theme="dark"] .btn-logout {
      background: #0c1320 !important;
      color: #dd7d8d !important;
      border: 1px solid #32435c !important;
    }
    :root[data-theme="dark"] .btn-logout:hover { background: #121c2d !important; }

    /* ===== LAYOUT ===== */

    /* ===== SIDEBAR ===== */
    :root[data-theme="dark"] .admin-sidebar {
      background: #0c1320 !important;
    }

    /* ===== MAIN CONTENT ===== */

    /* ===== AUTH ===== */
    :root[data-theme="dark"] .admin-auth-box {
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .admin-status {
      color: #dd7d8d !important;
    }

    /* ===== DASHBOARD ===== */

    /* ===== STATS CARDS ===== */
    :root[data-theme="dark"] .admin-stat-card {
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .admin-stat-card.is-yellow .stat-value { color: #d6b971 !important; }
    :root[data-theme="dark"] .admin-stat-card.is-purple .stat-value { color: #b285bd !important; }

    /* ===== CARDS / PANELS ===== */
    :root[data-theme="dark"] .admin-card {
      background: #0c1320 !important;
    }

    /* ===== SEARCH ===== */
    :root[data-theme="dark"] .security-status {
      color: #dd7d8d !important;
    }

    /* ===== FILTER PILLS ===== */
    :root[data-theme="dark"] .filter-pill {
      background: #0c1320 !important;
    }

    /* ===== TABLE ===== */
    :root[data-theme="dark"] .admin-table .action-cell button {
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .admin-table .action-cell button:hover { color: #dd7d8d !important; }

    /* ===== INQUIRIES ===== */
    :root[data-theme="dark"] .inquiry-card-actions button {
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .inquiry-card-actions .btn-delete-inquiry:hover { color: #dd7d8d !important; }

    /* ===== PURCHASES ===== */
    :root[data-theme="dark"] .pill.plan-monthly { background: #121c2d !important; color: #6f9ddd !important; }
    :root[data-theme="dark"] .pill.plan-yearly { background: #0c1320 !important; color: #7ab295 !important; }
    :root[data-theme="dark"] .pill.plan-lifetime { background: #0c1320 !important; color: #d6a871 !important; }

    /* ===== DOWNLOADS ===== */
    :root[data-theme="dark"] .download-item-actions button, :root[data-theme="dark"] .download-item-actions a {
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .download-item-actions .btn-upload:hover { color: #dd7d8d !important; }

    /* ===== USERS ===== */
    :root[data-theme="dark"] .user-row .user-info .user-last-login {
      color: #abbdd7 !important;
    }
    :root[data-theme="dark"] .activity-event.event-login { background: #0c1320 !important; color: #79af91 !important; }
    :root[data-theme="dark"] .activity-event.event-signup { background: #0c1320 !important; color: #bb9f6b !important; }
    :root[data-theme="dark"] .admin-table code {
      color: #abbdd7 !important;
      background: #0c1320 !important;
    }

    /* ===== TOAST ===== */

    /* ===== LOADING ===== */

    /* ===== RESPONSIVE ===== */

    /* ===== MODAL ===== */
    :root[data-theme="dark"] .admin-modal-box {
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .admin-modal-actions button {
      background: #0c1320 !important;
    }
  

    :root[data-theme="dark"] .bank-card {
      background:
        radial-gradient(circle at top right, rgba(7, 95, 221, 0.08), transparent 38%),
        linear-gradient(180deg, rgba(12,19,32,0.99), rgba(12,19,32,0.98)) !important;
      border: 1px solid #32435c !important;
    }

    :root[data-theme="dark"] .bank-logo-wrap {
      border-bottom: 1px solid rgba(57,75,101,0.92) !important;
    }

    :root[data-theme="dark"] .bank-logo-wrap.hnb {
      background:
        radial-gradient(circle at top left, rgba(255, 184, 60, 0.18), transparent 28%),
        linear-gradient(180deg, #0c1320, #0c1320) !important;
    }

    :root[data-theme="dark"] .bank-logo-wrap.combank {
      background:
        radial-gradient(circle at top left, rgba(35, 197, 94, 0.12), transparent 26%),
        linear-gradient(180deg, #0c1320, #0c1320) !important;
    }

    :root[data-theme="dark"] .copy-bank-btn {
      background: linear-gradient(180deg, #0c1320, #0c1320) !important;
    }

    :root[data-theme="dark"] .bank-note {
      color: #abbdd7 !important;
      background: linear-gradient(180deg, rgba(12,19,32,0.96), rgba(12,19,32,0.96)) !important;
      border: 1px solid #32435c !important;
    }
  

    :root[data-theme="dark"] html.embed-mode .embed-brand { color: #6fa2eb !important; }
    :root[data-theme="dark"] html.embed-mode body { background: #0c1320 !important; }
  

    :root[data-theme="dark"] .font-detail-card {
      background: #0c1320 !important;
    }

    :root[data-theme="dark"] .font-detail-preview-text {
      background: rgba(12,19,32,0.82) !important;
    }

    :root[data-theme="dark"] .font-detail-preview-status.is-loaded {
      color: #77b58e !important;
    }

    :root[data-theme="dark"] .font-detail-preview-status.is-error {
      color: #d67b7b !important;
    }

    :root[data-theme="dark"] .font-detail-preview-label {
      background: linear-gradient(180deg, rgba(29,43,65,0.95), rgba(12,19,32,0.9)) !important;
    }

    :root[data-theme="dark"] .font-detail-singlish-input {
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .font-detail-unicode-badge.unicode {
      background: #0c1320 !important;
      color: #abbdd7 !important;
    }
    :root[data-theme="dark"] .font-detail-unicode-badge.legacy {
      background: #121c2d !important;
      color: #c09073 !important;
    }
    :root[data-theme="dark"] .font-detail-related-card {
      background: #0c1320 !important;
    }

    :root[data-theme="dark"] .font-detail-related-card .related-preview-label {
      background: #121c2d !important;
      color: #8b87ca !important;
    }
  

    :root[data-theme="dark"] .fonts-hero .font-count-badge {
      background: linear-gradient(135deg, #0c1320, #121c2d) !important;
    }

    :root[data-theme="dark"] .font-rights-notice {
      background:
        radial-gradient(circle at top right, rgba(9, 105, 232, 0.08), transparent 18rem),
        rgba(12,19,32,0.96) !important;
    }

    :root[data-theme="dark"] .font-search-wrap {
      background: rgba(12,19,32,0.88) !important;
    }

    :root[data-theme="dark"] .font-search-input {
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .fonts-auth-guard {
      background: linear-gradient(180deg, rgba(12,19,32,0.98), rgba(12,19,32,0.96)) !important;
    }

    :root[data-theme="dark"] .font-card {
      background: #0c1320 !important;
    }

    :root[data-theme="dark"] .font-preview-tag {
      background: linear-gradient(180deg, rgba(29,43,65,0.95), rgba(12,19,32,0.9)) !important;
    }

    :root[data-theme="dark"] .pagination button {
      background: #0c1320 !important;
    }
  

    :root[data-theme="dark"] .guide-table th, :root[data-theme="dark"] .guide-table td { border-bottom:1px solid #32435c !important; }
    :root[data-theme="dark"] .guide-table th { background:#0c1320 !important; color:#e7eef9 !important; }
    :root[data-theme="dark"] .guide-table td code { background:#0c1320 !important; color:#6fa2eb !important; }
    :root[data-theme="dark"] .guide-tip { background:#0c1320 !important; }
    :root[data-theme="dark"] .guide-tip strong { color:#6fa2eb !important; }
    :root[data-theme="dark"] .guide-section h2 { color:#e7eef9 !important; }
    :root[data-theme="dark"] .guide-section h3 { color:#e7eef9 !important; }
    :root[data-theme="dark"] .guide-section p { color:#abbdd7 !important; }
    :root[data-theme="dark"] .badge-sinhala { background:#121c2d !important; color:#abbdd7 !important; }
    :root[data-theme="dark"] .guide-card { background:#0c1320 !important; border:1px solid #32435c !important; }
    :root[data-theme="dark"] .guide-card h4 { color:#e7eef9 !important; }
    :root[data-theme="dark"] .guide-card p { color:#abbdd7 !important; }
    :root[data-theme="dark"] .guide-card code { background:#0c1320 !important; color:#6fa2eb !important; }
  

    :root[data-theme="dark"] body.contact-page {
      background:
        radial-gradient(circle at top left, rgba(7, 95, 221, 0.08), transparent 22rem),
        radial-gradient(circle at bottom right, rgba(245, 27, 125, 0.08), transparent 20rem),
        linear-gradient(180deg, #0c1320 0%, #0c1320 100%) !important;
    }

    :root[data-theme="dark"] body.contact-page .page-hero-card {
      background: #0c1320 !important;
    }

    :root[data-theme="dark"] body.contact-page .page-panel {
      background:
        radial-gradient(circle at top right, rgba(245, 27, 125, 0.06), transparent 16rem),
        rgba(12,19,32,0.98) !important;
    }

    :root[data-theme="dark"] body.contact-page .inquiry-form label > span {
      color: #abbdd7 !important;
    }

    :root[data-theme="dark"] body.contact-page .inquiry-form input,
    :root[data-theme="dark"] body.contact-page .inquiry-form textarea {
      border: 1px solid #32435c !important;
      background: #0c1320 !important;
    }

    :root[data-theme="dark"] .input-bordered {
      border: 1px solid #32435c !important;
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .textarea-bordered {
      border: 1px solid #32435c !important;
      background: #0c1320 !important;
    }
  

    :root[data-theme="dark"] body.purchase-page {
      background:
        radial-gradient(circle at top left, rgba(7, 95, 221, 0.08), transparent 22rem),
        radial-gradient(circle at bottom right, rgba(245, 27, 125, 0.08), transparent 20rem),
        linear-gradient(180deg, #0c1320 0%, #0c1320 100%) !important;
    }
    :root[data-theme="dark"] .purchase-card {
      background: rgba(12,19,32,0.98) !important;
      border: 1px solid #32435c !important;
    }
    :root[data-theme="dark"] .purchase-card h2 span {
      color: #70a8f2 !important;
    }
    :root[data-theme="dark"] .plan-option .plan-box {
      border: 2px solid #32435c !important;
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .plan-option input:checked + .plan-box {
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .plan-option:hover .plan-box {
      border-color: #32435c !important;
    }
    :root[data-theme="dark"] .plan-price {
      color: #70a8f2 !important;
    }
    :root[data-theme="dark"] .plan-price small {
      color: #abbdd7 !important;
    }
    :root[data-theme="dark"] .plan-save {
      color: #7ac79f !important;
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .bank-card {
      border: 1px solid #32435c !important;
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .bank-card p {
      color: #abbdd7 !important;
    }
    :root[data-theme="dark"] .form-group input,
    :root[data-theme="dark"] .form-group textarea {
      border: 1px solid #32435c !important;
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .file-upload-label {
      border: 2px dashed #32435c !important;
      color: #abbdd7 !important;
    }
    :root[data-theme="dark"] .file-upload-label:hover {
      background: #0c1320 !important;
    }
    :root[data-theme="dark"] .file-upload-label svg {
      color: #abbdd7 !important;
    }
    :root[data-theme="dark"] .file-name {
      color: #70a8f2 !important;
    }
    :root[data-theme="dark"] .purchase-status.success {
      background: #0c1320 !important;
      color: #7ab295 !important;
      border: 1px solid #32435c !important;
    }
    :root[data-theme="dark"] .purchase-status.error {
      background: #121c2d !important;
      color: #d38d8d !important;
      border: 1px solid #32435c !important;
    }
  

  :root[data-theme="dark"] .version { color: #8db7fa !important; }
  :root[data-theme="dark"] .notes { color: #abbdd7 !important; }
  :root[data-theme="dark"] footer { color: #abbdd7 !important; }
  :root[data-theme="dark"] footer a { color: #8db7fa !important; }


    :root[data-theme="dark"] .pricing-card.is-selected {
      background: #0c1320 !important;
    }
  
:root[data-theme="dark"] .widget-page>p{color:#abbdd7 !important}:root[data-theme="dark"] .widget-preview{border:1px solid #32435c !important;background:#0c1320 !important}:root[data-theme="dark"] .embed-code{border:1px solid #32435c !important}:root[data-theme="dark"] .widget-note{color:#abbdd7 !important}
:root[data-theme="dark"] .article-lead{color:#abbdd7 !important}:root[data-theme="dark"] .article-shell section{border-top:1px solid #32435c !important}:root[data-theme="dark"] .article-shell p{color:#e7eef9 !important}:root[data-theme="dark"] .related-links a{color:#6fa2eb !important}
:root[data-theme="dark"] .article-lead{color:#abbdd7 !important}:root[data-theme="dark"] .article-shell section{border-top:1px solid #32435c !important}:root[data-theme="dark"] .article-shell p{color:#e7eef9 !important}:root[data-theme="dark"] .related-links a{color:#6fa2eb !important}
:root[data-theme="dark"] .article-lead{color:#abbdd7 !important}:root[data-theme="dark"] .article-shell section{border-top:1px solid #32435c !important}:root[data-theme="dark"] .article-shell p{color:#e7eef9 !important}:root[data-theme="dark"] .related-links a{color:#6fa2eb !important}
:root[data-theme="dark"] .article-lead{color:#abbdd7 !important}:root[data-theme="dark"] .article-shell section{border-top:1px solid #32435c !important}:root[data-theme="dark"] .article-shell p{color:#e7eef9 !important}:root[data-theme="dark"] .related-links a{color:#6fa2eb !important}
:root[data-theme="dark"] .article-lead{color:#abbdd7 !important}:root[data-theme="dark"] .article-shell section{border-top:1px solid #32435c !important}:root[data-theme="dark"] .article-shell p{color:#e7eef9 !important}:root[data-theme="dark"] .related-links a{color:#6fa2eb !important}
:root[data-theme="dark"] .article-lead{color:#abbdd7 !important}:root[data-theme="dark"] .article-shell section{border-top:1px solid #32435c !important}:root[data-theme="dark"] .article-shell p{color:#e7eef9 !important}:root[data-theme="dark"] .related-links a{color:#6fa2eb !important}
:root[data-theme="dark"] .article-lead{color:#abbdd7 !important}:root[data-theme="dark"] .article-shell section{border-top:1px solid #32435c !important}:root[data-theme="dark"] .article-shell p{color:#e7eef9 !important}:root[data-theme="dark"] .related-links a{color:#6fa2eb !important}
:root[data-theme="dark"] .article-lead{color:#abbdd7 !important}:root[data-theme="dark"] .article-shell section{border-top:1px solid #32435c !important}:root[data-theme="dark"] .article-shell p{color:#e7eef9 !important}:root[data-theme="dark"] .related-links a{color:#6fa2eb !important}
:root[data-theme="dark"] .article-lead{color:#abbdd7 !important}:root[data-theme="dark"] .article-shell section{border-top:1px solid #32435c !important}:root[data-theme="dark"] .article-shell p{color:#e7eef9 !important}:root[data-theme="dark"] .related-links a{color:#6fa2eb !important}
:root[data-theme="dark"] .article-lead{color:#abbdd7 !important}:root[data-theme="dark"] .article-shell section{border-top:1px solid #32435c !important}:root[data-theme="dark"] .article-shell p{color:#e7eef9 !important}:root[data-theme="dark"] .related-links a{color:#6fa2eb !important}

:root[data-theme="dark"]{--theme-inline-0:#e7eef9;--theme-inline-1:#ef73ab;--theme-inline-2:#e7eef9;--theme-inline-3:#6d80b1;--theme-inline-4:#e7eef9;--theme-inline-5:#78a3fe;--theme-inline-6:#e7eef9;--theme-inline-7:1px solid #32435c;--theme-inline-8:#0c1320;--theme-inline-9:#e7eef9;--theme-inline-10:#abbdd7;--theme-inline-11:1px solid #32435c;--theme-inline-12:#0c1320;--theme-inline-13:#e7eef9;--theme-inline-14:#abbdd7;--theme-inline-15:1px solid #32435c;--theme-inline-16:#0c1320;--theme-inline-17:#e7eef9;--theme-inline-18:#abbdd7;--theme-inline-19:1px solid #32435c;--theme-inline-20:#0c1320;--theme-inline-21:#e7eef9;--theme-inline-22:#abbdd7;--theme-inline-23:1px solid #32435c;--theme-inline-24:#0c1320;--theme-inline-25:#e7eef9;--theme-inline-26:#abbdd7;--theme-inline-27:#dd7d8d;--theme-inline-28:#32435c;--theme-inline-29:#0c1320;--theme-inline-30:1px solid #32435c;--theme-inline-31:#0c1320;--theme-inline-32:1px solid #32435c;--theme-inline-33:#0c1320;--theme-inline-34:1px solid #32435c;--theme-inline-35:1px solid #32435c;--theme-inline-36:1px solid #32435c;--theme-inline-37:1px solid #32435c;--theme-inline-38:1px solid #32435c;--theme-inline-39:1px solid #32435c;--theme-inline-40:1px solid #32435c;--theme-inline-41:1px solid #32435c;--theme-inline-42:1px solid #32435c;--theme-inline-43:1px solid #32435c;--theme-inline-44:1px solid #32435c;--theme-inline-45:1px solid #32435c;--theme-inline-46:1px solid #32435c;--theme-inline-47:1px solid #32435c;--theme-inline-48:1px solid #32435c;--theme-inline-49:1px solid #32435c;--theme-inline-50:1px solid #32435c;--theme-inline-51:1px solid #32435c;--theme-inline-52:1px solid #32435c;--theme-inline-53:1px solid #32435c;--theme-inline-54:1px solid #32435c;--theme-inline-55:1px solid #32435c;--theme-inline-56:1px solid #32435c;--theme-inline-57:1px solid #32435c;--theme-inline-58:1px solid #32435c;--theme-inline-59:1px solid #32435c;--theme-inline-60:1px solid #32435c;--theme-inline-61:1px solid #32435c;--theme-inline-62:1px solid #32435c;--theme-inline-63:1px solid #32435c;--theme-inline-64:1px solid #32435c;--theme-inline-65:1px solid #32435c;--theme-inline-66:1px solid #32435c;--theme-inline-67:1px solid #32435c;--theme-inline-68:1px solid #32435c;--theme-inline-69:1px solid #32435c;--theme-inline-70:1px solid #32435c;--theme-inline-71:1px solid #32435c;--theme-inline-72:1px solid #32435c;--theme-inline-73:1px solid #32435c;--theme-inline-74:#e7eef9;--theme-inline-75:#abbdd7;--theme-inline-76:#0c1320;--theme-inline-77:#6fa2eb;--theme-inline-78:#0c1320;--theme-inline-79:#6fa2eb;--theme-inline-80:#0c1320;--theme-inline-81:#6fa2eb;--theme-inline-82:#0c1320;--theme-inline-83:#6fa2eb;--theme-inline-84:#0c1320;--theme-inline-85:#6fa2eb;--theme-inline-86:#abbdd7;--theme-inline-87:#0c1320;--theme-inline-88:#6fa2eb;--theme-inline-89:#0c1320;--theme-inline-90:#6fa2eb;--theme-inline-91:#0c1320;--theme-inline-92:#6fa2eb;--theme-inline-93:#abbdd7;--theme-inline-94:#0c1320;--theme-inline-95:#6fa2eb;--theme-inline-96:#0c1320;--theme-inline-97:#6fa2eb;--theme-inline-98:#abbdd7;--theme-inline-99:#abbdd7;--theme-inline-100:#abbdd7;--theme-inline-101:#0c1320;--theme-inline-102:1px solid #32435c;--theme-inline-103:#0c1320;--theme-inline-104:1px solid #32435c;--theme-inline-105:#0c1320;--theme-inline-106:1px solid #32435c;--theme-inline-107:1px solid #32435c;--theme-inline-108:1px solid #32435c;--theme-inline-109:1px solid #32435c;--theme-inline-110:1px solid #32435c;--theme-inline-111:1px solid #32435c;--theme-inline-112:1px solid #32435c;--theme-inline-113:1px solid #32435c;--theme-inline-114:1px solid #32435c;--theme-inline-115:1px solid #32435c;--theme-inline-116:1px solid #32435c;--theme-inline-117:1px solid #32435c;--theme-inline-118:1px solid #32435c;--theme-inline-119:1px solid #32435c;--theme-inline-120:1px solid #32435c;--theme-inline-121:1px solid #32435c;--theme-inline-122:1px solid #32435c;--theme-inline-123:1px solid #32435c;--theme-inline-124:1px solid #32435c;--theme-inline-125:1px solid #32435c;--theme-inline-126:1px solid #32435c;--theme-inline-127:1px solid #32435c;--theme-inline-128:1px solid #32435c;--theme-inline-129:1px solid #32435c;--theme-inline-130:1px solid #32435c;--theme-inline-131:1px solid #32435c;--theme-inline-132:1px solid #32435c;--theme-inline-133:1px solid #32435c;--theme-inline-134:1px solid #32435c;--theme-inline-135:1px solid #32435c;--theme-inline-136:1px solid #32435c;--theme-inline-137:1px solid #32435c;--theme-inline-138:1px solid #32435c;--theme-inline-139:1px solid #32435c;--theme-inline-140:1px solid #32435c;--theme-inline-141:1px solid #32435c;--theme-inline-142:1px solid #32435c;--theme-inline-143:1px solid #32435c;--theme-inline-144:1px solid #32435c;--theme-inline-145:1px solid #32435c;--theme-inline-146:#0c1320;--theme-inline-147:1px solid #32435c;--theme-inline-148:1px solid #32435c;--theme-inline-149:#0c1320;--theme-inline-150:1px solid #32435c;--theme-inline-151:#0c1320;--theme-inline-152:1px solid #32435c;--theme-inline-153:1px solid #32435c;--theme-inline-154:1px solid #32435c;--theme-inline-155:1px solid #32435c;--theme-inline-156:1px solid #32435c;--theme-inline-157:1px solid #32435c;--theme-inline-158:1px solid #32435c;--theme-inline-159:1px solid #32435c;--theme-inline-160:1px solid #32435c;--theme-inline-161:1px solid #32435c;--theme-inline-162:1px solid #32435c;--theme-inline-163:1px solid #32435c;--theme-inline-164:#0c1320;--theme-inline-165:1px solid #32435c;--theme-inline-166:#abbdd7;--theme-inline-167:#0c1320;--theme-inline-168:#6fa2eb;--theme-inline-169:#0c1320;--theme-inline-170:1px solid #32435c;--theme-inline-171:#abbdd7;--theme-inline-172:#0c1320;--theme-inline-173:#6fa2eb;--theme-inline-174:#0c1320;--theme-inline-175:1px solid #32435c;--theme-inline-176:#abbdd7;--theme-inline-177:#0c1320;--theme-inline-178:#6fa2eb;--theme-inline-179:#abbdd7;--theme-inline-180:#abbdd7;--theme-inline-181:#abbdd7;--theme-inline-182:#abbdd7;--theme-inline-183:1px solid #32435c;--theme-inline-184:#0c1320;--theme-inline-185:#e7eef9;--theme-inline-186:#abbdd7;--theme-inline-187:1px solid #32435c;--theme-inline-188:#0c1320;--theme-inline-189:#e7eef9;--theme-inline-190:#abbdd7;--theme-inline-191:1px solid #32435c;--theme-inline-192:#0c1320;--theme-inline-193:#e7eef9;--theme-inline-194:#abbdd7;--theme-inline-195:1px solid #32435c;--theme-inline-196:#0c1320;--theme-inline-197:#e7eef9;--theme-inline-198:#abbdd7;--theme-inline-199:#0c1320;--theme-inline-200:#6fa2eb;--theme-inline-201:#0c1320;--theme-inline-202:#6fa2eb;--theme-inline-203:1px solid #32435c;--theme-inline-204:#0c1320;--theme-inline-205:#e7eef9;--theme-inline-206:#abbdd7;--theme-inline-207:1px solid #32435c;--theme-inline-208:#0c1320;--theme-inline-209:#e7eef9;--theme-inline-210:#abbdd7;--theme-inline-211:1px solid #32435c;--theme-inline-212:#0c1320;--theme-inline-213:#e7eef9;--theme-inline-214:#abbdd7;--theme-inline-215:1px solid #32435c;--theme-inline-216:#0c1320;--theme-inline-217:#e7eef9;--theme-inline-218:#abbdd7;--theme-inline-219:1px solid #32435c;--theme-inline-220:#0c1320;--theme-inline-221:#e7eef9;--theme-inline-222:#abbdd7;--theme-inline-223:1px solid #32435c;--theme-inline-224:1px solid #32435c;--theme-inline-225:1px solid #32435c;--theme-inline-226:1px solid #32435c;--theme-inline-227:#0c1320;--theme-inline-228:1px solid #32435c;--theme-inline-229:#abbdd7;--theme-inline-230:#0c1320;--theme-inline-231:1px solid #32435c;--theme-inline-232:#abbdd7;--theme-inline-233:#abbdd7;--theme-inline-234:#abbdd7;--theme-inline-235:3px solid #32435c;--theme-inline-236:1px solid #32435c;--theme-inline-237:#0c1320;--theme-inline-238:#0c1320;--theme-inline-239:#84d493;--theme-inline-240:#182438;--theme-inline-241:#0c1320;--theme-inline-242:#0c1320;--theme-inline-243:#84d493;--theme-inline-244:#0c1320;--theme-inline-245:1px solid #32435c;--theme-inline-246:1px solid #32435c;--theme-inline-247:#0c1320;--theme-inline-248:#84d493;--theme-inline-249:1px solid #32435c;--theme-inline-250:#0c1320;--theme-inline-251:#121c2d;--theme-inline-252:#121c2d;--theme-inline-253:#6fa2eb;--theme-inline-254:1px dashed #32435c;--theme-inline-255:#0c1320;--theme-inline-256:1px solid #32435c;--theme-inline-257:#dd7d8d;--theme-inline-258:1px solid #32435c;--theme-inline-259:#0c1320;--theme-inline-260:#0c1320;--theme-inline-261:#dd7d8d;--theme-inline-262:#0c1320;--theme-inline-263:1px solid #32435c;--theme-inline-264:#0c1320;--theme-inline-265:#0c1320;--theme-inline-266:#c4ac6b;--theme-inline-267:#182438;--theme-inline-268:#0c1320;--theme-inline-269:1px solid #32435c;--theme-inline-270:#0c1320;--theme-inline-271:#0c1320;--theme-inline-272:#d6b971;--theme-inline-273:#182438;--theme-inline-274:#0c1320;--theme-inline-275:1px solid #32435c;--theme-inline-276:#0c1320;--theme-inline-277:#0c1320;--theme-inline-278:#dd7d8d;--theme-inline-279:#0c1320;--theme-inline-280:1px solid #32435c;--theme-inline-281:1px solid #32435c;--theme-inline-282:#0c1320;--theme-inline-283:2px dashed #32435c;--theme-inline-284:#0c1320;--theme-inline-285:1px solid #32435c;--theme-inline-286:#0c1320;--theme-inline-287:#121c2d;--theme-inline-288:#6fa2eb;--theme-inline-289:#121c2d;--theme-inline-290:#0c1320;--theme-inline-291:#abbdd7;--theme-inline-292:1px solid #32435c}

/* Theme controls and shared palette. */
:root[data-theme="dark"] { --ink:#e7eef9; --muted:#abbed7; --soft:#121c2d; --line:#32435c; --blue:#75b1ff; --blue-soft:#203752; --pink:#ff78b3; --green:#6bda85; --shadow:0 16px 46px #0005; }
.theme-toggle { display:inline-flex; align-items:center; justify-content:center; gap:7px; flex-shrink:0; min-height:40px; padding:0 12px; border:1px solid #dfe8f4; border-radius:12px; background:#fff; color:#071636; font:700 13px var(--font-sans, sans-serif); cursor:pointer; }
.theme-toggle span:first-child { font-size:22px; line-height:1; }
.theme-toggle:hover { border-color:#075fdd; }
.theme-toggle:focus-visible { outline:3px solid #75b1ff; outline-offset:3px; }
:root[data-theme="dark"] .theme-toggle { background:#121c2d; color:#e7eef9; border-color:#32435c; }
:root .shell.nav:has(> .theme-toggle) { grid-template-columns:minmax(160px,240px) 1fr auto auto; gap:12px; }
:root[data-theme="dark"] body { color:var(--ink); background-color:#080e18; }
:root[data-theme="dark"] :is(input, select, textarea) { color:var(--ink); }
:root[data-theme="dark"] ::placeholder { color:#abbed7; opacity:1; }
:root[data-theme="dark"] .brand-logo-image { background:transparent; border-radius:0; padding:0; }
.theme-toggle-floating { position:fixed; bottom:20px; right:20px; z-index:100; box-shadow:0 4px 20px #0003; }
@media(max-width:1100px) { :root .shell.nav:has(> .theme-toggle) { grid-template-columns:1fr auto auto; } :root .shell.nav:has(> .theme-toggle) .nav-links { grid-column:1 / -1; grid-row:2; } }
@media(max-width:720px) { .theme-toggle { min-height:38px; padding:0 9px; } :root .shell.nav:has(> .theme-toggle) { gap:8px; } :root .shell.nav:has(> .theme-toggle) .brand-logo-image { max-width:170px; } }
:root[data-theme="dark"] :is(.analytics-consent, .analytics-consent-manage, .analytics-consent button:not(.analytics-consent-accept)) { background:#121c2d !important; color:#e7eef9 !important; border-color:#32435c !important; }
:root[data-theme="dark"] .analytics-consent p { color:#abbed7 !important; }
:root[data-theme="dark"] .analytics-consent a { color:#75b1ff !important; }
body.admin-page .theme-toggle { position:fixed; top:12px; right:16px; z-index:10001; }
body.admin-page .admin-topbar-actions { padding-right:90px; }
:root[data-theme="dark"] :is(.guide-section-column, .guide-section) :is(td, th) { border-color:#32435c !important; }
@media(max-width:720px) {
  body.admin-page .admin-topbar-inner { flex-wrap:wrap; padding:10px 0; }
  body.admin-page .admin-topbar-actions { flex-wrap:wrap; padding-right:0; width:100%; }
  body.admin-page .admin-topbar-brand { padding-right:90px; }
}
@media(max-width:900px) {
  body.admin-page .admin-layout { grid-template-columns:minmax(0,1fr); }
  body.admin-page .admin-sidebar, body.admin-page .admin-main { min-width:0; max-width:100%; }
}

/* Slightly deeper navy canvas with layered navy surfaces. */


/* Transparent wordmark: white lettering remains readable on navy surfaces. */
:root[data-theme="dark"] :is(.brand-logo-image, .footer-logo-image, .admin-topbar-brand img) { background:transparent !important; filter:brightness(0) invert(1) !important; }

/* Distinct card surfaces for the homepage in dark mode. */
:root[data-theme="dark"] body.basic-home .why-grid .why-card,
:root[data-theme="dark"] body.basic-home .why-grid .coffee-card { background:#162236 !important; border:1px solid #3b4d68; color:#e7eef9; box-shadow:0 8px 24px rgba(0,0,0,.18); }
:root[data-theme="dark"] body.basic-home .why-grid .coffee-card { background:linear-gradient(145deg,#30291d,#162236) !important; border-color:#6b5735; }
:root[data-theme="dark"] body.basic-home .why-grid p { color:#b8c7dd; }
:root[data-theme="dark"] body.basic-home .why-grid .why-icon { background:#20324d; }
:root[data-theme="dark"] body.basic-home .why-grid .coffee-card button { background:#FAC439 !important; color:#251b00 !important; }

/* The homepage skyline stays behind the complete hero in both themes. */
body[data-page="home"] .hero { isolation:isolate; overflow:visible; }
body[data-page="home"] .hero::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:url('/assets/home-landmarks-blue.png') center bottom / cover no-repeat; transform:translateY(300px); opacity:.25; transition:opacity 360ms ease; }
:root[data-theme="dark"] body[data-page="home"] .hero::before { opacity:.45; }
@media(prefers-reduced-motion:reduce) { body[data-page="home"] .hero::before { transition:none; } }

/* Keep the SinKey promotion white with readable text in either theme. */
:root body.basic-home .sinkey-banner { background:#fff !important; color:#071636 !important; --ink:#071636; --muted:#51617f; border-color:#dce7f2 !important; }
:root body.basic-home .sinkey-banner .sinkey-copy h2 { color:#071636 !important; }
:root body.basic-home .sinkey-banner .sinkey-copy p,
:root body.basic-home .sinkey-banner .sinkey-actions p { color:#51617f !important; }

/* Keep the shifted hero artwork behind the opaque promotion card. */
:root body.basic-home .sinkey-banner { position:relative; z-index:1; isolation:isolate; background:#fff !important; }


/* Show the complete skyline within the home hero without cropping. */
body[data-page="home"] .hero { min-height:42.85vw; }
body[data-page="home"] .hero::before { inset:auto 0 0; width:100%; height:auto; aspect-ratio:1916 / 821; background-size:100% 100%; background-position:center; transform:translateY(-120px); }


/* Bring the home promotion and following content closer to the hero. */
body[data-page="home"].basic-home .sinkey-banner { margin-top:-415px; }
@media (max-width:720px) { body[data-page="home"].basic-home .sinkey-banner { margin-top:-24px; } }