*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{background:linear-gradient(135deg,#071426,#0f2238 45%,#071426);font-family:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq",Tahoma,serif;color:#f8fafc}.kn-abjad-page{width:min(1180px,94vw);margin:32px auto 54px;direction:rtl}.kn-abjad-hero{background:linear-gradient(135deg,#071426,#0f3b2e 56%,#123b2e);border:1px solid rgba(212,175,55,.38);border-radius:28px;padding:30px 22px;text-align:center;box-shadow:0 22px 55px rgba(0,0,0,.25);margin-bottom:20px}.kn-abjad-kicker{display:block;color:#f7d36d;font-weight:900;font-size:16px;margin-bottom:4px}.kn-abjad-hero h1{margin:0;color:#f7d36d;font-size:42px;line-height:1.8;text-shadow:0 4px 18px rgba(0,0,0,.35)}.kn-abjad-hero p{margin:2px auto 0;color:#e9f2ff;font-size:17px;line-height:2;max-width:850px}.kn-abjad-panel{background:rgba(255,255,255,.97);border:1px solid #ead7ad;border-radius:22px;padding:18px;box-shadow:0 18px 45px rgba(0,0,0,.18);margin-bottom:18px;color:#102033}.kn-abjad-controls{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:14px;align-items:start}.kn-abjad-field label{display:block;color:#7c4a03;font-weight:900;font-size:20px;margin:0 0 8px;text-align:right}.kn-abjad-field select,.kn-abjad-field textarea{width:100%;border:1px solid #d9a93a;border-radius:16px;background:#fff;color:#0f172a;font-family:inherit;outline:none}.kn-abjad-field select{height:58px;padding:0 16px;font-size:21px;text-align:center}.kn-abjad-field textarea{min-height:118px;resize:vertical;font-size:25px;line-height:2.05;padding:12px 18px;text-align:right;direction:rtl}.kn-abjad-field select:focus,.kn-abjad-field textarea:focus{border-color:#0f766e;box-shadow:0 0 0 4px rgba(15,118,110,.14)}.kn-abjad-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:14px}.kn-abjad-btn{height:56px;border:0;border-radius:15px;padding:0 30px;font-size:22px;font-weight:900;font-family:inherit;cursor:pointer;box-shadow:0 12px 24px rgba(15,23,42,.15);display:inline-flex;align-items:center;justify-content:center;gap:8px}.kn-abjad-btn.gold{background:#d9a93a;color:#0f172a}.kn-abjad-btn.blue{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff}.kn-abjad-btn.green{background:linear-gradient(135deg,#10b981,#047857);color:#fff}.kn-abjad-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.kn-abjad-note{text-align:center;color:#64748b;font-size:14px;line-height:1.9;margin-top:8px}.kn-abjad-error{display:none;background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:14px;padding:12px;margin:0 0 14px;text-align:center;font-weight:900}.kn-abjad-result{display:grid;grid-template-columns:1fr minmax(240px,340px);gap:14px;align-items:stretch}.kn-abjad-sum{background:linear-gradient(135deg,#073b2d,#0f766e);border:1px solid rgba(212,175,55,.48);border-radius:20px;padding:18px;text-align:center;color:#fff;box-shadow:0 18px 40px rgba(15,118,110,.20)}.kn-abjad-sum span{display:block;color:#fde68a;font-size:18px;font-weight:900;margin-bottom:6px}.kn-abjad-sum strong{display:block;font-size:48px;line-height:1.35;color:#fff}.kn-abjad-meta{background:#fffdf6;border:1px solid #ead7ad;border-radius:20px;padding:16px;color:#0f172a;line-height:2}.kn-abjad-meta b{color:#7c4a03}.kn-abjad-keyboard{display:grid;grid-template-columns:repeat(13,1fr);gap:8px;direction:rtl;margin-top:10px}.kn-abjad-key{min-height:58px;border:2px solid #8c6b22;border-radius:14px;background:linear-gradient(#fff8dc,#ead08a);color:#111;font-family:inherit;font-size:27px;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #8c6b22,0 10px 18px rgba(0,0,0,.12);transition:.08s}.kn-abjad-key:hover{filter:brightness(1.04)}.kn-abjad-key:active{transform:translateY(4px);box-shadow:0 1px 0 #8c6b22,0 4px 9px rgba(0,0,0,.12)}.kn-abjad-key.empty{visibility:hidden;pointer-events:none}.kn-abjad-key.action{background:linear-gradient(#2e765b,#174735);color:#fff;border-color:#0d3326;box-shadow:0 5px 0 #0d3326,0 10px 18px rgba(0,0,0,.18);font-size:20px}.kn-abjad-print-sheet{display:none}.kn-abjad-seo{background:rgba(255,255,255,.96);border:1px solid #ead7ad;border-radius:22px;color:#102033;padding:22px;line-height:2.1;box-shadow:0 18px 45px rgba(0,0,0,.14)}.kn-abjad-seo h2{color:#7c4a03;margin:0 0 10px;font-size:26px}.kn-abjad-seo p{margin:0 0 12px}.kn-abjad-seo ul{margin:0;padding:0 24px}.kn-abjad-seo li{margin:5px 0}@media(max-width:900px){.kn-abjad-controls,.kn-abjad-result{grid-template-columns:1fr}.kn-abjad-keyboard{grid-template-columns:repeat(7,1fr)}.kn-abjad-hero h1{font-size:32px}.kn-abjad-key{font-size:23px;min-height:52px}}@media(max-width:560px){.kn-abjad-page{width:min(96vw,1180px);margin:22px auto}.kn-abjad-panel{padding:13px}.kn-abjad-actions{gap:9px}.kn-abjad-btn{width:100%;height:54px}.kn-abjad-keyboard{grid-template-columns:repeat(5,1fr);gap:7px}.kn-abjad-key{font-size:21px;min-height:48px}.kn-abjad-sum strong{font-size:38px}.kn-abjad-field textarea{font-size:22px}}@media print{@page{size:A4 portrait;margin:10mm}body{background:#fff!important;color:#000!important}.kn-simple-header,.kn-site-header,.site-header,header,footer,.kn-abjad-hero,.kn-abjad-panel,.kn-abjad-seo,.kn-vt-popover,.kn-vt-mic,.kn-vt-wrap .kn-vt-popover{display:none!important}.kn-abjad-page{width:100%;margin:0}.kn-abjad-print-sheet{display:block!important;direction:rtl;font-family:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq",serif;color:#111;max-width:185mm;margin:0 auto}.kn-print-card{border:2px solid #8c6b22;border-radius:18px;padding:14px;text-align:center}.kn-print-brand{font-size:18px;color:#7c4a03;font-weight:900}.kn-print-title{font-size:34px;line-height:1.9;margin:0;color:#111}.kn-print-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}.kn-print-box{border:1px solid #ead7ad;border-radius:12px;padding:10px;background:#fffdf6;font-size:18px;line-height:1.7}.kn-print-text{border:1px solid #cbd5e1;border-radius:12px;padding:10px;min-height:35mm;text-align:right;font-size:20px;line-height:2.1;white-space:pre-wrap}.kn-print-total{font-size:34px;color:#7c4a03;font-weight:900}.kn-print-foot{font-size:12px;color:#475569;margin-top:10px}}