@font-face{font-family:SolaimanLipi;font-display:swap;font-style:normal;font-weight:700;src:url(https://fonts.maateen.me/solaiman-lipi/solaimanlipi-bold-v1.0.woff2) format("woff2"),url(https://fonts.maateen.me/solaiman-lipi/solaimanlipi-bold-v1.0.ttf) format("truetype")}@font-face{font-family:SolaimanLipi;font-display:swap;font-style:normal;font-weight:600;src:url(https://fonts.maateen.me/solaiman-lipi/solaimanlipi-bold-v1.0.woff2) format("woff2"),url(https://fonts.maateen.me/solaiman-lipi/solaimanlipi-bold-v1.0.ttf) format("truetype")}@font-face{font-family:SolaimanLipi;font-display:swap;font-style:normal;font-weight:500;src:url(https://fonts.maateen.me/solaiman-lipi/solaimanlipi-normal-v1.0.woff2) format("woff2"),url(https://fonts.maateen.me/solaiman-lipi/solaimanlipi-normal-v1.0.ttf) format("truetype")}@font-face{font-family:SolaimanLipi;font-display:swap;font-style:normal;font-weight:400;src:url(https://fonts.maateen.me/solaiman-lipi/solaimanlipi-normal-v1.0.woff2) format("woff2"),url(https://fonts.maateen.me/solaiman-lipi/solaimanlipi-normal-v1.0.ttf) format("truetype")}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "SolaimanLipi", sans-serif;--font-serif: var(--font-sans);--font-mono: "JetBrains Mono", monospace;--bg-page: #F8FAFC;--bg-card: #FFFFFF;--bg-cream: #F1F5F9;--bg-cream-hover: #E2E8F0;--border-light: #E2E8F0;--border-subtle: #EDF2F7;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--accent-black: #0F172A;--accent-emerald: #059669;--accent-emerald-bg: #ECFDF5;--accent-emerald-border: #A7F3D0;--accent-amber: #D97706;--accent-amber-bg: #FFFBEB;--accent-rose: #E11D48;--accent-rose-bg: #FFF1F2;--accent-blue: #2563EB;--accent-blue-bg: #EFF6FF;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-subtle: 0 1px 3px rgba(15, 23, 42, .05), 0 1px 2px rgba(15, 23, 42, .02);--shadow-card: 0 4px 20px -2px rgba(15, 23, 42, .06), 0 2px 6px -1px rgba(15, 23, 42, .03);--shadow-elevated: 0 20px 40px -8px rgba(15, 23, 42, .12), 0 8px 16px -4px rgba(15, 23, 42, .04);--transition: all .2s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-sans)!important;font-style:normal!important}html,body{font-family:var(--font-sans)!important;background-color:#f8fafc;background-image:radial-gradient(at 12% 10%,rgba(99,102,241,.06) 0px,transparent 45%),radial-gradient(at 88% 12%,rgba(16,185,129,.07) 0px,transparent 45%),radial-gradient(at 50% 80%,rgba(56,189,248,.04) 0px,transparent 50%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input,select,textarea,optgroup{font-family:var(--font-sans)!important;font-style:normal!important}.mono-box,.dropzone-kbd,code,pre{font-family:var(--font-mono)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:#d6cec3;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#bcb3a6}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}@media (max-width: 640px){.container{padding:0 16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:600;font-size:.88rem;padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-color:#0f172a;box-shadow:0 4px 14px #0f172a2e}.btn-primary:hover{background:linear-gradient(135deg,#1e293b,#334155);transform:translateY(-1px);box-shadow:0 6px 20px #0f172a40}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-subtle)}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.btn-danger{background:transparent;color:#dc2626;border:1px solid #FECACA}.btn-danger:hover{background:#fef2f2}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.badge-emerald{background:var(--accent-emerald-bg);color:var(--accent-emerald);border:1px solid var(--accent-emerald-border)}.badge-amber{background:var(--accent-amber-bg);color:var(--accent-amber);border:1px solid #FDE68A}.badge-rose{background:var(--accent-rose-bg);color:var(--accent-rose);border:1px solid #FECDD3}.badge-blue{background:var(--accent-blue-bg);color:var(--accent-blue);border:1px solid #BFDBFE}.badge-cream{background:var(--bg-cream);color:var(--text-secondary);border:1px solid var(--border-light)}.cream-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);transition:var(--transition)}.cream-card:hover{border-color:#d1c7ba;box-shadow:var(--shadow-card)}.dropzone-card{max-width:780px;margin:0 auto 28px;background:var(--bg-card);border:2px dashed #CBD5E1;border-radius:var(--radius-xl);box-shadow:0 10px 30px -4px #0f172a0d,0 0 0 1px #e2e8f0cc;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1)}.dropzone-card:hover{border-color:#059669;box-shadow:0 16px 36px -6px #10b98124,0 0 0 1px #a7f3d0;transform:translateY(-2px)}.dropzone-card.is-dragging{border-color:#059669;background:#f0fdf4;box-shadow:0 20px 44px -8px #10b9813d,0 0 0 3px #10b98133;transform:translateY(-3px)}.dropzone-drop-area{padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:radial-gradient(ellipse at top,#fff,#f8fafc);position:relative;transition:background-color .2s ease}.dropzone-card.is-dragging .dropzone-drop-area{background:#ecfdf5}.dropzone-icon-circle{width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #A7F3D0;display:flex;align-items:center;justify-content:center;color:#059669;margin-bottom:18px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 16px #10b98129}.dropzone-drop-area:hover .dropzone-icon-circle{transform:translateY(-4px) scale(1.06);background:linear-gradient(135deg,#059669,#047857);color:#fff;border-color:#059669;box-shadow:0 10px 24px #10b98159}.dropzone-card.is-dragging .dropzone-icon-circle{transform:translateY(-4px) scale(1.08);background:#059669;color:#fff;border-color:#059669}.dropzone-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);letter-spacing:-.015em;margin-bottom:16px}.dropzone-subtitle{font-size:.92rem;color:var(--text-secondary);max-width:500px;margin-bottom:18px;line-height:1.5}.dropzone-browse-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-md);background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;font-size:.98rem;font-weight:600;border:1px solid #0F172A;box-shadow:0 4px 14px #0f172a2e;transition:all .2s ease;cursor:pointer;margin-bottom:16px}.dropzone-drop-area:hover .dropzone-browse-btn{background:linear-gradient(135deg,#1e293b,#334155);transform:translateY(-1px);box-shadow:0 6px 20px #0f172a40}.dropzone-meta-chips{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.dropzone-kbd{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:6px;background:var(--bg-cream);border:1px solid var(--border-light);font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);box-shadow:0 1px 1px #00000008}.dropzone-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#faf8f5;border-top:1px solid var(--border-light);font-size:.78rem;color:var(--text-muted);flex-wrap:wrap;gap:10px}@media (max-width: 640px){.dropzone-drop-area{padding:32px 16px}.dropzone-bottom-bar{padding:10px 14px;flex-direction:column;align-items:stretch;text-align:center}.dropzone-bottom-bar .btn{width:100%;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#1c19178c;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.modal-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-elevated)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--bg-card)}.modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-footer{padding:14px 20px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;align-items:center;flex-shrink:0;background:var(--bg-card)}@media (max-width: 640px){.modal-overlay{padding:10px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom));align-items:flex-end}.modal-content{max-height:calc(90dvh - env(safe-area-inset-bottom,0px));border-radius:20px 20px 14px 14px;width:100%}.modal-header{padding:14px 16px}.modal-body{padding:14px 16px;gap:10px}.modal-footer{padding:12px 16px}.modal-footer .btn{width:100%;justify-content:center;padding:11px 20px;font-size:.9rem}}.feature-slider-card{flex:0 0 calc(33.333% - 11px);min-width:260px;scroll-snap-align:start;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:#fff;padding:24px 22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 16px #0f172a0a;transition:all .25s cubic-bezier(.16,1,.3,1)}.feature-slider-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 28px -4px #0f172a14}@media (max-width: 900px){.feature-slider-card{flex:0 0 calc(50% - 8px);min-width:240px;padding:20px 18px}}@media (max-width: 600px){.feature-slider-card{flex:0 0 100%;min-width:100%;padding:20px 18px}}.mono-box{font-family:var(--font-mono);font-size:.8rem;background:#f1f5f9;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);word-break:break-all;white-space:pre-wrap;max-height:180px;overflow-y:auto}.mode-tabs{display:flex;align-items:center;justify-content:center;gap:4px;margin:0 auto 28px;background:#f1f5f9;padding:5px;border-radius:var(--radius-full);width:fit-content;max-width:100%;border:1px solid #E2E8F0;box-shadow:0 2px 6px #0f172a0a;white-space:nowrap}.mode-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-full);border:none;cursor:pointer;font-weight:600;font-size:.84rem;white-space:nowrap;flex-shrink:0;transition:var(--transition)}@media (max-width: 480px){.mode-tabs{gap:3px;padding:3px;width:100%;max-width:350px}.mode-tab-btn{flex:1 1 0;justify-content:center;padding:7px 10px;font-size:.78rem;gap:4px}}.settings-modal-content{max-width:520px}.segmented-control{display:flex;background:var(--bg-cream);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-light);gap:4px}.segmented-option{flex:1;padding:9px 12px;border:none;background:transparent;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.83rem;font-weight:600;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s cubic-bezier(.16,1,.3,1)}.segmented-option:hover:not(.is-active){color:var(--text-primary);background:#ffffff73}.segmented-option.is-active{background:#fff;color:var(--text-primary);box-shadow:0 2px 8px #1c191714}.settings-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px;padding:0 2px;display:flex;align-items:center;gap:6px}.settings-group{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-subtle)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;background:transparent;transition:background-color .15s ease;user-select:none;gap:12px}.settings-row:hover{background:#faf7f2}.settings-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.settings-row-left{display:flex;align-items:center;gap:10px;min-width:0}.settings-icon-badge{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-cream);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);transition:var(--transition)}.settings-row:hover .settings-icon-badge{border-color:#d6cec3}.settings-icon-badge.is-rose{background:var(--accent-rose-bg);border-color:#fecdd3;color:var(--accent-rose)}.settings-icon-badge.is-emerald{background:var(--accent-emerald-bg);border-color:var(--accent-emerald-border);color:var(--accent-emerald)}.settings-item-title{font-size:.83rem;font-weight:600;color:var(--text-primary);line-height:1.25}.settings-item-subtitle{font-size:.72rem;color:var(--text-muted);margin-top:1px;line-height:1.2}.toggle-switch{position:relative;width:38px;height:22px;background:#e5dfd5;border-radius:var(--radius-full);transition:background-color .2s ease,box-shadow .2s ease;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;padding:2px;border:none;outline:none}.toggle-switch:focus-visible{box-shadow:0 0 0 2px var(--accent-black)}.toggle-switch.is-active{background:var(--accent-black)}.toggle-switch.is-active-rose{background:var(--accent-rose)}.toggle-switch-thumb{width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s cubic-bezier(.16,1,.3,1);pointer-events:none}.toggle-switch.is-active .toggle-switch-thumb,.toggle-switch.is-active-rose .toggle-switch-thumb{transform:translate(16px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-install-btn{height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-md);font-weight:600;font-size:.82rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}@media (max-width: 640px){.hide-on-mobile{display:none!important}.nav-install-btn{width:36px;height:36px;padding:0;justify-content:center}}