:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;line-height:1.5;font-weight:400;--color-primary: #FD734F;--color-secondary: #3B82F6;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-background: #0F172A;--color-surface: #1E293B;--color-surface-highlight: #334155;--color-text-primary: #F8FAFC;--color-text-secondary: #94A3B8;color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}p{color:var(--color-text-secondary)}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:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--color-primary);background-color:var(--color-surface-highlight)}button:focus,button:focus-visible{outline:4px auto var(--color-primary)}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media(min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #6366F1aa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--color-text-secondary)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem;padding-bottom:1rem;border-bottom:1px solid var(--color-surface-highlight)}.brand{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none}.hero{margin-bottom:4rem}.hero h1{margin-bottom:1rem}.hero p{font-size:1.2rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.download-btn{display:inline-block;background-color:var(--color-primary);color:#fff;font-weight:600;padding:12px 24px;border-radius:8px;text-decoration:none;transition:all .2s ease;margin-top:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.download-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.app-preview{margin-bottom:5rem;max-width:800px;margin-left:auto;margin-right:auto}.app-preview h2{margin-bottom:2rem}.carousel-container{border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006;border:1px solid var(--color-surface-highlight)}.carousel .control-dots .dot{background:var(--color-text-secondary)!important;box-shadow:none!important}.carousel .control-dots .dot.selected{background:var(--color-primary)!important}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:5rem;text-align:left}.feature-card{padding:1.5rem;border-radius:12px;background:var(--color-surface);border:1px solid var(--color-surface-highlight);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000004d;border-color:var(--color-primary)}.feature-card h3{margin-top:0;margin-bottom:.5rem;color:var(--color-text-primary)}.feature-card p{color:var(--color-text-secondary)}.feedback-section{max-width:600px;margin:0 auto;text-align:left;background:var(--color-surface);padding:2.5rem;border-radius:16px;border:1px solid var(--color-surface-highlight)}.feedback-section h2{margin-top:0;color:var(--color-text-primary)}.feedback-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--color-text-secondary)}.form-group input,.form-group textarea{padding:.8rem;border-radius:8px;border:1px solid var(--color-surface-highlight);font-family:inherit;background:var(--color-background);color:var(--color-text-primary);transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f133}.submit-btn{background-color:var(--color-primary);color:#fff;border:none;font-weight:700;padding:1rem;font-size:1.1rem}.submit-btn:hover{background-color:var(--color-secondary);border-color:transparent}.submit-btn:disabled{background-color:var(--color-surface-highlight);color:var(--color-text-secondary);cursor:not-allowed}.success-message{background:#10b9811a;border:1px solid var(--color-success);padding:1rem;border-radius:8px;color:var(--color-success);text-align:center}.error-text{color:var(--color-error);font-size:.9rem}.privacy-policy{text-align:left;max-width:800px;margin:0 auto;padding:2rem 0}.privacy-policy h1{margin-bottom:2rem;text-align:center}.privacy-policy h3{margin-top:2rem;margin-bottom:1rem;color:var(--color-primary)}.privacy-policy p{line-height:1.6;margin-bottom:1rem}footer{margin-top:5rem;padding-top:2rem;border-top:1px solid var(--color-surface-highlight);color:var(--color-text-secondary);font-size:.9rem;display:flex;flex-direction:column;gap:1rem;align-items:center}footer a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}footer a:hover{color:var(--color-primary);text-decoration:underline}.instruction-page{text-align:left;max-width:800px;margin:0 auto;padding:2rem 0}.instruction-page h1{margin-bottom:2rem;text-align:center}.instruction-page section{margin-bottom:3rem;padding-top:1rem}.instruction-page h2{color:var(--color-primary);border-bottom:1px solid var(--color-surface-highlight);padding-bottom:.5rem;margin-bottom:1.5rem}.instruction-page h3{color:var(--color-text-primary);margin-bottom:.5rem}.instruction-page p,.instruction-page li{line-height:1.6;color:var(--color-text-secondary);margin-bottom:1rem}.instruction-page ul,.instruction-page ol{padding-left:1.5rem;margin-bottom:1.5rem}.toc{background:var(--color-surface);padding:1.5rem;border-radius:12px;border:1px solid var(--color-surface-highlight);margin-bottom:3rem}.toc h3{margin-top:0;border-bottom:none}.toc ul{list-style-type:none;padding-left:0;margin-bottom:0}.toc li{margin-bottom:.5rem}.toc a{color:var(--color-primary);text-decoration:none;font-weight:500}.toc a:hover{text-decoration:underline}.mode-card{background:var(--color-surface);padding:1.5rem;border-radius:8px;border:1px solid var(--color-surface-highlight);margin-bottom:1.5rem}.mode-card h3{margin-top:0;color:var(--color-text-primary)}.mode-card p{margin-bottom:0}