:root{--bg:#faf8ff;--card:#fff;--tx:#1f1b2e;--mut:#6b6580;--bd:#e7e2f5;--a1:#7c3aed;--a2:#ec4899;--r:16px}
[data-theme=dark]{--bg:#0f0c1a;--card:#191428;--tx:#efeaff;--mut:#a59fc0;--bd:#2c2545}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Sinhala",sans-serif}
a{color:var(--a1)}img{max-width:100%;height:auto}
.ftx-wrap{max-width:1100px;margin:0 auto;padding:0 18px}
.ftx-narrow{max-width:820px}
.ftx-header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--bd)}
.ftx-head-in{display:flex;align-items:center;gap:16px;min-height:64px}
.ftx-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;text-decoration:none;color:var(--tx)}
.ftx-logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--a1),var(--a2))}
.ftx-nav{margin-left:auto}
.ftx-menu{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.ftx-menu a{display:block;padding:8px 14px;border-radius:999px;text-decoration:none;color:var(--tx);font-weight:600;font-size:15px}
.ftx-menu a:hover,.ftx-menu .current-menu-item>a{background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff}
.ftx-burger,.ftx-icon-btn{background:none;border:1px solid var(--bd);color:var(--tx);border-radius:10px;width:40px;height:40px;font-size:18px;cursor:pointer}
.ftx-burger{display:none;margin-left:auto}
.ftx-hero{text-align:center;padding:56px 0 30px}
.ftx-hero h1{font-size:clamp(30px,5vw,52px);line-height:1.15;margin:0 0 12px;background:linear-gradient(135deg,var(--a1),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}
.ftx-hero p{max-width:640px;margin:0 auto;color:var(--mut);font-size:18px}
.ftx-inputbox{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:14px}
#ftx-input{width:100%;border:0;outline:0;resize:vertical;background:transparent;color:var(--tx);font:inherit;font-size:20px}
.ftx-tools{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--mut);font-size:14px}
#ftx-filter{margin-left:auto;padding:8px 12px;border-radius:10px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);min-width:0;width:180px}
.ftx-btn{display:inline-block;border:0;cursor:pointer;color:#fff;font-weight:700;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,var(--a1),var(--a2));text-decoration:none;font-size:15px}
.ftx-btn.ghost{background:transparent;color:var(--tx);border:1px solid var(--bd)}
.ftx-btn.small{padding:7px 16px;font-size:14px;flex-shrink:0}
.ftx-btn.ok{background:#16a34a}
.ftx-results{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 12px;margin-top:22px}
.ftx-out{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:12px 14px;position:relative;transition:.15s}
.ftx-out:hover{border-color:var(--a1);transform:translateY(-2px)}
.ftx-label{position:absolute;top:-9px;left:12px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--bg);color:var(--a1);padding:0 8px;border-radius:99px}
.ftx-text{flex:1;font-size:20px;word-break:break-word;min-width:0;padding-top:4px;line-height:1.5}
.ftx-ad{margin:26px 0;text-align:center;min-height:90px;overflow:hidden}
.ftx-ad-label{display:block;font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.ftx-content{padding:20px 0}
.ftx-content h2{margin-top:1.8em;font-size:26px}
.ftx-content h3{margin-top:1.4em}
.ftx-title{font-size:clamp(28px,4vw,40px);margin:36px 0 10px}
.ftx-meta{color:var(--mut)}
.ftx-sec{font-size:26px;margin:36px 0 14px}
.ftx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.ftx-card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);overflow:hidden}
.ftx-card-b{padding:14px 16px}.ftx-card h3{margin:0 0 6px;font-size:18px}.ftx-card a{text-decoration:none;color:var(--tx)}
.ftx-card p{margin:0 0 6px;color:var(--mut);font-size:14px}
.ftx-form{display:grid;gap:14px;max-width:560px}
.ftx-form label{display:grid;gap:6px;font-weight:600}
.ftx-form input,.ftx-form textarea{padding:12px;border:1px solid var(--bd);border-radius:12px;background:var(--card);color:var(--tx);font:inherit}
.ftx-notice{padding:12px 16px;border-radius:12px}.ftx-notice.ok{background:#dcfce7;color:#166534}.ftx-notice.err{background:#fee2e2;color:#991b1b}
.ftx-footer{margin-top:60px;border-top:1px solid var(--bd);background:var(--card);padding:36px 0 24px;text-align:center}
.ftx-fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;text-align:left;margin-bottom:24px}
.ftx-wtitle{margin:0 0 10px;font-size:17px}
.ftx-fnav .ftx-menu{justify-content:center}
.ftx-social{display:flex;gap:14px;justify-content:center;margin:14px 0}
.ftx-copy{color:var(--mut);font-size:14px;margin:10px 0 0}
.ftx-cookie{position:fixed;left:14px;right:14px;bottom:14px;z-index:99;max-width:640px;margin:auto;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:14px 16px;display:flex;gap:14px;align-items:center;box-shadow:0 10px 40px rgba(0,0,0,.2)}
.ftx-cookie[hidden]{display:none}.ftx-cookie p{margin:0;font-size:14px}
.ftx-pager{margin:24px 0;text-align:center}.ftx-pager .page-numbers{padding:6px 12px;display:inline-block}
.ftx-comments{margin-top:30px}.ftx-clist{padding-left:18px}
@media(max-width:760px){
  .ftx-burger{display:block}
  .ftx-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--bd);padding:10px 18px;margin:0}
  .ftx-nav.open{display:block}.ftx-menu{flex-direction:column}
  .ftx-results{grid-template-columns:1fr}
  #ftx-filter{width:120px}
}