body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dark-mode .landing-section{background-color:#000c}.landing-section{align-items:center;background-attachment:fixed;background-image:url(/static/media/background.5e29c532094d276a930a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:100vh;justify-content:flex-start;padding:0 15%;width:100%}.landing-section .content{font-size:1.1rem;text-align:left;z-index:2}.landing-section .content .social_icons{color:#fff;display:flex;flex-direction:row;gap:10px}.landing-section .content .social_icons svg{font-size:1.8em}.landing-section .content .mobile_social_icons{display:none}.landing-section .content p{font-size:2em;margin:0;padding-bottom:30px}.landing-section .content h1{color:#ddd;font-size:5em;margin:0;text-shadow:2px 0 3px #000}.color-changing{animation:glowChange 12s infinite}@keyframes glowChange{0%{color:#ffc000;text-shadow:1px 0 2px #000,0 0 1px #ffc000,0 0 3px #ffc000}20%{color:#173b3b;text-shadow:1px 0 2px #000,0 0 5px #285954,0 0 10px #285954}40%{color:#747a60;text-shadow:1px 0 2px #000,0 0 5px #747a60,0 0 10px #747a60}60%{color:#ff964f;text-shadow:1px 0 2px #000,0 0 15px #7f4d32,0 0 20px #7f4d32}80%{color:#265450;text-shadow:1px 0 2px #000,0 0 10px #737760,0 0 15px #737760}to{color:#ffc000;text-shadow:1px 0 2px #000,0 0 2px #ffc000,0 0 5px #ffc000}}@media screen and (max-width:567px){.nav-left{float:left;padding-top:15px}.nav-left img{height:30px}.nav-right{float:right}.nav-right li{color:#fff;font-size:12px;list-style:none;padding:8px 12px;width:10%}.nav-right ul{list-style-type:none;margin:0;padding:0}body{width:100%}.landing-section{font-size:11px;padding-left:3%;padding-right:3%}}@media screen and (max-width:768px){.landing-section h1{font-size:3.5em!important;text-align:left}.landing-section p{font-size:1.5rem;text-align:left}.container{display:inline;display:initial}.social_icons{display:none!important}.mobile_social_icons{color:#fff;display:flex!important;flex-direction:row;gap:10px;padding-top:10px;svg{font-size:1.8em}}.landing-section{display:block;padding-left:0;padding-right:0;padding-top:120px}.landing-section .content{padding:0 3% 5%;width:95%}.landing-section .image-wrapper{padding-left:3%;width:100%}}@media (max-width:1024px){.landing-section{padding:0 8%}.landing-section .content h1{font-size:3.8em}.landing-section .content p{font-size:1.6rem}}h1{color:#fff;font-size:3.2em;font-weight:700;margin-bottom:30px;text-shadow:2px 2px 10px #000000b3}p{color:#e0e0e0;font-size:1.2em;line-height:1.6;margin-bottom:40px;text-shadow:1px 1px 5px #00000080}button{background-color:#32706a;border:none;border-radius:15px;box-shadow:0 0 10px #32706a;color:#fff;cursor:pointer;font-size:1.5em;font-weight:700;justify-content:center;padding:20px 30px;text-align:center}button:hover{background-color:#3e8a84;box-shadow:0 0 20px #3e8a84,0 0 30px #3e8a84;color:#eee}@media (max-width:768px){h1{font-size:2.5em}p{font-size:1em}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:20px;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #fff3;border-radius:50%;border-top-color:#3a8dff;height:50px;margin-bottom:20px;width:50px}.create-ses-page{align-items:center;background-attachment:fixed;background-image:linear-gradient(180deg,#0009,#0009),url(/static/media/background.5e29c532094d276a930a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;justify-content:flex-start;min-height:100vh;padding:20px;text-align:center}.create-ses-page,.text-content{display:flex;flex-direction:column}.text-content{animation:fadeIn 1.5s ease-out;max-width:800px;min-height:80vh}.text-content h1{font-size:2.5em;margin-bottom:40px;margin-top:100px;padding:0;text-align:center;width:100%}.text-content p{background-color:#ffffff1a;border-radius:8px;box-shadow:0 4px 8px #0003;font-size:1.5em;line-height:1.6;margin:auto 0 50px;padding:100px 40px}.start-session-button{align-self:center;padding:15px 0;width:200px}@media (max-width:768px){.text-content h1{font-size:2em;margin-top:60px}.text-content p{font-size:1em}.start-session-button{font-size:1.1em;margin-bottom:60px;padding:12px 24px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#fff;font-size:1.2em;margin:0;text-align:center}.graph-container .loading-container{min-height:200px;padding:0}.summary-card .loading-container{background:#0000;min-height:150px}@media (max-width:768px){.loading-container{min-height:200px;padding:15px}.loading-spinner{border-width:3px;height:35px;width:35px}.loading-container p{font-size:1em}.graph-container .loading-container{min-height:150px}.summary-card .loading-container{min-height:100px}}.view-sessions-page{background-attachment:fixed;background-image:linear-gradient(180deg,#0009,#0009),url(/static/media/background.5e29c532094d276a930a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;min-height:100vh;padding:20px;text-align:center}.scrollable-session-list{background-color:#0000004d;border:2px solid #fff3;border-radius:15px;box-shadow:0 4px 10px #0006;display:flex;flex-wrap:wrap;margin:0 auto 40px;max-height:480px;max-width:1160px;overflow-y:auto;padding:15px;width:100%}.session-list-container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.session-card{background-color:#ffffff1a;border-radius:20px;box-shadow:0 4px 8px #0003;color:#f0f0f0;cursor:pointer;flex-basis:calc(50% - 30px);flex-grow:1;flex-shrink:1;margin:15px;max-width:calc(50% - 30px);padding:0 15px;text-align:left;transition:all .3s ease}.session-card:hover{background-color:#ffffff26}.session-card p{font-size:1.1em;margin:10px}.session-card strong{color:#b3b3b3}.analytics-graph{background-color:#ffffff0d;border-radius:5px;color:#b3b3b3;margin-top:20px;padding:15px;text-align:center}.dummy-graph{align-items:center;background-color:#ffffff1a;border-radius:4px;color:#888;display:flex;font-size:1.2em;height:150px;justify-content:center;margin-top:10px}.scrollable-session-list::-webkit-scrollbar{width:8px}.scrollable-session-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:5px}.scrollable-session-list::-webkit-scrollbar-thumb{background:#fff6;border-radius:5px}.scrollable-session-list::-webkit-scrollbar-thumb:hover{background:#fff9}.metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;padding:20px}.metric-card h3{color:#fff;font-size:1.2em;margin-bottom:15px}.view-ses-page{align-items:center;background-attachment:fixed;background-image:linear-gradient(180deg,#0009,#0009),url(/static/media/background.5e29c532094d276a930a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding-top:20px;text-align:center}.view-ses-page h1{font-size:2.5em;margin-bottom:40px;margin-top:100px;padding:0;text-align:center;width:100%}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto 40px;max-width:1200px;padding:0 20px;width:100%}.view-ses-page h2{font-size:2.5em;margin-bottom:20px;margin-top:40px;text-align:center;width:100%}@media (max-width:1024px){.view-sessions-page{padding:30px 10px}.session-card h2{font-size:1.4em}.session-card p{font-size:.9em}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.view-sessions-page h1{font-size:2em}.scrollable-session-list{max-width:calc(100% - 40px)}.session-card h2{font-size:1.3em}.dummy-graph,.session-card p{font-size:.9em}.dummy-graph{height:80px}.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:250px}}.session-actions{align-items:center;display:flex;gap:10px}.delete-button{background:none;border:none;color:#f44;cursor:pointer;font-size:24px;opacity:.7;padding:0 5px;transition:opacity .3s}.delete-button:hover{opacity:1}.delete-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal-content{background:#1e1e1ef2;border-radius:8px;max-width:400px;padding:20px;text-align:center;width:90%}.delete-modal-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.confirm-delete{background:#f44}.cancel-delete,.confirm-delete{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.cancel-delete{background:#666}.visualize-focus-page{background-attachment:fixed;background-image:linear-gradient(180deg,#0009,#0009),url(/static/media/background.5e29c532094d276a930a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;min-height:100vh;overflow:auto;padding-bottom:60px;padding-top:20px;position:relative;text-align:center}.summary-stats{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:40px}.stat-item{background-color:#ffffff1a;border-radius:8px;box-shadow:0 4px 8px #0003;padding:20px;text-align:center;width:300px}.visualize-focus-page h1{font-size:2.5em;margin-bottom:40px;margin-top:100px;padding:0;text-align:center;width:100%}.stat-item h2{font-size:1.3em;font-weight:700;margin-bottom:10px}.stat-item p{color:#5fb7b0;font-size:2.2em;font-weight:700}.chart-container{background-color:#ffffff1a;border-radius:8px;box-shadow:0 4px 8px #0003;margin:0 auto 40px;max-width:960px;padding:20px}.chart-container h2{font-size:1.8em;margin-bottom:15px}.chart-container canvas{height:400px!important}@media (max-width:768px){.visualize-focus-page h1{font-size:2em;margin-top:60px}.summary-stats{align-items:center;flex-direction:column}.chart-container h2{font-size:1.5em}}.dark-mode .login-section{background-color:#000c}.login-section{align-items:center;background-attachment:fixed;background-image:linear-gradient(180deg,#0009,#0009),url(/static/media/background.5e29c532094d276a930a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:40px 20px}.login-section .content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;box-shadow:0 4px 10px #0006;font-size:1.1rem;max-width:500px;padding:30px;text-align:center;z-index:2}.login-section .content h1{color:#fff;font-size:3.5em;margin-bottom:20px;text-shadow:2px 0 3px #000}.login-section .content p{color:#b3b3b3;font-size:1.2rem;margin-bottom:20px}.login-section .form{display:flex;flex-direction:column;gap:15px}.login-section .form input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:10px}.login-section button{background-color:#32706a;border:none;border-radius:5px;box-shadow:0 0 10px #32706a;color:#fff;cursor:pointer;font-size:1rem;padding:10px;transition:background-color .3s}.login-section button:hover{background-color:#3e8a84;box-shadow:0 0 20px #3e8a84,0 0 30px #3e8a84;color:#eee}@media screen and (max-width:768px){.login-section .content h1{font-size:2.5em}.login-section .content p{font-size:1.1rem}.login-section .content{padding:20px;width:80%}}.dark-mode .settings-section{background-color:#000c}.settings-section{align-items:center;background-attachment:fixed;background-image:linear-gradient(180deg,#0009,#0009),url(/static/media/background.5e29c532094d276a930a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:40px 20px}.settings-section .content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;box-shadow:0 4px 10px #0006;font-size:1.1rem;max-width:500px;padding:30px;text-align:center;z-index:2}.settings-section .content h1{color:#fff;font-size:3.5em;margin-bottom:20px;text-shadow:2px 0 3px #000}.settings-section .content p{color:#b3b3b3;font-size:1.2rem;margin-bottom:20px}.settings-section .form{display:flex;flex-direction:column;gap:15px}.settings-section .form input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:10px}.settings-section button{background-color:#32706a;border:none;border-radius:5px;box-shadow:0 0 10px #32706a;color:#fff;cursor:pointer;font-size:1rem;padding:10px;transition:background-color .3s}.settings-section button:hover{background-color:#3e8a84;box-shadow:0 0 20px #3e8a84,0 0 30px #3e8a84;color:#eee}@media screen and (max-width:768px){.settings-section .content h1{font-size:2.5em}.settings-section .content p{font-size:1.1rem}.settings-section .content{padding:20px;width:80%}}
/*# sourceMappingURL=main.e68f2c47.css.map*/