:root{--ground:#071d2b;--surface:#0c2637;--surface-2:#11303f;--surface-3:#173a4b;--line:#6fd1d71f;--line-2:#6fd1d73d;--ink:#e8f4f0;--ink-2:#b2c7c8;--ink-3:#8aa5a8;--teal:#6fd1d7;--mint:#5df8d8;--mint-ink:#062a22;--amber:#f2c46d;--coral:#ff8a7a;--gold:#f2c94c;--pink:#e72d8a;--r:18px;--r-ctl:14px;--nav-h:76px;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:15px;line-height:1.5}::selection{background:#5df8d840}:focus-visible{outline:2px solid var(--mint);outline-offset:2px;border-radius:8px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.5}a{color:var(--teal);text-decoration:none}.num{font-variant-numeric:tabular-nums}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ico{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.app{background:var(--ground);max-width:480px;min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));margin:0 auto;position:relative}.app:before{content:"";pointer-events:none;background:radial-gradient(70% 60% at 25% 20%,#6fd1d717,#0000 70%);height:360px;position:absolute;inset:0 0 auto}@media (width>=768px){body{background:#030d14}.app{overscroll-behavior:contain;scrollbar-width:none;border:1px solid #6fd1d726;border-radius:32px;height:min(880px,100dvh - 48px);min-height:0;margin:24px auto;padding-bottom:0;overflow-y:auto;box-shadow:0 0 0 1px #ffffff0d,0 20px 60px #000000a6,0 0 80px #6fd1d71a}.app::-webkit-scrollbar{display:none}.app{flex-direction:column;display:flex}.app>main{flex:1 0 auto}.app>.nav{max-width:none;height:var(--nav-h);border-radius:0 0 31px 31px;flex-shrink:0;margin:0;padding-bottom:0;position:sticky;bottom:0;left:auto;right:auto}}.page{padding:0 20px 28px;position:relative}.top{z-index:20;-webkit-backdrop-filter:blur(20px)saturate(1.4);background:#071d2bb8;border-bottom:1px solid #6fd1d71a;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:14px 20px 10px;display:flex;position:sticky;top:0}.top~.page{padding-top:22px}.top-title{font-size:16px;font-weight:600}.brand{color:inherit;align-items:center;gap:10px;display:flex}.brand-ico{flex-shrink:0;width:34px;height:34px;display:block}.logo{letter-spacing:-.02em;color:var(--ink);font-size:19px;font-weight:700}.logo span{color:var(--teal)}.logo-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:1px;font-size:9.5px;font-weight:600}.icon-btn.menu-btn{flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;padding:0 11px;display:flex}.menu-btn span{background:var(--ink);width:22px;height:2px;transition:width .24s var(--ease);border-radius:2px;display:block}.menu-btn span:nth-child(2){width:15px}.menu-btn:hover span:nth-child(2){width:22px}.icon-btn{width:44px;height:44px;color:var(--ink-2);border-radius:14px;place-items:center;display:grid}.icon-btn:hover{background:var(--surface);color:var(--ink)}.avatar{object-fit:cover;background:var(--surface-2);width:36px;height:36px;color:var(--teal);border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid}.nav{z-index:30;max-width:480px;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--ground);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.nav a{color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.nav a.active{color:var(--ink)}.nav a.active .ico{color:var(--mint)}.nav a{position:relative}.nav-main{color:var(--mint)!important;gap:2px!important;font-weight:600!important}.nav-main .orb{width:58px;height:58px;color:var(--mint-ink);background:linear-gradient(135deg, var(--teal), var(--mint));box-shadow:0 0 0 5px var(--ground), 0 6px 22px -4px #5df8d88c;transition:transform .16s var(--ease);border-radius:50%;place-items:center;margin-top:-30px;display:grid;position:relative}.nav-main .orb .ico{stroke-width:1.9px;width:30px;height:30px;color:var(--mint-ink)!important}.nav-main .orb:before,.nav-main .orb:after{content:"";pointer-events:none;border:2px solid #5df8d88c;border-radius:50%;animation:2.6s ease-out infinite orb-ring;position:absolute;inset:0}.nav-main .orb:after{animation-delay:1.3s}.nav-main:active .orb{transform:scale(.94)}.nav-main.active .orb{box-shadow:0 0 0 5px var(--ground), 0 0 0 7px #5df8d859, 0 6px 22px -4px #5df8d899}@keyframes orb-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.nav-main .orb:before,.nav-main .orb:after{opacity:0;animation:none}}.h1{letter-spacing:-.02em;text-wrap:balance;font-size:24px;font-weight:700;line-height:1.2}.h2{color:var(--ink-3);margin:26px 2px 10px;font-size:13px;font-weight:600}.muted{color:var(--ink-3)}.soft{color:var(--ink-2)}.small{font-size:13px}.card{background:var(--surface);border-radius:var(--r);padding:18px}.card+.card{margin-top:12px}.outline{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}.row{align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.btn{border-radius:var(--r-ctl);background:var(--surface-2);height:52px;color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;transition:background .16s,transform .12s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:hover:not(:disabled){background:var(--surface-3)}.btn-primary{background:var(--mint);color:var(--mint-ink)}.btn-primary:hover:not(:disabled){background:#8afbe4}.btn-ghost{color:var(--ink-2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface);color:var(--ink)}.btn-danger{color:var(--coral);background:#ff8a7a1f}.btn-block{width:100%}.btn-square{flex-shrink:0;width:52px;padding:0}.btn-sm{border-radius:12px;height:40px;padding:0 14px;font-size:14px}.link-btn{color:var(--teal);padding:8px 4px;font-size:14px;font-weight:600}.trust{color:var(--ink-2);align-items:center;gap:5px;font-size:13px;font-weight:500;display:inline-flex}.trust .ico{width:15px;height:15px}.trust-n{color:var(--ink-3);font-weight:400}.trust.official{color:var(--gold)}.trust.verified,.trust.community{color:var(--mint)}.list{list-style:none}.list-row{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:14px;width:100%;padding:14px 2px;display:flex}.list-row:last-child{border-bottom:0}.list-row .grow{flex:1;min-width:0}.list-row .name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.list-row .sub{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;overflow:hidden}.list-row .end{color:var(--ink-3);flex-shrink:0;font-size:13px}.field-label{color:var(--ink-3);margin:0 2px 6px;font-size:13px;font-weight:600;display:block}.input,.select,.textarea{border-radius:var(--r-ctl);background:var(--surface);border:1px solid var(--line);width:100%;height:52px;color:var(--ink);outline:none;padding:0 16px;transition:border-color .16s}.textarea{resize:vertical;height:auto;padding:12px 16px;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--teal)}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.select{appearance:none}.select option{background:var(--surface)}.search{position:relative}.search .ico{color:var(--ink-3);position:absolute;top:15px;left:16px}.search .input{padding-left:48px}.field{margin-bottom:16px}.chips{scrollbar-width:none;gap:8px;padding:2px 0 6px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);height:36px;color:var(--ink-2);border-radius:999px;flex-shrink:0;padding:0 14px;font-size:13.5px;font-weight:500}.chip[aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}.notice{background:var(--surface);color:var(--ink-2);border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.5}.notice b{color:var(--ink);font-weight:600}.notice-warn{color:#f6dba6;background:#f2c46d1a}.notice-danger{color:#ffc2b9;background:#ff8a7a1a}.notice-ok{color:#bff8ea;background:#5df8d814}.scrim{z-index:100;background:#020c1299;justify-content:center;align-items:flex-end;animation:.18s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:480px;max-height:92dvh;padding:10px 20px calc(24px + env(safe-area-inset-bottom));animation:up .26s var(--ease);border-radius:24px 24px 0 0;overflow-y:auto}.scrim-full{background:var(--ground);align-items:stretch}.sheet-full{background:var(--ground);max-width:560px;height:100dvh;max-height:none;padding:calc(14px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));border-radius:0;flex-direction:column;animation:.18s ease-out fade;display:flex}.scan-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.scan-cam{aspect-ratio:1;background:#000;border-radius:20px;width:100%;max-height:56dvh;overflow:hidden}.scan-cam video{object-fit:cover;width:100%!important;height:100%!important}.scan-tips{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.scan-tips li{color:var(--ink-2);align-items:flex-start;gap:12px;font-size:14px;line-height:1.45;display:flex}.scan-tips .n{background:var(--surface-2);width:24px;height:24px;color:var(--teal);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:700;display:grid}.scan-foot{margin-top:auto;padding-top:16px}.sheet-handle{background:var(--line-2);border-radius:4px;width:40px;height:4px;margin:0 auto 16px}.sheet-title{margin-bottom:4px;font-size:18px;font-weight:700}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:0;transform:translateY(32px)}}.toast{left:50%;top:calc(10px + env(safe-area-inset-top));z-index:200;opacity:0;pointer-events:none;text-align:center;background:var(--ink);width:max-content;max-width:min(420px,100% - 32px);color:var(--ground);transition:opacity .2s, transform .24s var(--ease);border-radius:14px;padding:12px 18px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%,-12px);box-shadow:0 8px 28px #00000059}.toast.show{opacity:1;transform:translate(-50%)}.qr-card{color:#0d1117;text-align:center;background:#fff;border-radius:24px;padding:24px 0 0;overflow:hidden}.qr-brand{letter-spacing:-.03em;color:#0d1117;font-size:24px;font-weight:900;line-height:1}.qr-brand span{color:var(--teal)}.qr-tag{letter-spacing:.2em;text-transform:uppercase;color:#a9b3b8;margin-top:5px;font-size:9.5px;font-weight:600}.qr-frame{border:3px solid var(--pink);background:#fff;border-radius:16px;margin:18px auto 0;padding:12px;display:inline-block;box-shadow:0 4px 24px #e72d8a2e}.qr-frame canvas{display:block}.qr-band{background:var(--pink);color:#fff;letter-spacing:.16em;text-transform:uppercase;margin-top:18px;padding:8px 0;font-size:11px;font-weight:800}.qr-card figcaption{padding:14px 22px 18px}.qr-card .t{letter-spacing:-.01em;color:#0d1117;font-size:17px;font-weight:800;line-height:1.3}.qr-card .s{color:#6b7a82;margin-top:3px;font-size:12px}.qr-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:10px;display:flex}.qr-card.broken .qr-frame{border-color:#ccc}.qm-scrim{z-index:110;-webkit-backdrop-filter:blur(6px);background:#020c12b8;place-items:center;padding:16px;animation:.18s ease-out fade;display:grid;position:fixed;inset:0;overflow-y:auto}.qm{width:100%;max-width:340px;animation:up .3s var(--ease);background:#fff;border-radius:24px;outline:none;position:relative;overflow:hidden;box-shadow:0 32px 80px #0000008c}.qm .qr-card{border-radius:0}.qm-x{z-index:2;color:#667;background:#0000000f;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:12px;right:12px}.qm-x .ico{width:16px;height:16px}.qm-badge{letter-spacing:.04em;text-transform:uppercase;color:#0f766e;background:#0d94881a;border-radius:999px;align-items:center;gap:4px;height:24px;padding:0 10px;font-size:10.5px;font-weight:700;display:inline-flex}.qm-badge .ico{width:12px;height:12px}.qm-badge.official{color:#a16207;background:#ca8a041f}.qm-badge.unverified{color:#6b7a82;background:#0000000d}.qm-fav{letter-spacing:.06em;text-transform:uppercase;color:#556;background:#00000008;border:1px solid #0000001f;border-radius:999px;align-items:center;gap:4px;height:24px;padding:0 10px;font-size:10.5px;font-weight:700;display:inline-flex}.qm-fav .ico{width:12px;height:12px}.qm-fav.on{color:var(--pink);background:#e72d8a14;border-color:#e72d8a4d}.qm-fav.on .ico{fill:currentColor}.qm-actions{text-align:center;border-top:1px solid #f1f3f4;padding:16px 20px 18px}.qm-row{gap:8px;display:flex}.qm-row button{border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;height:48px;font-size:14px;font-weight:700;display:flex}.qm-row .ico{width:17px;height:17px}.qm-save{background:linear-gradient(135deg, var(--teal), var(--mint));color:#071d2b;box-shadow:0 4px 16px #5df8d866}.qm-share{color:#0d1117;border:1.5px solid #d4d8da!important}.qm-hint{color:#8a969c;margin-top:10px;font-size:11.5px;line-height:1.5}.qm-close{color:#8a969c;width:100%;margin-top:6px;padding:8px;font-size:13.5px}.qm-report{color:#b4bdc1;align-items:center;gap:5px;padding:4px;font-size:11.5px;display:inline-flex}.qm-report .ico{width:12px;height:12px}.steps{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.steps div{background:var(--surface);color:var(--ink-2);border-radius:14px;padding:12px 10px;font-size:12.5px;line-height:1.35}.steps b{color:var(--mint);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.solat{grid-template-columns:repeat(5,1fr);gap:2px;display:grid}.solat div{text-align:center;color:var(--ink-3);border-radius:12px;padding:10px 0;font-size:12px}.solat b{color:var(--ink-2);margin-top:2px;font-size:15px;font-weight:500;display:block}.solat .next{background:var(--surface);color:var(--teal)}.solat .next b{color:var(--ink);font-weight:600}.solat .past{opacity:.55}.slbl{letter-spacing:.12em;text-transform:uppercase;min-height:24px;color:var(--ink-3);justify-content:space-between;align-items:center;gap:12px;margin:26px 2px 10px;font-size:11px;font-weight:700;display:flex}.slbl-btn{width:36px;height:36px;color:var(--ink-3);border-radius:10px;place-items:center;margin:-6px -8px -6px 0;display:grid}.slbl-btn:hover{color:var(--teal);background:var(--surface)}.slbl-btn .ico{width:17px;height:17px}.slbl-link{letter-spacing:0;text-transform:none;font-size:12px;font-weight:600}.solat-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;margin-top:10px;padding:16px 16px 12px}.solat-top{align-items:flex-start;gap:14px;display:flex}.solat-top .grow{flex:1;min-width:0}.solat-date{color:var(--ink-3);font-size:12px}.solat-next{color:var(--ink-2);margin-top:6px;font-size:13px}.solat-next b{letter-spacing:-.03em;color:var(--ink);margin-top:2px;font-size:30px;font-weight:800;line-height:1.05;display:block}.solat-next em{color:var(--mint);font-style:normal}.solat-loc{color:var(--ink-3);align-items:center;gap:5px;margin-top:8px;font-size:12px;display:inline-flex}.solat-loc .ico{width:14px;height:14px}.solat-loc:hover{color:var(--teal)}.solat-ask{text-align:left;color:var(--teal);align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:600;display:flex}.solat-ask .ico{width:18px;height:18px}.solat-strip{border-top:1px solid var(--line);grid-template-columns:repeat(6,1fr);margin-top:14px;padding-top:10px;display:grid}.solat-strip div{text-align:center;color:var(--ink-3);font-size:11px}.solat-strip b{color:var(--ink-2);font-size:13.5px;font-weight:700;display:block}.solat-strip .past{opacity:.45}.solat-strip .next,.solat-strip .next b{color:var(--mint)}.solat-bar{background:var(--surface-3);border-radius:3px;height:3px;margin-top:10px;overflow:hidden}.solat-bar i{background:linear-gradient(90deg, transparent, var(--mint));border-radius:3px;height:100%;display:block}.qib{text-align:center;width:74px;color:var(--ink-2);flex-shrink:0;font-size:11.5px;font-weight:600}.qib .num{color:var(--ink-3);font-weight:500}.qib-dial{border:1px solid var(--line-2);background:var(--surface-2);border-radius:50%;width:62px;height:62px;margin:0 auto 4px;display:block;position:relative}.qib-dial:before{content:"U";color:var(--ink-3);font-size:8.5px;font-weight:700;position:absolute;top:3px;left:50%;transform:translate(-50%)}.qib-dial:after{content:"";background:var(--ink-3);border-radius:50%;position:absolute;inset:27px}.qib-n{transition:transform .6s var(--ease);position:absolute;inset:0}.qib-n:before{content:"";background:var(--mint);border-radius:3px;width:3px;height:22px;margin-left:-1.5px;position:absolute;top:9px;left:50%}.qib:hover .qib-dial{border-color:#5df8d873}.near{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);overflow:hidden}.near-row{color:var(--ink);align-items:center;gap:12px;padding:12px 14px;display:flex}.near-row+.near-row{border-top:1px solid var(--line)}.near-row:hover{background:var(--surface-2)}.near-ico{background:var(--surface-2);border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.near-row .grow{flex:1;min-width:0}.near-row b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;display:block;overflow:hidden}.near-row small{min-width:0;color:var(--ink-3);align-items:center;gap:6px;font-size:12px;display:flex}.near-loc{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.near-row .pill,.infaq .pill{letter-spacing:0;flex-shrink:0;height:19px;padding:0 7px;font-size:10.5px}.near-km{color:var(--ink-2);flex-shrink:0;font-size:13px;font-weight:700}.near-foot{border-top:1px solid var(--line);color:var(--ink-3);gap:16px;padding:10px 14px;font-size:12px;display:flex}.near-foot b{color:var(--ink);font-weight:700}.found{border-radius:var(--r);color:var(--ink);background:linear-gradient(135deg,#f2c94c1a,#f2c94c05 60%);border:1px dashed #f2c94c59;align-items:center;gap:14px;margin-top:14px;padding:14px 14px 14px 16px;display:flex}.found-star{background:#f2c94c24;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.found .grow{flex:1;min-width:0}.found-k{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:10.5px;font-weight:700;display:block}.found b{margin-top:1px;font-size:15px;font-weight:800;display:block}.found small{color:var(--ink-3);font-size:12px;display:block}.found-go{background:var(--surface-2);width:34px;height:34px;color:var(--ink-2);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.found-go .ico{width:16px;height:16px}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:10px;margin:0 -20px;padding:0 20px 2px;scroll-padding:0 20px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start;flex:0 0 86%}.rail>.hikmah{flex-direction:column;display:flex}.rail .adab cite{margin-bottom:14px}.rail .adab-btns{margin-top:auto}.rail-n{letter-spacing:0;color:var(--ink-3);font-size:12px;font-weight:500}.rail-dots{justify-content:center;gap:0;margin-top:4px;display:flex}.rail-dots button{padding:6px 3px}.rail-dots button:before{content:"";background:var(--surface-3);width:5px;height:5px;transition:width .25s var(--ease), background .25s;border-radius:5px;display:block}.rail-dots button.on:before{background:var(--teal);width:16px}.infaq{isolation:isolate;border:1px solid var(--line-2);background:linear-gradient(150deg,#123d52,#0c2637 70%);border-radius:22px;padding:16px;position:relative;overflow:hidden}.infaq:after{content:"🕌";z-index:-1;opacity:.06;filter:grayscale()brightness(2);pointer-events:none;font-size:120px;line-height:1;position:absolute;bottom:-28px;right:-14px}.infaq-top{gap:14px;display:flex}.infaq-top .grow{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.infaq-name{color:var(--ink);letter-spacing:-.01em;text-wrap:balance;font-size:17px;font-weight:800;line-height:1.25}.infaq small{color:var(--ink-3);font-size:12px}.infaq .pill{margin-top:4px}.infaq-btns{gap:8px;margin-top:14px;display:flex}.infaq-btns .btn{height:44px;font-size:14px}.infaq-btns .btn-primary{flex:1}.infaq-btns .btn-square{border:1px solid var(--line-2);width:44px;color:var(--ink-2);background:0 0}.infaq-btns .btn-square.on{color:var(--mint);border-color:#5df8d873}.infaq-btns .btn-square.on .ico{fill:currentColor}.infaq-btns .ico{width:19px;height:19px}@media (prefers-reduced-motion:reduce){.qib-n,.rail-dots button:before{transition:none}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.mine-row,.semak-row{text-align:left;background:var(--surface);width:100%;color:var(--ink);border-radius:16px;align-items:center;gap:14px;margin-top:12px;padding:12px 14px;display:flex}.mine-ico{width:42px;height:42px;color:var(--mint);background:#5df8d814;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.mine-ico .ico{width:20px;height:20px}.mine-row .grow,.semak-row .grow{flex:1;min-width:0}.mine-k{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:700;display:block}.mine-n{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.mine-qr{color:var(--mint);align-items:center;gap:2px;font-size:13px;font-weight:700;display:inline-flex}.mine-qr .ico{width:16px;height:16px}.semak-row b{font-weight:600;display:block}.semak-row .grow>span{color:var(--ink-3);font-size:13px;display:block}.hikmah{border-radius:var(--r);background:var(--surface);border:1px solid #ffffff0a;padding:18px 18px 16px;position:relative;overflow:hidden}.hikmah:after{content:"";pointer-events:none;background:radial-gradient(circle,#a78bfa1a,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-40px;right:-40px}.hikmah-k{color:var(--teal);align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.hikmah-k .ico{width:16px;height:16px}.hikmah blockquote{color:var(--ink);opacity:.92;margin-top:10px;font-family:Amiri,serif;font-size:20px;line-height:1.75}.hikmah p{margin-top:8px;font-size:14px;font-weight:600;line-height:1.55}.hikmah cite{color:var(--ink-3);margin-top:6px;font-size:12px;font-style:normal;display:block}.drawer-scrim{z-index:120;-webkit-backdrop-filter:blur(3px);background:#020c128c;justify-content:flex-end;animation:.18s ease-out fade;display:flex;position:fixed;inset:0}.drawer{border-left:1px solid var(--line);width:min(84vw,340px);height:100%;padding:max(14px, env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));animation:slide .3s var(--ease);background:#0a2433;outline:none;flex-direction:column;display:flex;overflow-y:auto}@keyframes slide{0%{opacity:0;transform:translate(40px)}}.drawer-head{align-items:center;gap:8px;margin:0 -10px 10px 0;display:flex}.drawer-user{text-align:left;min-width:0;color:var(--ink);flex:1;align-items:center;gap:12px;padding:6px 0;display:flex}.drawer-user .grow{min-width:0}.drawer-user b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.drawer-user .grow>span{color:var(--ink-3);font-size:12.5px;display:block}.drawer-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.drawer-row{text-align:left;border-bottom:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);align-items:center;gap:14px;font-weight:500;display:flex}.drawer-row .ico{color:var(--teal);width:20px;height:20px}.drawer-row .grow{flex:1}.drawer-row:hover{color:var(--mint)}.drawer-tag{letter-spacing:.1em;color:var(--mint);font-size:9.5px;font-weight:700}.drawer-foot{margin-top:auto;padding-top:28px}.drawer-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.drawer-stats div{border:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-size:10px;font-weight:600;display:flex}.drawer-stats b{color:var(--teal);letter-spacing:0;font-size:20px;font-weight:700}.scan-cta{text-align:left;background:linear-gradient(135deg, #6fd1d7f2, var(--mint));width:100%;color:var(--mint-ink);transition:transform .14s var(--ease), filter .16s;border-radius:22px;align-items:center;gap:16px;margin-top:16px;padding:20px;display:flex;box-shadow:0 14px 34px -14px #5df8d899,inset 0 1px #ffffff59}.scan-cta:hover:not(:disabled){filter:brightness(1.05)}.scan-cta:active:not(:disabled){transform:scale(.985)}.scan-ico{background:#062a2224;border-radius:18px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.scan-ico .ico{stroke-width:1.9px;width:32px;height:32px}.scan-t b{letter-spacing:-.01em;font-size:19px;font-weight:800;line-height:1.2;display:block}.scan-t small{opacity:.78;margin-top:3px;font-size:12.5px;font-weight:500;display:block}.scan-note{text-align:center;color:var(--ink-2);margin-top:12px;font-size:13.5px}.scan-note b{color:var(--mint);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.gal-btn{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink-2);border-radius:16px;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;display:flex}.gal-btn:hover:not(:disabled){background:var(--surface)}.gal-btn .ico{width:22px;height:22px;color:var(--teal)}.gal-btn b{color:var(--ink);font-size:13.5px;font-weight:600;display:block}.gal-btn small{color:var(--ink-3);margin-top:1px;font-size:12px;display:block}.mcards{flex-direction:column;gap:10px;list-style:none;display:flex}.ng-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ng-cell{background:var(--surface);border:1px solid var(--line);min-height:46px;color:var(--ink);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:13.5px;font-weight:600;display:flex}.ng-cell span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ng-cell .num{color:var(--ink-3);flex-shrink:0;font-size:12px;font-weight:600}.ng-cell:hover{border-color:var(--line-2)}.crumb{flex-wrap:wrap;align-items:center;gap:2px;margin-top:22px;font-size:14px;display:flex}.crumb .ico{width:14px;height:14px;color:var(--ink-3)}.crumb b{color:var(--ink);padding:8px 4px;font-weight:700}.list-more{margin-top:10px}.list-hint{text-align:center;margin-top:12px}.mcard{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:16px;align-items:center;gap:14px;padding:14px 14px 14px 16px;transition:border-color .16s,background .16s;display:flex}.mcard:hover{border-color:var(--line-2);background:var(--surface-2)}.mcard-ico{text-align:center;flex-shrink:0;width:30px;font-size:24px;line-height:1}.mcard-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mcard-name{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:700;overflow:hidden}.mcard-sub{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.pills{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.pill{letter-spacing:.08em;height:22px;color:var(--ink-2);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:0 9px;font-size:10px;font-weight:700;display:inline-flex}.pill.gold{color:var(--gold);background:#f2c94c1a;border-color:#f2c94c47}.pill.mint{color:var(--mint);background:#5df8d814;border-color:#5df8d847}.pill.teal{color:var(--teal);background:#6fd1d714;border-color:#6fd1d740}.pill.grey{color:var(--ink-3)}.pill.violet{color:#c4b5fd;background:#a78bfa1a;border-color:#a78bfa47}.saya{flex-direction:column;gap:14px;display:flex}.sec-h{justify-content:space-between;align-items:baseline;gap:10px;margin:0 2px 8px;display:flex}.sec-h h2{letter-spacing:-.01em;font-size:17px;font-weight:800}.sec-h span{color:var(--ink-3);font-size:12px}.mh-jm{margin-top:12px}.mh-jm .jm-row,.mh-jm .jumaat{background:#071d2b73}.sq-row{scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 16px 2px;display:flex;overflow-x:auto}.sq-row::-webkit-scrollbar{display:none}.sq-chip{background:var(--surface);border:1px solid var(--line);max-width:220px;height:42px;color:var(--ink);border-radius:14px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.sq-chip .ico{width:16px;height:16px;color:var(--teal);flex:none}.sq-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.acct-list{flex-direction:column;gap:8px;margin-top:6px;display:flex}.acct-row small{color:var(--ink-3);margin-top:2px;font-size:12px;font-weight:500;display:block}.mine-hero{border:1px solid var(--line-2);background:linear-gradient(155deg,#12405a,#0d2c3d 55%,#0b2534);border-radius:24px;padding:16px;position:relative;overflow:hidden}.mine-hero:after{content:"🕌";filter:grayscale();opacity:.06;pointer-events:none;font-size:120px;position:absolute;bottom:-22px;right:-14px}.mh-k{letter-spacing:.12em;text-transform:uppercase;color:var(--teal);align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:flex}.mh-k .ico{width:13px;height:13px}.mh-top{align-items:center;gap:14px;margin-top:10px;display:flex}.mh-name{min-width:0;color:inherit;flex-direction:column;gap:2px;display:flex}.mh-n{letter-spacing:-.01em;text-wrap:balance;font-size:18px;font-weight:800;line-height:1.25}.mh-p{color:var(--ink-2);font-size:12.5px}.mh-trust{margin-top:4px}.mh-qr{border:3px solid var(--pink);z-index:1;background:#fff;border-radius:12px;flex-shrink:0;width:78px;height:78px;padding:5px;position:relative}.mh-qr canvas{display:block;width:100%!important;height:100%!important}.now{border:1px solid var(--line-2);background:linear-gradient(155deg,#12405a,#0d2c3d 60%,#0b2534);border-radius:20px;margin-top:14px;padding:14px 16px;position:relative}.now-here{border-color:#5df8d880;box-shadow:0 0 0 1px #5df8d826,0 12px 32px -18px #5df8d899}.now-k{letter-spacing:.12em;text-transform:uppercase;color:var(--teal);align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:flex}.now-k .ico{width:13px;height:13px}.now-here .now-k{color:var(--mint)}.now-top{align-items:center;gap:14px;margin-top:8px;display:flex}.now-name{min-width:0;color:var(--ink);letter-spacing:-.01em;text-wrap:balance;flex-direction:column;flex:1;gap:3px;font-size:17px;font-weight:800;line-height:1.25;display:flex}.now-name small{color:var(--ink-2);letter-spacing:0;font-size:12.5px;font-weight:500}.now .mh-qr{width:66px;height:66px}.now-btns{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.mh-sync{color:var(--mint);z-index:1;margin-top:10px;font-size:11px;position:relative}.mine-hint{border:1px dashed var(--line-2);color:var(--ink-2);border-radius:18px;align-items:center;gap:12px;padding:14px;font-size:12.5px;display:flex}.mine-hint .grow{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mine-hint b{color:var(--ink);font-size:14px}.mine-hint .ico{color:var(--teal);flex-shrink:0}.ring{flex-shrink:0;width:64px;height:64px;position:relative}.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:5px}.ring-track{stroke:var(--surface-3)}.ring-fill{stroke:var(--mint);stroke-linecap:round;transition:stroke-dashoffset .9s var(--ease);filter:drop-shadow(0 0 4px #5df8d880)}.ring-in{background:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;inset:9px;overflow:hidden}.ring-in .avatar{font-size:18px;width:100%!important;height:100%!important}.ring-badge{background:var(--ground);border:2px solid var(--surface-2);border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;display:grid;position:absolute;bottom:-2px;right:-4px}.ring-emoji{text-align:center;flex-shrink:0;width:46px;font-size:30px}.prof{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:6px;padding:12px 14px;display:flex}.prof-main{text-align:left;min-width:0;color:inherit;flex:1;align-items:center;gap:14px;display:flex}.prof .grow{flex-direction:column;flex:1;min-width:0;display:flex}.prof-n{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;overflow:hidden}.prof-r{letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-size:10.5px;font-weight:700}.prof-bar{height:5px;margin-top:7px;display:block}.prof-s{color:var(--ink-3);margin-top:5px;font-size:11.5px}.prof-s b{color:var(--ink-2);font-weight:600}.prof-guest{gap:12px;padding-right:12px}.prof-total{border-left:1px solid var(--line);text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;padding-left:14px;display:flex}.prof-total b{letter-spacing:-.03em;color:var(--ink);font-size:30px;font-weight:800;line-height:1}.prof-total span{color:var(--ink-3);margin-top:2px;font-size:11px;font-weight:600}.prof-total small{color:var(--ink-3);white-space:nowrap;margin-top:6px;font-size:11px;font-weight:700}.prof-total small.up{color:var(--mint)}.nick-btn{width:32px;height:32px;color:var(--ink-3);border-radius:10px;flex-shrink:0}.impact{text-align:left;background:linear-gradient(160deg, #f2c94c17, transparent 65%), var(--surface);width:100%;color:inherit;border:1px solid #f2c94c3d;border-radius:18px;padding:14px 16px;display:block}.imp-h{align-items:flex-start;gap:12px;display:flex}.imp-star{background:#f2c94c1f;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.imp-t{min-width:0;color:var(--ink-2);flex:1;font-size:14px;line-height:1.45}.imp-t b{color:var(--ink)}.imp-big{color:var(--gold);font-weight:800}.imp-chev{fill:none;width:18px;height:18px;stroke:var(--ink-3);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease);flex-shrink:0;margin-top:2px}.impact[aria-expanded=true] .imp-chev{transform:rotate(90deg)}.imp-list{gap:8px;margin-top:12px;display:grid}.imp-li{background:#071d2b8c;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.imp-li .grow{flex-direction:column;flex:1;min-width:0;display:flex}.imp-n1{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.imp-n2{color:var(--ink-3);font-size:11.5px}.imp-spark{flex-shrink:0;align-items:flex-end;gap:2px;width:54px;height:22px;display:flex}.imp-spark i{background:var(--gold);border-radius:2px;flex:1}.imp-ct{text-align:right;color:var(--ink-3);flex-shrink:0;font-size:11px}.imp-ct b{color:var(--gold);font-size:16px;font-weight:800;display:block}.imp-note{color:var(--ink-3);font-size:11px}.jm-row{text-align:left;background:linear-gradient(160deg, #f2c94c14, transparent 60%), var(--surface);width:100%;color:inherit;border:1px solid #f2c94c33;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.jm-row-e{font-size:20px}.jm-row .grow{flex-direction:column;flex:1;min-width:0;display:flex}.jm-row b{color:var(--gold);font-size:12.5px}.jm-row .grow span{color:var(--ink-2);font-size:11.5px}.jm-dots{gap:4px;display:flex}.jm-dots i{background:var(--surface-3);border-radius:4px;width:9px;height:18px}.jm-dots i.on{background:var(--gold)}.pp{flex-direction:column;gap:10px;display:flex}.pp-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.pp-head h2{letter-spacing:-.01em;font-size:17px;font-weight:800}.pp-head span{color:var(--ink-3);font-size:12px}.pp-sub{color:var(--ink-2);font-size:12.5px}.pp-chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.pp-chips::-webkit-scrollbar{display:none}.pp-chip{border:1px solid var(--line-2);height:30px;color:var(--ink-2);border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.pp-chip i{border-radius:50%;width:8px;height:8px}.pp-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ground)}.pp-book{border:1px solid var(--line);background:repeating-linear-gradient(0deg,#0000 0 27px,#6fd1d70b 27px 28px),#0a2232;border-radius:20px;padding:16px 12px 8px}.pp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 6px;display:grid}.pp-stamp{text-align:center;color:inherit;transition:transform .25s var(--ease);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:2px;display:flex}.pp-stamp:hover{transform:translateY(-2px)}.stamp-svg{aspect-ratio:1;width:100%;max-width:104px;display:block;overflow:visible}.pp-stamp .stamp-svg{animation:pp-thunk .6s var(--ease) both}@keyframes pp-thunk{0%{opacity:0;transform:scale(1.3)rotate(-14deg)}60%{opacity:1}}.pp-cap{min-height:2.5em;color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.pp-vx{color:var(--ink-3);font-size:10.5px}.pp-slot{text-align:center;color:var(--ink-3);flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.pp-slot .c{aspect-ratio:1;color:#6fd1d766;border:1.5px dashed #6fd1d740;border-radius:50%;place-items:center;width:100%;max-width:104px;font-size:22px;display:grid}.pp-slot.cta{color:var(--mint)}.pp-slot.cta .c{color:var(--mint);border-color:#5df8d880}.pp-foot{text-align:center;color:var(--ink-3);padding:12px 8px 6px;font-size:11.5px}.pp-big{width:168px;margin:6px auto 8px}.pp-sh-n{text-align:center;text-wrap:balance;font-size:18px;font-weight:800}.pp-sh-p{text-align:center;color:var(--ink-3);margin-top:2px;font-size:12.5px}.pp-sh-tags{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.pp-kv{background:var(--line);border-radius:14px;gap:1px;margin-top:16px;display:grid;overflow:hidden}.pp-kv div{background:var(--surface-2);justify-content:space-between;gap:12px;padding:11px 14px;font-size:13px;display:flex}.pp-kv dt{color:var(--ink-3)}.pp-kv dd{text-align:right;font-weight:700}@media (prefers-reduced-motion:reduce){.pp-stamp .stamp-svg{animation:none}}.empty-emoji{margin-bottom:10px;font-size:40px}.st-hero{text-align:center;padding:6px 4px 4px}.st-live{height:28px;color:var(--mint);letter-spacing:.12em;text-transform:uppercase;background:#5df8d814;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.st-live i{background:var(--mint);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse;box-shadow:0 0 #5df8d899}@keyframes pulse{70%{box-shadow:0 0 0 7px #5df8d800}to{box-shadow:0 0 #5df8d800}}.st-hero h1{letter-spacing:-.02em;text-wrap:balance;margin-top:14px;font-size:27px;font-weight:800;line-height:1.15}.st-hero h1 span{color:var(--teal)}.st-hero p{color:var(--ink-3);text-wrap:balance;margin-top:10px;font-size:14px}.st-tiles{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.st-tiles div{background:var(--surface);border:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:18px 8px;font-size:10.5px;font-weight:700;display:flex}.st-tiles b{color:var(--teal);letter-spacing:-.02em;font-size:32px;font-weight:800}.st-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-top:14px;padding:18px}.st-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.st-head h2{font-size:15px;font-weight:700;line-height:1.35}.st-head>span{color:var(--ink-3);text-align:right;flex-shrink:0;max-width:45%;font-size:11.5px}.st-note{color:var(--ink-3);margin-top:10px;font-size:12.5px;line-height:1.55}.st-levels{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:14px;display:grid}.st-levels div{border:1px solid var(--line);background:var(--surface-2);opacity:.55;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 0;display:flex}.st-levels span{font-size:20px}.st-levels small{color:var(--ink-3);font-size:9.5px;font-weight:600}.st-levels b{color:var(--ink-2);font-size:11.5px;font-weight:700}.st-levels .done{opacity:.85}.st-levels .on{opacity:1;border-color:var(--amber);background:#f2c46d1a}.st-levels .on small,.st-levels .on b{color:var(--amber)}.st-week{text-align:center;grid-template-columns:repeat(3,1fr);margin-top:16px;display:grid}.st-week div{color:var(--ink-3);flex-direction:column;gap:2px;font-size:11px;display:flex}.st-week b{font-size:26px;font-weight:800}.st-sub{color:var(--ink-2);margin-top:18px;font-size:12.5px;font-weight:600}.st-top{margin-top:8px;list-style:none}.st-top li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;font-size:13.5px;display:flex}.st-top li:last-child{border-bottom:0}.st-top a{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.st-top b{color:var(--mint);flex-shrink:0;font-size:12px;font-weight:600}.st-medal{text-align:center;width:22px;color:var(--ink-3);font-size:16px;font-weight:700}.st-bars{flex-direction:column;gap:10px;margin-top:14px;display:flex}.st-bar{color:var(--ink-2);grid-template-columns:112px 1fr 28px;align-items:center;gap:10px;font-size:13px;display:grid}.st-bar>span{text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st-bar .bar{height:12px}.st-bar b{color:var(--ink);font-weight:700}.st-feed{margin-top:8px;list-style:none}.st-feed li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.st-feed li:last-child{border-bottom:0}.st-feed-ico{background:var(--surface-2);width:30px;height:30px;color:var(--teal);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.st-feed-ico .ico{width:15px;height:15px}.st-feed .grow{flex:1;min-width:0;line-height:1.4}.st-feed em{color:var(--mint);font-style:normal;font-weight:600}.st-feed a{color:var(--ink);font-weight:600}.st-feed time{color:var(--ink-3);flex-shrink:0;font-size:12px}.st-join{text-align:center;margin-top:28px;padding:8px 0 12px}.st-join h2{font-size:18px;font-weight:700}.sky{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.app>main{z-index:1;position:relative}.aurora-orb{filter:blur(72px);opacity:.16;mix-blend-mode:screen;will-change:transform;border-radius:50%;animation:22s ease-in-out infinite aurora-drift;position:absolute}.aurora-orb:nth-child(2){animation-duration:28s;animation-delay:-8s}.aurora-orb:nth-child(3){animation-duration:18s;animation-delay:-14s}@keyframes aurora-drift{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,-30px)scale(1.08)}50%{transform:translate(-20px,20px)scale(.94)}75%{transform:translate(25px,35px)scale(1.05)}}.firefly{animation:firefly-drift var(--dur) var(--delay) ease-in-out infinite;will-change:transform, opacity;background:#5df8d8b3;border-radius:50%;position:absolute}@keyframes firefly-drift{0%,to{opacity:.6;transform:translate(0)}25%{transform:translate(var(--dx1), var(--dy1));opacity:.2}50%{transform:translate(var(--dx2), var(--dy2));opacity:.7}75%{transform:translate(var(--dx3), var(--dy3));opacity:.15}}.shooting-star{will-change:transform;background:linear-gradient(270deg,#0000 0%,#5df8d8cc 50%,#ffffffe6 100%);border-radius:999px;width:140px;height:1.5px;animation:1.4s cubic-bezier(.25,.46,.45,.94) forwards shooting-star;position:absolute;box-shadow:0 0 8px 1px #5df8d866}@keyframes shooting-star{0%{opacity:0;transform:rotate(-30deg)translate(0)}5%{opacity:1}to{opacity:0;transform:rotate(-30deg)translate(-800px)}}@media (prefers-reduced-motion:reduce){.firefly,.aurora-orb{animation:none!important}}@media print{.sky{display:none}}.verdict{text-align:center;padding:18px 8px 4px}.seal{border-radius:50%;place-items:center;width:96px;height:96px;margin:6px auto 18px;display:grid}.seal .ico{stroke-width:1.6px;width:46px;height:46px}.seal.ok{color:var(--mint);background:#5df8d81a}.seal.warn{color:var(--amber);background:#f2c46d1f}.seal.bad{color:var(--coral);background:#ff8a7a1f}.seal.new{color:var(--teal);background:#6fd1d71a}.facts{background:var(--surface);border-radius:var(--r);margin-top:22px;padding:4px 18px}.facts div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:13px 0;font-size:14px;display:flex}.facts div:last-child{border-bottom:0}.facts span{color:var(--ink-3)}.facts b{text-align:right;overflow-wrap:anywhere;font-weight:600}.tiles{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.tile{aspect-ratio:1;text-align:left;color:var(--ink-2);background:var(--surface);border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:space-between;padding:6px;font-size:10.5px;font-weight:600;line-height:1.15;display:flex}.tile b{color:var(--ink);font-size:15px}.tile[aria-pressed=true]{border-color:var(--mint)}.bar{background:var(--surface-2);border-radius:8px;height:8px;overflow:hidden}.bar i{background:var(--teal);border-radius:8px;height:100%;display:block}.hdr{justify-content:space-between;align-items:center;padding:18px 20px 6px;display:flex}.screen-content{padding:0 20px 28px}.hero-card{background:var(--surface);border-radius:var(--r);padding:18px}.btn-primary:not(.btn){border-radius:var(--r-ctl);background:var(--mint);height:52px;color:var(--mint-ink);font-weight:600}.btn-ghost:not(.btn){background:var(--surface-2);height:44px;color:var(--ink-2);border-radius:12px;padding:0 16px}.skeleton{border-radius:var(--r);background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;color:var(--ink-3);padding:32px 12px}.empty .ico{width:34px;height:34px;color:var(--ink-3);margin-bottom:10px}.empty-title{color:var(--ink);margin-bottom:4px;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.poster-wrap{background:#e9eef0;min-height:100dvh;padding:20px}.poster{aspect-ratio:1/1.414;color:#0b1f2a;text-align:center;background:#fff;border-radius:6px;flex-direction:column;align-items:center;width:100%;max-width:560px;margin:0 auto;padding:7% 8%;display:flex;box-shadow:0 10px 30px -14px #00000059}.poster-actions{gap:10px;max-width:560px;margin:0 auto 14px;display:flex}@media print{@page{size:A4;margin:0}body{background:#fff}.app,.poster-wrap{background:#fff;border:0;max-width:none;padding:0}.app:before,.nav,.poster-actions,.toast{display:none!important}.poster{aspect-ratio:auto;width:210mm;max-width:none;height:297mm;box-shadow:none;border-radius:0}}.claim{color:var(--ink-2);align-items:center;gap:6px;margin-top:10px;font-size:12.5px;display:inline-flex}.claim .ico{width:14px;height:14px;color:var(--gold);fill:var(--gold)}.claim b{color:var(--gold);font-weight:700}.claim.open{color:var(--ink-3)}.claim.open .ico{fill:none;color:var(--ink-3)}.rp{color:#0d1117;max-width:360px}.rp-head{border-bottom:1px solid #f0f2f3;padding:22px 54px 14px 20px}.rp-head h2{font-size:17px;font-weight:800}.rp-head p{color:#8a969c;margin-top:3px;font-size:12px;line-height:1.4}.rp-body{padding:16px 20px 20px}.rp-q{color:#6b7a82;margin-bottom:12px;font-size:12.5px;line-height:1.5}.rp-list{flex-direction:column;gap:8px;display:flex}.rp-list button{text-align:left;color:#444;background:#f6f7f8;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex}.rp-list button span{font-size:16px}.rp-list button.on{border-color:var(--pink);color:var(--pink);background:#e72d8a12}.rp-note{resize:vertical;color:#0d1117;background:#fff;border:1.5px solid #e4e7e9;border-radius:12px;outline:none;width:100%;margin-top:10px;padding:10px 12px;font-size:13.5px;line-height:1.5}.rp-note:focus{border-color:var(--pink)}.rp-err{color:#b42318;background:#fff1ef;border-radius:10px;margin-top:8px;padding:10px 12px;font-size:13px}.rp-actions{gap:8px;margin-top:12px;display:flex}.rp-cancel{color:#8a969c;border-radius:999px;flex:1;height:46px;font-size:13.5px;font-weight:600;border:1.5px solid #e9ecee!important}.rp-send{color:#aab3b8;background:#eceff1;border-radius:999px;flex:2;justify-content:center;align-items:center;gap:7px;height:46px;font-size:13.5px;font-weight:700;transition:background .2s,color .2s;display:flex}.rp-send .ico{width:17px;height:17px}.rp-send.on{background:var(--pink);color:#fff}.rp-body>.rp-send,.rp-done .rp-send{flex:none;width:100%}.rp-done{text-align:center;padding:30px 24px 24px}.rp-emoji{margin-bottom:12px;font-size:40px}.rp-done h3{font-size:16px;font-weight:800}.rp-done p{color:#8a969c;margin:6px 0 20px;font-size:13px;line-height:1.6}.qm-report{color:#8a969c!important;font-size:12px!important}.qm-report:hover{color:var(--pink)!important}.musafir{background:var(--surface);border:1px solid #f2c46d47;border-radius:16px;margin-top:12px;padding:14px 16px}.musafir.is-far{background:#f2c46d12;border-color:#f2c46d66}.musafir-h{color:var(--amber);align-items:center;gap:8px;font-size:14px;display:flex}.musafir-h .ico{width:17px;height:17px}.musafir-h .num{margin-left:auto;font-weight:700}.musafir p{color:var(--ink-2);margin-top:6px;font-size:13px;line-height:1.55}.musafir .link-btn{padding:6px 0 2px;font-size:12.5px}.musafir-list{color:var(--ink-2);margin:4px 0 6px 18px;font-size:12.5px;line-height:1.6}.musafir small{color:var(--ink-3);margin-top:6px;font-size:11.5px;line-height:1.5;display:block}.nick-btn .ico{width:15px;height:15px}.pangkat{flex-direction:column;gap:8px;margin-top:12px;list-style:none;display:flex}.pangkat li{background:var(--surface-2);opacity:.6;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.pangkat li.done{opacity:.9}.pangkat li.on{opacity:1;background:#5df8d812;border-color:#5df8d873}.pk-e{text-align:center;width:32px;font-size:24px}.pk-t{flex-direction:column;flex:1;display:flex}.pk-t b{font-size:14.5px}.pk-t span{color:var(--ink-3);font-size:12px}.pk-n{color:var(--mint);font-size:12px;font-weight:700}.hist{margin-top:8px;list-style:none}.hist li{border-bottom:1px solid var(--line)}.hist li:last-child{border-bottom:0}.hist a{color:inherit;align-items:center;gap:10px;padding:12px 2px;display:flex}.hist-t{flex-direction:column;flex:1;min-width:0;display:flex}.hist-t b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.hist-t span{color:var(--ink-3);font-size:12px}.acct-row{background:var(--surface);width:100%;color:var(--ink);text-align:left;border-radius:16px;align-items:center;gap:12px;padding:14px;font-weight:600;display:flex}.acct-row .ico{color:var(--teal)}.acct-row .grow{flex:1}.tg-row{border-top:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;margin-top:8px;padding:12px 2px;display:flex}.tg-row .grow{flex-direction:column;flex:1;display:flex}.tg-row .grow span{color:var(--ink-3);font-size:12px}.sw{background:var(--surface-3);border-radius:99px;flex-shrink:0;width:40px;height:24px;transition:background .16s;position:relative}.sw:after{content:"";background:var(--ink-2);width:18px;height:18px;transition:transform .16s var(--ease), background .16s;border-radius:50%;position:absolute;top:3px;left:3px}.sw.on{background:var(--mint)}.sw.on:after{background:var(--mint-ink);transform:translate(16px)}.form-err{color:var(--coral);margin-top:6px;font-size:12.5px;display:block}.check-row{align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.jumaat{background:linear-gradient(160deg, #f2c94c1a, #f2c94c05 60%), var(--surface);border:1px solid #f2c94c42;border-radius:18px;padding:16px}.jm-h{text-align:left;width:100%;color:var(--gold);justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.jm-streak{background:#f2c94c1f;border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:700}.jm-big{align-items:baseline;gap:10px;margin-top:8px;display:flex}.jm-big b{letter-spacing:-.02em;font-size:34px;font-weight:800}.jm-big span{color:var(--ink-2);font-size:13px}.jm-cols{grid-template-columns:repeat(8,1fr);align-items:end;gap:6px;min-height:66px;margin-top:12px;display:grid}.jm-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;display:flex}.jm-col i{background:var(--surface-3);border-radius:6px;width:100%;max-width:22px}.jm-col i.on{background:var(--gold)}.jm-col.now i{outline-offset:2px;outline:1.5px solid #f2c94c8c}.jm-n{color:var(--gold);min-height:14px;font-size:11px;font-weight:700}.jm-col small{color:var(--ink-3);font-size:9.5px}.jm-note{color:var(--ink-2);margin-top:10px;font-size:12.5px}.jm-remind{color:var(--gold);margin-top:4px;padding:6px 0 0;font-size:12.5px;display:block}.kqr{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-top:14px;overflow:hidden}.kqr-h{text-align:left;width:100%;color:var(--ink);align-items:center;gap:12px;padding:13px 14px;display:flex}.kqr-h>.ico:first-child{color:var(--teal)}.kqr-h .grow{flex-direction:column;flex:1;display:flex}.kqr-h small{color:var(--ink-3);font-size:12px}.kqr-list{border-top:1px solid var(--line);list-style:none}.kqr-list li{border-bottom:1px solid var(--line);gap:12px;padding:11px 14px;display:flex}.kqr-list li:last-child{border-bottom:0}.kqr-list .ico{width:18px;height:18px;margin-top:2px}.lv-ok .ico{color:var(--mint)}.lv-warn .ico{color:var(--amber)}.lv-bad .ico{color:var(--coral)}.lv-info .ico{color:var(--ink-3)}.kqr-t{flex-direction:column;min-width:0;display:flex}.kqr-t small{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.kqr-t b{overflow-wrap:anywhere;font-size:14px;font-weight:600}.kqr-t em{color:var(--ink-3);margin-top:2px;font-size:12px;font-style:normal;line-height:1.45}.lv-warn .kqr-t em{color:#f6dba6}.lv-bad .kqr-t em{color:#ffc2b9}.kqr-foot{color:var(--ink-2);background:#5df8d80d;padding:11px 14px 13px;font-size:12.5px;line-height:1.5}.kqr-foot b{color:var(--mint);font-weight:600}.sc-seg{gap:8px;margin:14px 0 12px;display:flex}.sc-preview{justify-content:center;margin-bottom:16px;display:flex}.sc-preview canvas{border-radius:14px;width:auto;max-width:100%;height:auto;max-height:56dvh;box-shadow:0 10px 30px #00000059}.sc-actions{gap:8px;display:flex}.sc-actions .btn{white-space:nowrap;flex:1;padding:0 10px;font-size:14px}.scrim:has(.sc-preview){z-index:130}.seg-mini{background:var(--surface);border:1px solid var(--line);text-transform:none;letter-spacing:0;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg-mini button{color:var(--ink-3);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700}.seg-mini button[aria-pressed=true]{color:var(--mint);background:#5df8d81f}.adab-t{color:var(--ink);letter-spacing:-.01em;margin-top:8px;font-size:17px;font-weight:800}.adab blockquote span{display:block}.adab blockquote span+span{margin-top:6px}.adab-rumi{color:var(--teal);font-style:italic;font-weight:500!important}.adab-f{color:var(--ink-2);font-size:13px!important;font-weight:500!important}.adab cite a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px}.adab-btns{z-index:1;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid;position:relative}.adab-btns .btn{font-size:13.5px}.adab-group h4{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:16px 2px 6px;font-size:11px;font-weight:700}.adab-row{text-align:left;width:100%;color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:11px 12px;display:flex}.adab-row:hover,.adab-row.on{background:var(--surface)}.adab-row .grow{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.adab-row b{font-size:14px;font-weight:700}.adab-row small{color:var(--ink-3);font-size:12px}.adab-row .ico{width:16px;color:var(--ink-3);flex-shrink:0}.drawer-h{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);padding:16px 0 6px;font-size:10.5px;font-weight:700}.jz{--jz:1}.jz-top{gap:6px;padding-right:12px}.jz-top .grow{flex:1;min-width:0}.jz-fs{border:1px solid var(--line);border-radius:12px;flex-shrink:0;display:inline-flex;overflow:hidden}.jz-fs button{width:36px;height:34px;color:var(--ink-2);font-size:13px;font-weight:800}.jz-fs button.big{border-left:1px solid var(--line);font-size:16px}.jz-fs sup{font-size:9px}.jz-jump{z-index:19;scrollbar-width:none;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#071d2bdb;gap:6px;padding:8px 20px 10px;display:flex;position:sticky;top:64px;overflow-x:auto}.jz-jump::-webkit-scrollbar{display:none}.jz-jump button{height:30px;color:var(--ink-3);border:1px solid var(--line);border-radius:999px;flex-shrink:0;padding:0 12px;font-size:12.5px;font-weight:700}.jz-jump button.on{color:var(--mint);background:#5df8d814;border-color:#5df8d866}.jz-page{padding-top:18px!important}.jz-sec{scroll-margin-top:120px}.jz-intro{border:1px solid var(--line-2);background:linear-gradient(155deg,#12405a,#0c2637 65%);border-radius:24px;padding:20px 18px;position:relative;overflow:hidden}.jz-intro:after{content:"";pointer-events:none;background:radial-gradient(circle,#6fd1d724,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.jz-k{letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-size:11px;font-weight:700}.jz-intro h1{letter-spacing:-.02em;margin-top:6px;font-size:24px;font-weight:800;line-height:1.15}.jz-intro p{color:var(--ink-2);margin-top:8px;font-size:13.5px}.jz-facts{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.jz-facts div{text-align:center;border:1px solid var(--line);background:#071d2b80;border-radius:14px;padding:10px 6px}.jz-facts b{font-size:20px;font-weight:800;display:block}.jz-facts small{color:var(--ink-3);font-size:11px;line-height:1.3;display:block}.jz-offline{z-index:1;color:var(--mint);align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex;position:relative}.jz-offline .ico{width:15px;height:15px}.jz-mode{color:var(--ink-3);align-items:center;gap:10px;margin:-2px 2px 14px;font-size:12px;line-height:1.35;display:flex}.jz-mode .seg-mini{flex-shrink:0}.jz-ar{text-align:right;font-family:Amiri,serif;font-size:calc(21px * var(--jz));color:var(--ink);direction:rtl;margin-top:8px;line-height:1.8}.jz-ar-sm{font-size:calc(18px * var(--jz));margin-top:12px}.jz-inline-ar{font-family:Amiri,serif;font-size:calc(16px * var(--jz));color:var(--ink-2)}.jz-rumi{font-size:calc(12.5px * (1 + (var(--jz) - 1) * .5));color:var(--teal);margin-top:4px;font-style:italic}.jz-mk{font-size:calc(13.5px * (1 + (var(--jz) - 1) * .5));color:var(--ink-2);margin-top:6px;line-height:1.55}.jz-mk b{color:var(--ink)}.jz-src{color:var(--ink-3);margin-top:8px;font-size:11.5px}.jz-src a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px}.jz-under{margin:8px 2px 0}.jz-steps{list-style:none;position:relative}.jz-steps:before{content:"";background:linear-gradient(var(--line-2), var(--line));width:2px;position:absolute;top:18px;bottom:18px;left:17px}.jz-step{gap:12px;margin-bottom:12px;display:flex;position:relative}.jz-node{z-index:1;width:36px;height:36px;color:var(--teal);background:var(--surface-2);border:1px solid var(--line-2);border-radius:50%;flex-shrink:0;place-items:center;font-size:12.5px;font-weight:800;display:grid;position:relative}.jz-step.t .jz-node{background:var(--mint);color:var(--mint-ink);border-color:var(--mint)}.jz-card{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);flex:1;min-width:0;padding:14px}.jz-h{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.jz-h b{font-size:15px;font-weight:800}.jz-h span{color:var(--ink-3);font-size:11.5px;font-weight:600}.jz-what{color:var(--teal);margin-top:2px;font-size:12.5px;font-weight:600}.jz-more{border-top:1px dashed var(--line-2);margin-top:10px;padding-top:10px}.jz-more summary{cursor:pointer;color:var(--ink-2);align-items:center;gap:6px;font-size:12.5px;font-weight:700;list-style:none;display:flex}.jz-more summary::-webkit-details-marker{display:none}.jz-more summary:after{content:"+";color:var(--ink-3);margin-left:auto;font-size:16px}.jz-more[open] summary:after{content:"–"}.jz-box{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:14px}.jz-bt{font-size:14px;font-weight:800;display:block}.jz-diagram{width:100%;height:auto;display:block}.jz-diagram text{font-family:Plus Jakarta Sans,system-ui,sans-serif}.jz-diagram .d-k{fill:var(--ink-3);letter-spacing:1.5px;font-size:10px;font-weight:700}.jz-diagram .d-body{fill:var(--surface-3);stroke:#6fd1d759}.jz-diagram .d-head{fill:var(--surface-2);stroke:#6fd1d780}.jz-diagram .d-s{fill:var(--ink-2);font-size:9px;font-weight:700}.jz-diagram .d-t{fill:var(--ink-3);font-size:9.5px}.jz-diagram .d-saf{fill:var(--surface-2);stroke:#6fd1d740}.jz-diagram .d-imam{transition:transform .5s var(--ease)}.jz-diagram .d-imam line{stroke:var(--mint);stroke-dasharray:3 3}.jz-diagram .d-imam circle{fill:var(--mint)}.jz-diagram .d-imam text{fill:var(--mint-ink);font-size:10px;font-weight:800}.jz-tips{gap:10px;display:grid}.jz-tip{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);gap:12px;padding:14px;display:flex}.jz-tip .grow{flex:1;min-width:0}.jz-tip b{font-size:14px;font-weight:800;display:block}.jz-tip p:not(.jz-src){font-size:calc(13px * (1 + (var(--jz) - 1) * .5));color:var(--ink-2);margin-top:3px}.jz-ic{background:var(--surface-2);width:38px;height:38px;color:var(--teal);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.jz-ic .ico{width:19px;height:19px}.jz-rank{counter-reset:r;margin-top:8px;list-style:none}.jz-rank li{counter-increment:r;color:var(--ink-2);gap:8px;padding:3px 0;font-size:13px;display:flex}.jz-rank li:before{content:counter(r);background:var(--surface-3);width:20px;height:20px;color:var(--teal);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;display:grid}.jz-flow{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.jz-flow span{background:var(--surface-2);color:var(--ink-2);border-radius:10px;padding:5px 9px;font-size:11.5px;font-weight:700}.jz-reward{grid-template-columns:1fr 1fr;gap:10px;display:grid}.jz-reward div{border-radius:var(--r);background:linear-gradient(150deg,#f2c94c1a,#f2c94c05);border:1px solid #f2c94c40;padding:14px}.jz-reward b{color:var(--gold);font-size:26px;font-weight:800;line-height:1;display:block}.jz-reward span{margin-top:6px;font-size:12px;font-weight:700;display:block}.jz-reward small{color:var(--ink-3);font-size:11.5px}.jz-poster-cta{text-align:left;border-radius:var(--r);width:100%;color:var(--ink);border:1px solid var(--line-2);background:linear-gradient(135deg,#6fd1d71f,#6fd1d708);align-items:center;gap:14px;margin-bottom:10px;padding:12px 14px 12px 12px;display:flex}.jz-poster-cta .pc-thumb{color:#f3e6c4;background:radial-gradient(circle at 50% 30%,#164a5f,#061722);border:1px solid #f3e6c440;border-radius:10px;flex-shrink:0;place-items:center;width:54px;height:66px;font-family:Amiri,serif;font-size:15px;display:grid}.jz-poster-cta .grow{flex:1;min-width:0}.jz-poster-cta b{font-size:14.5px;font-weight:800;display:block}.jz-poster-cta small{color:var(--ink-3);font-size:12px}.jz-poster-cta>.ico{width:18px;color:var(--ink-3)}.jz-tz+.jz-tz{margin-top:10px}.jz-tz .jz-ar{font-size:calc(20px * var(--jz))}.jz-tz-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.jz-copy{color:var(--teal);border:1px solid var(--line);border-radius:10px;flex-shrink:0;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.jz-copy .ico{width:15px;height:15px}.jz-refs{border:1px dashed var(--line-2);color:var(--ink-3);border-radius:16px;margin-top:30px;padding:14px;font-size:12px}.jz-refs b{color:var(--ink-2);margin-bottom:6px;font-size:12.5px;display:block}.jz-refs ul{padding-left:16px}.jz-refs li{margin-top:2px}.jz-refs a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px}.jz-refs p{margin-top:8px}.tz-preview canvas{max-height:46dvh}.tz-styles{gap:8px;display:flex}.tz-styles button{height:38px;color:var(--ink-2);border:1px solid var(--line);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:inline-flex}.tz-styles button i{border:1px solid #ffffff40;border-radius:50%;width:14px;height:14px}.tz-styles button[aria-pressed=true]{color:var(--ink);background:#5df8d80f;border-color:#5df8d880}.tz-field{margin-top:12px;display:block}.tz-field span{color:var(--ink-3);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.tz-field input{width:100%;height:44px;color:var(--ink);background:var(--ground);border:1px solid var(--line-2);border-radius:12px;padding:0 12px;font-size:14px}.tz-chk{color:var(--ink-2);align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.tz-chk input{width:16px;height:16px;accent-color:var(--mint)}.tz-privacy{text-align:center;color:var(--ink-3);margin-top:10px;font-size:11.5px}@media (prefers-reduced-motion:reduce){.jz-diagram .d-imam{transition:none}}