/*! Fwdpage © 2026 @christophtisch @perfectborn. All rights reserved. */
:root, .site-header[data-chrome="light"]{ --acc:#7f66e5; --bg:#ffffff; --fg:#0a0a0a; --muted:#6f6f6f; --card:#ffffff; --soft:#f5f5f5; --border:#e5e5e5; --radius:14px; --radius-s:10px; --shadow:none; } html[data-theme="dark"], .site-header[data-chrome="dark"]{ --bg:#0a0a0a; --fg:#f5f5f5; --muted:#8f8f8f; --card:#0f0f0f; --soft:#171717; --border:#232323; --shadow:none; } @media (prefers-color-scheme: dark){ html:not([data-theme="light"]):not([data-theme="dark"]){ --bg:#0a0a0a; --fg:#f5f5f5; --muted:#8f8f8f; --card:#0f0f0f; --soft:#171717; --border:#232323; --shadow:none; } } h1{font-weight:800; letter-spacing:-0.03em} h2{font-weight:750; letter-spacing:-0.02em} .masthead h1, .hero h1{letter-spacing:-0.035em} .masthead .lead, .hero .lead{color:var(--muted)} .site-header{border-bottom-width:1px; background:var(--bg)} .header-landing{border-bottom-color:transparent; background:transparent} .btn{border-width:1px; box-shadow:none} .btn:hover{border-color:var(--fg)} .btn-primary{ background:var(--fg); border-color:var(--fg); color:var(--bg); } .btn-primary:hover{opacity:.85; border-color:var(--fg)} .btn-danger{background:var(--no); border-color:var(--no); color:#fff} .nav-burger{border-width:1px} .card, .box, .banner, .stats div, .legal-toc, .about-demo-stage, .custom-escaped{ border-width:1px; box-shadow:none; } .mo-pcol .mo-bx, .mo-mp, .mo-mp .mo-bx, .mo-scene .mo-bx, .mo-b, .mo-tags span, .mo-tg, .mo-banner{ border-width:1px; } a.box-link{transition:border-color var(--tr), background var(--tr)} a.box-link:hover{transform:none; border-color:var(--fg); background:var(--soft)} .feed-item{transition:border-color var(--tr)} .feed-item:hover{border-color:var(--fg)} input, select, textarea, .wizard-slug, .suggest-item{border-width:1px} input::placeholder, textarea::placeholder{ color:color-mix(in srgb, var(--muted) 55%, transparent); } input:focus-visible, select:focus-visible, textarea:focus-visible{ outline:none; border-color:var(--fg); box-shadow:0 0 0 3px color-mix(in srgb, var(--acc) 15%, transparent); } .avatar, .avatar-img{border-width:1px; box-shadow:none} .tag{border-width:1px; background:transparent} .tag-plus{background:var(--fg); border-color:var(--fg); color:var(--bg)} .usp-row li{border-width:1px; box-shadow:none; background:var(--soft); border-color:transparent} .coupon{border-color:var(--fg); color:var(--fg); background:var(--soft); border-width:1.5px} .faq-item{border-bottom-width:1px} .help-nav a{border-width:1px; background:var(--soft); border-color:transparent} .help-nav a:hover{border-color:var(--fg); color:var(--fg)} .legal-table th, .legal-table td{border-width:1px} .legal-table th{background:var(--soft)} .legal-todo{background:var(--soft); color:var(--fg); border-color:var(--muted)} .site-footer{border-top:0; padding-top:12px; padding-bottom:14px} .admin-table td, .admin-table th{border-bottom:1px solid var(--border)} .modal{border-width:1px; box-shadow:0 24px 64px -16px rgba(0,0,0,.25)} .toast{border-width:1px; box-shadow:0 12px 32px -12px rgba(0,0,0,.3)} @media (max-width:720px){ .nav-auth{border-bottom:1px solid var(--border); box-shadow:0 16px 32px -16px rgba(0,0,0,.18)} } .glass::before{opacity:.5}