@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg-dark:#09090b;--bg-card:#18181b;--bg-input:#27272a;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d426;--accent-purple:#a855f7;--accent-purple-glow:#a855f726;--accent-emerald:#10b981;--accent-emerald-glow:#10b98126;--accent-rose:#f43f5e;--accent-rose-glow:#f43f5e26;--border-color:#27272a;--border-hover:#3f3f46;--border-focus:#52525b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow-cyan:0 0 20px #06b6d440;--shadow-glow-purple:0 0 20px #a855f740;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--font-sans:"Geist Sans", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", monospace;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-weight:700;line-height:1.25}a{color:var(--accent-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-purple)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);padding:24px;position:relative;overflow:hidden}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.glass-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#18181ba6;border:1px solid #ffffff0d;padding:32px}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:14px;font-weight:500}.input-control,.textarea-control,.select-control{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;padding:12px 16px;font-size:15px}.textarea-control{font-family:var(--font-mono);resize:vertical;min-height:120px}.input-control:focus,.textarea-control:focus,.select-control:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px var(--accent-cyan-glow)}.select-control{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.checkbox-group{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;display:flex}.checkbox-control{accent-color:var(--accent-cyan);cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-top:2px}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-cyan);color:#000}.btn-primary:hover{box-shadow:var(--shadow-glow-cyan);background:#22d3ee}.btn-primary:active{transform:scale(.98)}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background:0 0}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff0d}.btn-danger{background:var(--accent-rose);color:#fff}.btn-danger:hover{box-shadow:var(--shadow-glow-purple);background:#f43f5e}.btn-success{background:var(--accent-emerald);color:#000}.btn-success:hover{background:#34d399}.btn-group{flex-wrap:wrap;gap:12px;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-2{grid-template-columns:1fr}.glass-card{padding:20px}}@media (max-width:480px){.grid-4{grid-template-columns:1fr}}.code-container{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#0d0d0e;max-height:400px;padding:16px;position:relative;overflow:auto}.code-output{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;color:#38bdf8;font-size:14px;line-height:1.5}.code-error{color:var(--accent-rose);font-family:var(--font-mono);border-left:4px solid var(--accent-rose);border-radius:var(--radius-sm);background:#f43f5e0d;margin-top:12px;padding:12px;font-size:14px}header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);z-index:50;background:#09090bcc;position:sticky;top:0}.nav-wrapper{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{background:linear-gradient(to right, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.main-nav{align-items:center;gap:24px;display:flex}.nav-links{gap:24px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:14px;font-weight:500}.nav-links a:hover{color:var(--text-primary)}@media (max-width:768px){.nav-wrapper{flex-direction:column;gap:12px;height:auto;padding:16px 24px}.nav-links{gap:16px}.main-nav{gap:16px!important}}@media (max-width:480px){.nav-links span{display:none}.nav-links a{border-radius:var(--radius-sm);background:var(--bg-input);padding:8px}}footer{border-top:1px solid var(--border-color);background:#09090b;margin-top:auto;padding:40px 0}.footer-content{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:14px;display:flex}@media (max-width:640px){.footer-content{text-align:center;flex-direction:column;gap:16px}}.hero{text-align:center;max-width:800px;margin:0 auto;padding:80px 0 40px}.hero h1{background:linear-gradient(135deg, #fff 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:48px}.hero p{color:var(--text-secondary);font-size:18px;line-height:1.6}@media (max-width:768px){.hero h1{font-size:36px}.hero p{font-size:16px}.hero{padding:40px 0 20px}}.search-container{max-width:500px;margin:32px auto 48px;position:relative}.search-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:16px 20px 16px 48px;font-size:16px}.search-input:focus{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan)}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.category-section{margin-bottom:60px}.category-title{border-left:4px solid var(--accent-cyan);align-items:center;gap:10px;margin-bottom:24px;padding-left:12px;font-size:24px;display:flex}.category-title.calculators{border-left-color:var(--accent-purple)}.category-title.images{border-left-color:var(--accent-emerald)}.tool-card{flex-direction:column;height:100%;text-decoration:none;display:flex}.tool-card h3{color:var(--text-primary);margin-bottom:8px;font-size:18px}.tool-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:16px;font-size:14px;line-height:1.5}.tool-card-footer{align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.tool-card.developer .tool-card-footer{color:var(--accent-cyan)}.tool-card.calculator .tool-card-footer{color:var(--accent-purple)}.tool-card.image .tool-card-footer{color:var(--accent-emerald)}.tool-layout{grid-template-columns:2fr 1fr;gap:40px;margin-top:32px;margin-bottom:64px;display:grid}@media (max-width:968px){.tool-layout{grid-template-columns:1fr;gap:32px}}.tool-header{margin-bottom:32px}.tool-header h1{margin-bottom:8px;font-size:32px}.tool-header p{color:var(--text-secondary);font-size:16px}.back-link{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:20px;font-size:14px;font-weight:500;display:inline-flex}.back-link:hover{color:var(--text-primary)}.tool-grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:768px){.tool-grid-2{grid-template-columns:1fr}}.seo-section{border-top:1px solid var(--border-color);margin-top:80px;padding-top:60px}.seo-content{grid-template-columns:3fr 2fr;gap:60px;display:grid}@media (max-width:968px){.seo-content{grid-template-columns:1fr;gap:40px}}.seo-guide h2{margin-bottom:20px;font-size:24px}.seo-guide h3{margin-top:24px;margin-bottom:12px;font-size:18px}.seo-guide p{color:var(--text-secondary);margin-bottom:16px;font-size:15px;line-height:1.7}.seo-guide ol,.seo-guide ul{color:var(--text-secondary);margin-bottom:16px;margin-left:20px;font-size:15px}.seo-guide li{margin-bottom:8px;line-height:1.6}.faq-container{flex-direction:column;gap:16px;display:flex}.faq-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);overflow:hidden}.faq-question{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.faq-question:hover{background:#ffffff05}.faq-answer{color:var(--text-secondary);padding:0 20px 20px;font-size:14px;line-height:1.6}.chart-container{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#0d0d0e;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.chart-title{color:var(--text-secondary);align-self:flex-start;margin-bottom:16px;font-size:14px;font-weight:600}.chart-legend{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:16px;font-size:12px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.stat-box{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff05;flex-direction:column;gap:4px;padding:12px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.stat-value{font-size:20px;font-weight:700}.stat-value.cyan{color:var(--accent-cyan)}.stat-value.purple{color:var(--accent-purple)}.stat-value.emerald{color:var(--accent-emerald)}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-top:24px;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.custom-table th{background:var(--bg-input);color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:12px 16px}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:#ffffff03}.toast{border:1px solid var(--accent-cyan);box-shadow:var(--shadow-glow-cyan);border-radius:var(--radius-sm);color:var(--text-primary);z-index:1000;background:#18181b;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;animation:.2s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:fixed;bottom:24px;right:24px}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}html.light{--bg-dark:#f8fafc;--bg-card:#fff;--bg-input:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-cyan:#0891b2;--accent-cyan-glow:#0891b214;--accent-purple:#7c3aed;--accent-purple-glow:#7c3aed14;--accent-emerald:#059669;--accent-emerald-glow:#05966914;--accent-rose:#e11d48;--accent-rose-glow:#e11d4814;--border-color:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#94a3b8;--shadow-glow-cyan:0 4px 20px #0891b21a;--shadow-glow-purple:0 4px 20px #7c3aed1a}html.light header{background:#f8fafcd9;border-bottom-color:#e2e8f0}html.light footer{background:#f1f5f9;border-top-color:#e2e8f0}html.light .glass-card{background:#ffffffb3;border:1px solid #0f172a14;box-shadow:0 10px 15px -3px #00000008,0 4px 6px -2px #00000005}html.light .hero h1{background:linear-gradient(135deg,#0f172a 0%,#475569 100%);-webkit-background-clip:text}html.light .btn-secondary:hover{background:#0f172a0a}html.light .code-container{background:#f8fafc;border-color:#e2e8f0}html.light .code-output{color:#0369a1}html.light .input-control:focus,html.light .textarea-control:focus,html.light .select-control:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px var(--accent-cyan-glow)}.input-group-responsive{align-items:stretch;gap:10px;display:flex}@media (max-width:640px){.input-group-responsive{flex-direction:column;align-items:stretch}.input-group-responsive .input-control{width:100%!important}.input-group-responsive .btn,.input-group-responsive button{justify-content:center;width:100%}}.pwa-install-banner{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);width:380px;max-width:calc(100vw - 48px);box-shadow:var(--shadow-lg), var(--shadow-glow-purple);z-index:10000;background:#18181bd9;border:1.5px solid #a855f766;flex-direction:column;gap:16px;padding:20px;transition:opacity .3s,transform .3s;animation:.4s cubic-bezier(.16,1,.3,1) forwards pwa-slide-in;display:flex;position:fixed;bottom:24px;right:24px}@keyframes pwa-slide-in{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.pwa-install-banner-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pwa-install-banner-title-wrapper{align-items:center;gap:10px;display:flex}.pwa-install-banner-icon{background:var(--accent-purple-glow);color:var(--accent-purple);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:8px;animation:2s ease-in-out infinite pwa-pulse-glow;display:flex}@keyframes pwa-pulse-glow{0%,to{box-shadow:0 0 #a855f766}50%{box-shadow:0 0 12px 4px #a855f733}}.pwa-install-banner-title{color:var(--text-primary);font-size:16px;font-weight:700}.pwa-install-banner-close{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.pwa-install-banner-close:hover{color:var(--text-primary);background:#ffffff14}.pwa-install-banner-body{color:var(--text-secondary);font-size:13.5px;line-height:1.5}.pwa-install-banner-actions{align-items:center;gap:10px;display:flex}.pwa-install-banner-btn-install{background:linear-gradient(135deg, var(--accent-purple) 0%, #7c3aed 100%);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:flex;box-shadow:0 4px 10px #a855f733}.pwa-install-banner-btn-install:hover{filter:brightness(1.1);box-shadow:0 4px 15px #a855f766}.pwa-install-banner-btn-dismiss{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:10px 16px;font-size:13px;font-weight:600}.pwa-install-banner-btn-dismiss:hover{border-color:var(--border-hover);color:var(--text-primary);background:#ffffff0d}html.light .pwa-install-banner{background:#ffffffe6;border:1.5px solid #a855f759;box-shadow:0 10px 30px #00000014,0 0 20px #a855f726}html.light .pwa-install-banner-btn-dismiss{border-color:#cbd5e1}html.light .pwa-install-banner-btn-dismiss:hover{background:#f1f5f9;border-color:#94a3b8}html.light .pwa-install-banner-close:hover{background:#0000000d}.pwa-ios-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10001;background:#09090bcc;justify-content:center;align-items:center;padding:20px;animation:.3s forwards pwa-fade-in;display:flex;position:fixed;inset:0}@keyframes pwa-fade-in{0%{opacity:0}to{opacity:1}}.pwa-ios-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);flex-direction:column;gap:20px;padding:24px;animation:.4s cubic-bezier(.16,1,.3,1) forwards pwa-slide-in;display:flex;position:relative}html.light .pwa-ios-modal{background:#fff;border-color:#e2e8f0}.pwa-ios-modal-title{color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.pwa-ios-instructions-list{color:var(--text-secondary);flex-direction:column;gap:16px;font-size:14px;display:flex}.pwa-ios-instruction-step{align-items:flex-start;gap:12px;display:flex}.pwa-ios-step-number{background:var(--accent-purple-glow);color:var(--accent-purple);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.pwa-ios-share-icon,.pwa-ios-plus-icon{vertical-align:middle;background:#ffffff14;border-radius:6px;justify-content:center;align-items:center;margin:0 4px;padding:4px;display:inline-flex}html.light .pwa-ios-share-icon,html.light .pwa-ios-plus-icon{background:#0000000d}@media (max-width:640px){.pwa-install-banner{border-radius:var(--radius-md);width:auto;max-width:none;bottom:16px;left:16px;right:16px}}