*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F7F5F0;--bg-warm: #EFECE4;--card: #FFFFFF;--text: #2D2A26;--text-secondary: #5C5650;--hint: #8A8279;--link: #1B7A5E;--btn: #1B8A6B;--btn-hover: #167A5E;--btn-text: #FFFFFF;--secondary-bg: #F0EDE6;--secondary-btn: #E8E4DC;--secondary-btn-hover: #DDD8CE;--destructive: #C4392A;--success: #1B8A6B;--warning: #D4870E;--border: #DDD8CE;--input-bg: #FFFFFF;--input-border: #C8C2B8;--input-focus: #1B8A6B;--shadow-sm: 0 1px 3px rgba(45, 42, 38, .06);--shadow-md: 0 4px 12px rgba(45, 42, 38, .08);--shadow-lg: 0 8px 24px rgba(45, 42, 38, .1);--accent-amber: #E8A838;--accent-amber-bg: #FDF4E3;--accent-teal-bg: #E6F5F0;--accent-purple: #7B5EA7;--accent-purple-bg: #F0EBF5;--radius: 16px;--radius-sm: 10px;--font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Source Serif 4", Georgia, "Times New Roman", serif;--font-fa: "Vazirmatn", var(--font);--font-fa-display: "Vazirmatn", var(--font-display)}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}[dir=rtl] body,[dir=rtl]{font-family:var(--font-fa)}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:var(--font-fa-display)}#app{padding:24px 20px 48px;padding-top:calc(24px + env(safe-area-inset-top,0px));padding-bottom:calc(48px + env(safe-area-inset-bottom,0px));padding-left:calc(20px + env(safe-area-inset-left,0px));padding-right:calc(20px + env(safe-area-inset-right,0px));max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh}.screen{display:none;animation:screenIn .35s ease-out}.screen.active{display:block}@keyframes screenIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.spinner{width:44px;height:44px;border:3px solid var(--border);border-top-color:var(--btn);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--hint);font-size:17px}h1{font-family:var(--font-display);font-size:32px;font-weight:700;line-height:1.25;margin-bottom:10px;color:var(--text);letter-spacing:-.3px}h2{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.3;margin-bottom:8px;color:var(--text)}p{margin-bottom:14px;color:var(--text-secondary);font-size:18px;line-height:1.65}.hint{color:var(--hint);font-size:16px;line-height:1.55}.subtitle{color:var(--text-secondary);font-size:18px;line-height:1.55}.btn{display:block;width:100%;padding:18px 24px;border:none;border-radius:var(--radius);font-size:18px;font-weight:600;cursor:pointer;text-align:center;transition:background .2s,transform .12s,box-shadow .2s;font-family:inherit;text-decoration:none;min-height:56px;line-height:1.2}.btn-primary{background:var(--btn);color:var(--btn-text);box-shadow:var(--shadow-sm)}@media(hover:hover){.btn-primary:hover{background:var(--btn-hover);box-shadow:var(--shadow-md)}}.btn-secondary{background:var(--secondary-btn);color:var(--text)}@media(hover:hover){.btn-secondary:hover{background:var(--secondary-btn-hover)}}.btn-outline{background:transparent;color:var(--link);border:2px solid var(--link)}.btn+.btn{margin-top:12px}.btn-row{display:flex;gap:12px}.btn-row .btn{flex:1}.btn:disabled{opacity:.45;cursor:not-allowed}.lang-grid{display:flex;flex-direction:column;gap:14px;margin-top:28px}.lang-btn{display:flex;align-items:center;gap:16px;padding:20px 22px;border:2px solid var(--border);border-radius:var(--radius);background:var(--card);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .12s;font-family:inherit;font-size:19px;color:var(--text);text-align:start;width:100%;box-shadow:var(--shadow-sm)}@media(hover:hover){.lang-btn:hover{border-color:var(--btn);box-shadow:var(--shadow-md)}}.lang-flag{font-size:36px;line-height:1}.lang-label{font-weight:600;font-size:20px}.card{background:var(--card);border-radius:var(--radius);padding:22px;margin-bottom:18px;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.04)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:15px;font-weight:700;color:var(--hint);text-transform:uppercase;letter-spacing:.8px}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700;padding:5px 14px;border-radius:24px}.status-active{background:var(--accent-teal-bg);color:var(--success)}.status-active:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success);display:inline-block}.status-inactive{background:#fde8e6;color:var(--destructive)}.status-inactive:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--destructive);display:inline-block}.key-display{background:var(--bg);border-radius:var(--radius-sm);padding:16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:14px;word-break:break-all;line-height:1.7;color:var(--text);border:1.5px solid var(--border)}.copy-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;margin-top:10px;border:none;border-radius:var(--radius-sm);background:var(--btn);color:var(--btn-text);font-size:17px;font-weight:600;cursor:pointer;transition:background .2s,transform .12s;font-family:inherit;min-height:52px}.copy-btn.copied{background:var(--success)}.form-group{margin-bottom:20px}.form-input{width:100%;padding:18px 20px;border:2px solid var(--input-border);border-radius:var(--radius);background:var(--input-bg);color:var(--text);font-size:19px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;min-height:58px}.form-input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #1b8a6b1f}.form-input::placeholder{color:var(--hint);font-size:17px}.form-error{color:var(--destructive);font-size:16px;margin-top:10px;display:none;font-weight:500;line-height:1.4}.form-error.visible{display:block}.code-entry{text-align:center;padding-top:16px}.code-entry h1{margin-bottom:6px}.code-entry .subtitle{margin-bottom:28px}.shield-icon{width:72px;height:72px;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}.logo-hero{width:80px;height:80px;display:block;margin:0 auto 16px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}.invite-section{margin-top:20px}.invite-stats{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.invite-count{font-size:17px;color:var(--text-secondary)}.invite-count strong{color:var(--text);font-size:22px}.invite-link-display{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;font-size:14px;word-break:break-all;color:var(--link);margin-bottom:12px;font-family:SF Mono,Fira Code,Consolas,monospace}.share-btn{display:flex;align-items:center;justify-content:center;gap:10px}.collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;cursor:pointer;border:none;background:none;width:100%;font-family:inherit;font-size:17px;font-weight:600;color:var(--text);text-align:start}.collapsible-arrow{transition:transform .25s;color:var(--hint);font-size:14px}.collapsible-header[aria-expanded=true] .collapsible-arrow{transform:rotate(180deg)}.collapsible-content{display:none;padding-bottom:14px}.collapsible-content.open{display:block;animation:screenIn .2s ease-out}.divider{height:1px;background:var(--border);margin:20px 0}.spacer{height:18px}.spacer-lg{height:36px}.bookmark-hint{background:var(--accent-amber-bg);border:1.5px solid #E8D5A8;border-radius:var(--radius);padding:16px 20px;font-size:16px;color:var(--text-secondary);text-align:center;margin-top:20px;line-height:1.5}.welcome-card{text-align:center}.welcome-card p{max-width:380px;margin-left:auto;margin-right:auto}.step-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.step-num{flex-shrink:0;width:36px;height:36px;background:var(--accent-teal-bg);color:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;border:2px solid rgba(27,138,107,.2)}.dl-links{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.btn-store{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;text-decoration:none;border:2px solid var(--border);cursor:pointer;transition:border-color .2s,transform .12s;font-family:var(--font);color:var(--text);background:var(--card);flex:1;min-height:48px}.btn-store:active{transform:scale(.97)}@media(hover:hover){.btn-store:hover{border-color:var(--btn)}}.mini-steps{margin:8px 0 16px 20px;font-size:16px;color:var(--text-secondary);line-height:2}.mini-steps strong{color:var(--text)}.copy-success{font-size:15px;color:var(--success);text-align:center;margin-top:8px;opacity:0;transition:opacity .3s}.copy-success.visible{opacity:1}.qr-section{margin-top:16px}.qr-toggle{background:none;border:none;color:var(--hint);font-size:15px;font-family:var(--font);cursor:pointer;padding:8px 0;text-decoration:underline;text-underline-offset:3px}@media(hover:hover){.qr-toggle:hover{color:var(--text-secondary)}}.qr-area{margin-top:12px;animation:fadeSlideIn .25s ease}.qr-area .hint{font-size:14px}.qr-area .hint strong{color:var(--text)}.qr-wrap{background:#fff;padding:12px;border-radius:var(--radius-sm);display:flex;justify-content:center;margin-top:8px;border:1.5px solid var(--border);max-width:220px}.qr-wrap svg{display:block;width:100%;height:auto}[dir=rtl] .step-header,[dir=rtl] .dl-links{flex-direction:row-reverse}[dir=rtl] .mini-steps{margin-left:0;margin-right:20px}.creating-key{text-align:center;padding:48px 0}.creating-key .spinner{margin:0 auto 20px;width:48px;height:48px}.creating-key .loading-text{font-size:19px;color:var(--text-secondary)}[dir=rtl] .card-header,[dir=rtl] .invite-stats{flex-direction:row-reverse}[dir=rtl] .lang-btn,[dir=rtl] .collapsible-header{flex-direction:row-reverse;text-align:end}.btn-danger-text{background:none;border:none;color:var(--destructive);font-size:16px;font-weight:600;cursor:pointer;padding:14px;font-family:inherit;opacity:.7;transition:opacity .2s;width:100%;text-align:center}@media(hover:hover){.btn-danger-text:hover{opacity:1}}.no-access{text-align:center;padding-top:48px}.no-access-icon{font-size:72px;margin-bottom:20px}.no-access h1{margin-bottom:14px}.no-access p{color:var(--hint);max-width:340px;margin:0 auto 28px}.tip-card{background:var(--accent-amber-bg);border:1.5px solid #E8D5A8;border-radius:var(--radius);padding:18px 20px;margin-top:14px;text-align:start}.tip-card p{font-size:16px;color:var(--text-secondary);margin-bottom:0;line-height:1.55}.tip-card strong{color:var(--text)}.section-header{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text);margin-bottom:14px}.app-picker-card{display:block;width:100%;text-align:start;cursor:pointer;border:2px solid var(--border);transition:border-color .2s,box-shadow .2s,transform .12s;font-family:inherit}.app-picker-card:active{transform:scale(.98)}.app-picker-primary{border-color:var(--btn);box-shadow:var(--shadow-md)}@media(hover:hover){.app-picker-card:hover{border-color:var(--btn);box-shadow:var(--shadow-md)}}.app-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:8px}.app-picker-name{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text);margin:0}.app-picker-badge{font-size:13px;font-weight:600;padding:3px 10px;border-radius:12px;background:var(--accent-teal-bg);color:var(--success)}.app-picker-desc{font-size:16px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.app-picker-features{margin-bottom:14px}.app-picker-features-label{font-size:13px;font-weight:700;color:var(--hint);text-transform:uppercase;letter-spacing:.5px}.app-picker-list{margin:6px 0 0 18px;font-size:15px;color:var(--text-secondary);line-height:1.8;list-style:none;padding:0}.app-picker-list li:before{content:"✓";color:var(--success);font-weight:700;margin-inline-end:8px}.app-picker-action{display:block;font-size:16px;font-weight:700;color:var(--btn)}[dir=rtl] .app-picker-header{flex-direction:row-reverse}[dir=rtl] .app-picker-list{margin-left:0;margin-right:18px}[dir=rtl] .app-picker-action{text-align:start}.app-section-card{position:relative}.app-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.app-section-name{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text);margin:0}.app-section-badge{font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--secondary-bg);color:var(--hint)}.app-config-item{padding:4px 0}.app-config-header{margin-bottom:8px}.app-config-name{font-size:15px;font-weight:700;color:var(--text)}.app-config-divider{height:1px;background:var(--border);margin:14px 0}.app-section-download{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.app-section-download .hint{margin-bottom:8px}.app-section-download .dl-links{margin-top:6px}.btn-store-sm{padding:10px 14px;font-size:14px;min-height:40px}[dir=rtl] .app-section-header{flex-direction:row-reverse}.brand-bar{display:flex;align-items:center;gap:10px;margin-bottom:28px;padding-bottom:16px;border-bottom:1.5px solid var(--border)}.brand-icon{width:32px;height:32px}.brand-name{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.3px}html,body{height:100%}html{overflow:hidden}body{overflow-y:auto;-webkit-overflow-scrolling:touch}.screen.active{-webkit-overflow-scrolling:touch}.btn:active,.lang-btn:active,.platform-btn:active,.copy-btn:active,.collapsible-header:active{transform:scale(.97);transition-duration:.06s}.btn,.lang-btn,.platform-btn,.copy-btn,.brand-bar,.status-badge,.wizard-steps,.step-number{-webkit-user-select:none;user-select:none}.key-display,.invite-link-display{-webkit-user-select:all;user-select:all}@media(display-mode:standalone){#app{padding-top:calc(48px + env(safe-area-inset-top,0px))}.brand-bar{position:sticky;top:0;background:var(--bg);z-index:20;margin-left:-20px;margin-right:-20px;padding:12px 20px;margin-bottom:20px;border-bottom:1px solid var(--border)}}@media(max-height:667px){.spacer-lg{height:24px}.spacer{height:12px}h1{font-size:28px}.shield-icon{font-size:48px;margin-bottom:14px}.btn{padding:16px 20px;min-height:50px}.lang-btn{padding:16px 18px}.lang-flag{font-size:30px}.lang-label{font-size:18px}}.unavailable{opacity:.45;pointer-events:none;position:relative}.unavailable-badge{display:inline-block;font-size:13px;font-weight:600;color:var(--warning);background:var(--accent-amber-bg);border:1px solid #E8D5A8;border-radius:8px;padding:3px 10px;margin-inline-start:8px;pointer-events:auto;opacity:1}.unavailable-note{font-size:14px;color:var(--warning);font-weight:600;margin-top:8px;margin-bottom:4px}.app-picker-list li.feature-unavailable{opacity:.45;text-decoration:line-through}.app-picker-list li.feature-unavailable:before{content:"✗";color:var(--hint)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-height:480px)and (orientation:landscape){#app{padding-top:12px;padding-bottom:24px}.spacer-lg{height:16px}.spacer{height:8px}.loading{min-height:40vh}}