: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}}html,body,.App{background:#000!important;color:#111;height:100dvh;width:100dvw;margin:0;padding:0;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,sans-serif}br{display:block}.App{height:100dvh;width:100dvw;position:relative;background:#000}.screen{height:100dvh;width:100dvw;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s ease;background:#fff}.center{justify-content:center;align-items:center}.input{width:100%;padding:12px 15px;margin:10px 0;border:1px solid #cccccc;border-radius:4px;font-size:1rem;transition:border-color .3s;background-color:#fff;color:#111}.input:focus,.btn:focus,.link:focus,.account-btn:focus,.howto-text-link:focus,.back-btn:focus{outline:none}.error{color:#c00;margin:10px 0;font-weight:500}.success{color:green;margin:10px 0;font-weight:500}.bold-grey{color:#555;margin:10px 0;font-weight:500}.link-text{margin-top:20px;font-size:.9rem;color:#555}.link{color:#111;text-decoration:underline;cursor:pointer;font-weight:600}.loading-text{font-size:1.5rem;color:#111;font-weight:600}.upgrade-description{margin-bottom:20px;color:#444}.btn{width:100%;padding:12px 24px;margin-top:15px;border-radius:4px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .3s,transform .1s;border:none;outline:none}.btn.start-button{background:maroon;color:#fff;box-shadow:0 4px 10px #80000033}.btn.start-button:hover{background:#600}.btn.primary{background:#111;color:#fff;box-shadow:0 4px 10px #1113}.btn.primary:hover{background:#444}.btn.secondary{background:#f0f0f0;color:#111;border:1px solid #cccccc}.btn.secondary:hover{background:#e0e0e0}.btn.danger{background:#c00;color:#fff;margin-top:20px}.btn.danger:hover{background:#900}.logout-btn{width:100%;padding:12px 24px;font-size:1.1rem;font-weight:700;background:#111;color:#fff;border:none;margin-top:20px;border-radius:4px}.logout-btn:hover{background:#444}.btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.card{background:#fff;padding:40px;border-radius:8px;box-shadow:0 10px 20px #0000001a;max-width:380px;width:90%;text-align:center;position:relative;margin:auto}.card h2{color:#111;margin-bottom:20px;font-size:1.8rem}.user-id-display{background:#f5f5f5;padding:10px;border-radius:4px;margin-bottom:15px;font-size:1rem;word-break:break-all}.back-btn{position:absolute;top:5px;left:15px;background:none;border:none;font-size:1.5rem;color:#555;cursor:pointer;transition:color .2s;font-weight:600}.back-btn:hover{color:#111}.howto-list{text-align:left;margin-top:15px;padding-left:20px}.howto-list li{margin-bottom:10px}.howto-list li::marker{color:#111}.account-card{margin:auto}.account-info p{margin:10px 0;font-size:1.1rem;text-align:left}.upgrade-inline-link{font-size:.9rem;margin-left:5px}.contact-link-text{margin-top:15px;font-size:.9rem;color:#555;cursor:pointer;text-decoration:underline;font-weight:400}.contact-link-text:hover{color:#111}.home-screen{background:#fff}.top-bar-home{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}.account-btn{background-color:#f9f9f9;outline:none;font-size:1rem;color:#111;text-decoration:none;cursor:pointer;font-weight:400;padding:5px 10px;border:1px solid #cccccc;border-radius:4px;z-index:10000}.account-btn:hover{background-color:#f0f0f0;border:1px solid #cccccc}.howto-text-link{font-size:1rem;color:#111;text-decoration:none;cursor:pointer;font-weight:400;padding:5px 10px;transition:color .2s;z-index:10000}.howto-text-link:hover{color:#555}.home-content-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.center-content{text-align:center;max-width:80%}.home-info-box{background:#fff;border:1px solid #e1e1e1;border-radius:12px;padding:12px;width:100%;max-width:450px;margin:0 auto 15px;box-shadow:0 4px 12px #00000008}.home-settings-box{background:#fff;border:1px solid #e1e1e1;border-radius:12px;padding:12px;width:100%;max-width:450px;margin:15px auto 0;box-shadow:0 4px 12px #00000008}.box-title{font-size:1.1rem;color:#111;margin-bottom:12px;text-align:left;padding-left:20px;font-weight:600}@media(min-width:768px){.home-info-box,.home-settings-box{max-width:550px;padding:30px}.home-info-box{margin-bottom:0}.home-settings-box{margin-top:15px}.box-title{font-size:1.3rem}}.home-howto-list{list-style:decimal inside;text-align:left;padding:0;font-size:.9rem;color:#333;line-height:1.8;margin:0}.home-howto-list li{margin-bottom:5px;color:#444;padding-left:5px}@media(min-width:768px){.home-howto-list{font-size:1.15rem;margin:0}.home-howto-list li{margin-bottom:10px}}.start-button{width:100%;height:60px;border-radius:8px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s;border:none}.start-button:hover{transform:translateY(-2px)}.start-button:active{transform:translateY(0)}.session-duration-row{display:flex;align-items:center;justify-content:space-between;padding:0 0 15px;border-bottom:1px solid #eaeaea;width:100%}.session-duration-label{font-size:.9rem;color:#444}.session-duration-select{padding:6px 40px 6px 8px;font-size:.9rem;border:1px solid #ccc;border-radius:6px;background-color:#fff;color:#444;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;box-shadow:none}.session-duration-select option{background-color:#fff;color:#111;padding:10px}@media(min-width:768px){.session-duration-row{padding:0 0 20px}.session-duration-label{font-size:1rem;white-space:nowrap}.session-duration-select{min-width:200px;font-size:1rem}}.phone-screen{display:block}@media(min-width:768px){.phone-screen{display:none}}.volume-toggle-container{display:flex;align-items:center;justify-content:space-between;padding:15px 0 5px;width:100%}.volume-label-group{display:flex;align-items:center;gap:8px}.volume-toggle-label{font-size:.95rem;color:#444}.info-icon{color:#777;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s}.info-icon:hover{color:#111}.volume-info-text{font-size:.8rem;color:#666;margin-top:10px;max-width:100%;margin-left:auto;margin-right:auto;background:#f9f9f9;padding:8px;border-radius:6px;border:1px solid #eee;text-align:center;line-height:1.4}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#111}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}@media(min-width:768px){.volume-toggle-container{padding:20px 0 5px}.volume-toggle-label{font-size:1rem}.volume-info-text{font-size:.9rem;max-width:500px}.switch{width:48px;height:26px}.slider:before{height:20px;width:20px}input:checked+.slider:before{transform:translate(22px)}}.install-section{position:absolute;bottom:max(75px,env(safe-area-inset-bottom) + 20px);left:50%;transform:translate(-50%);text-align:center;width:100vw}.install-button{background:#f0f0f0;color:#111;padding:12px 32px;border-radius:36px;border:1px solid #cccccc;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.install-button:hover{background:#e0e0e0}.install-text{margin-top:8px;font-size:.9rem;color:#555}.imagine-screen{background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;height:100dvh;width:100dvw;margin:0;padding:0}.imagine-static-text{font-size:2.5rem;font-weight:300;max-width:90%;line-height:1.4;letter-spacing:.5px;color:#fff}@media(max-width:768px){.imagine-static-text{font-size:1.8rem;line-height:1.3}}@media(max-width:480px){.imagine-static-text{font-size:1.4rem;line-height:1.2}}.session-finished-prompt{display:flex;flex-direction:column;align-items:center}.session-finished-prompt p{font-size:1.5rem;margin-bottom:20px}.exit-session-btn{width:auto;padding:10px 30px}.fullscreen-active{width:100vw;height:100vh}.howto-card{max-width:700px;max-height:86vh;overflow-y:auto;padding:1.2rem}.howto-content{text-align:left}.howto-section{margin-bottom:1.5rem}.howto-section h3{font-size:1.15rem;font-weight:700;color:#111;margin-bottom:.8rem;margin-top:1.2rem}.howto-section:first-child h3{margin-top:0}.howto-section p{font-size:.95rem;color:#555;line-height:1.6;margin-bottom:.8rem}.howto-section strong{color:#111;font-weight:600;display:inline}.howto-section em{font-style:italic;color:maroon}.reason-box{background:#f5f5f5;padding:1rem;border-radius:8px;margin:.8rem 0;border-left:4px solid #800000}.reason-box h4{font-size:1rem;font-weight:700;color:#111;margin-bottom:.5rem}.reason-box p{font-size:.9rem;color:#555;margin-bottom:0;line-height:1.5}.comparison-table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.85rem;background:#fff;border:1px solid #cccccc;border-radius:8px;overflow:hidden}.comparison-table thead{background:#f5f5f5;border-bottom:2px solid #cccccc}.comparison-table th{padding:.8rem;text-align:left;font-weight:700;color:#111;border-right:1px solid #cccccc;font-size:.9rem}.comparison-table th:last-child{border-right:none}.comparison-table td{padding:.8rem;color:#555;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;line-height:1.5}.comparison-table td:last-child{border-right:none}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table td strong{color:#111;display:inline}.comparison-table tbody tr:hover{background:#80000005}.howto-steps{list-style:none;padding-left:0;margin:1rem 0}.howto-steps li{margin-bottom:1rem;padding-left:0;position:relative;font-size:.95rem;color:#555;line-height:1.6}.howto-steps li strong{font-weight:700;color:#111;display:inline;margin-right:.3rem}.step-title{font-weight:700;color:#111;display:inline}.emphasis-box{background:#00000014;border-left:4px solid #800000;padding:1rem;border-radius:6px;margin:1.2rem 0;font-size:.95rem;color:#111;line-height:1.6}.emphasis-box strong{display:inline}.howto-card::-webkit-scrollbar{width:6px}.howto-card::-webkit-scrollbar-track{background:transparent}.howto-card::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.howto-card::-webkit-scrollbar-thumb:hover{background:#555}@media(min-width:768px){.howto-card{max-width:700px;padding:2rem}.howto-section{margin-bottom:2rem}.howto-section h3{font-size:1.3rem;margin-bottom:1rem;margin-top:1.5rem}.howto-section p{font-size:.95rem;margin-bottom:1rem}.reason-box{padding:1.2rem;margin:1rem 0}.reason-box h4{font-size:1rem}.reason-box p{font-size:.9rem}.comparison-table{font-size:.9rem;margin:1.5rem 0}.comparison-table th,.comparison-table td{padding:1rem}.howto-steps li{font-size:.95rem;margin-bottom:1.5rem}.emphasis-box{padding:1.2rem;font-size:.95rem}}@media(min-width:1024px){.howto-card{max-width:750px;padding:2.5rem}.howto-section h3{font-size:1.35rem}.comparison-table{font-size:.95rem}}