:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.install-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#282c34;color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:95%;width:450px;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-height:60px}.install-banner p{margin:0;flex:1;word-break:break-word;line-height:1.4;font-size:.9rem;text-align:left}.install-banner button{background-color:#61dafb;color:#282c34;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:500;white-space:nowrap;min-width:80px;flex-shrink:0}.install-banner button:hover{background-color:#21a1f1}.instruction-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}.instruction-modal{background:#fff;border-radius:16px;max-width:95%;width:900px;max-height:90vh;position:relative;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease-out;display:flex;flex-direction:column;overflow:hidden}.instruction-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px 25px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.instruction-title{color:#2d3748;margin:0;font-size:1.6rem;font-weight:600;line-height:1.3;word-break:break-word;flex:1;text-align:left}.instructions-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:24px;overflow-y:auto;flex:1}.instruction-card{background:#f8f9fa;border-radius:12px;padding:20px;transition:all .3s ease;border:1px solid #e2e8f0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-height:200px;display:flex;flex-direction:column}.instruction-card h3{margin:0 0 16px;color:#2c3e50;display:flex;align-items:center;gap:12px;font-size:1.2rem;word-break:break-word;line-height:1.3;flex-shrink:0}.instruction-card ol{margin:0;padding-left:20px;flex:1}.instruction-card li{margin-bottom:12px;line-height:1.6;color:#4a5568;position:relative;padding-left:8px;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.instruction-card li::marker{color:#3182ce;font-weight:600}.close-button{background:none;border:none;color:#a0aec0;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#f7fafc;color:#2d3748}.close-button .material-symbols-rounded{font-size:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.instruction-modal{margin:10px;max-width:calc(100% - 20px);width:auto}.instruction-header{padding:15px 20px;flex-wrap:wrap}.instruction-title{font-size:1.3rem;margin-bottom:5px}.instructions-container{grid-template-columns:1fr;gap:15px;padding:20px 15px}.instruction-card{padding:15px;min-height:auto}.instruction-card h3{font-size:1.1rem;gap:8px;flex-wrap:wrap}.instruction-card li{font-size:.9rem;margin-bottom:10px;line-height:1.5}.install-banner{width:90%;max-width:90%;bottom:15px;padding:12px 15px}.install-banner p{font-size:.85rem}.install-banner button{font-size:.85rem;padding:6px 12px;min-width:70px}}@media(max-width:480px){.instruction-modal{margin:5px;max-width:calc(100% - 10px);max-height:calc(100vh - 10px)}.instruction-header{padding:12px 15px}.instruction-title{font-size:1.2rem}.instructions-container{padding:15px 10px;gap:12px}.instruction-card{padding:12px}.instruction-card h3{font-size:1rem;margin-bottom:12px}.instruction-card li{font-size:.85rem;margin-bottom:8px}.install-banner{flex-direction:column;text-align:center;gap:8px;width:85%;padding:10px 12px}.install-banner p{font-size:.8rem;text-align:center}.install-banner button{width:100%;font-size:.8rem;padding:8px 12px}}[dir=rtl] .instruction-card{text-align:right}[dir=rtl] .instruction-card ol{padding-right:20px;padding-left:0}[dir=rtl] .instruction-card li{padding-right:8px;padding-left:0}[dir=rtl] .instruction-title{text-align:right}.instruction-card li,.instruction-title,.install-banner p{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.instruction-card li,.instruction-title,.install-banner p{word-wrap:break-word;line-break:anywhere}