*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0}body a{text-decoration:none;color:#00f}.Page{padding:20px 0;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.Footer{margin-top:auto;margin-bottom:-20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;background:#000c;height:70px;min-height:70px;color:#fff9}nav,ul{list-style-type:none;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-padding-start:0;padding-inline-start:0}li{list-style:none}.Rooms{background-color:#f4f4f4}.Rooms .Room{background-color:#cecece;border:1px solid black;border-radius:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.Rooms .Room .room-name{margin-top:-1rem;font-size:20px;font-weight:700;width:100%}.Rooms .Room .room-info{width:100%}.Rooms .Room .room-connect-btn{width:100%;min-height:50px;max-height:50px;padding-top:1rem}.Rooms .Room .room-connect-btn a{padding:.75rem 2.5rem;border-radius:25px;background:#fff;color:#006400;clear:both;width:50%;display:block;margin:0 auto}.Rooms .Room .room-connect-btn a:hover{background:#f4f4f4;color:#20b2aa}.modal-cover{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;-webkit-transform:translateZ(0);transform:translateZ(0);background-color:#000c}.modal-area{position:fixed;top:0;left:0;margin-left:0;margin-top:25%;width:50%;height:40%;padding:2.5em 1.5em 1.5em;background-color:#fff;-webkit-box-shadow:0 0 10px 3px rgba(0,0,0,.1);box-shadow:0 0 10px 3px #0000001a;overflow-y:auto;-webkit-overflow-scrolling:touch}._modal-close{position:absolute;top:0;right:0;padding:.5em;line-height:1;background:#f6f6f7;border:0;-webkit-box-shadow:0;box-shadow:0;cursor:pointer}._modal-close-icon{width:25px;height:25px;fill:transparent;stroke:#000;stroke-linecap:round;stroke-width:2}.modal-body{padding-top:.25em}._hide-visual{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.scroll-lock{overflow:hidden;margin-right:17px}.Banner,.Main{padding:0rem}.Extra{padding:2rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.Extra .split-x{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.Extra .split-y{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.Profile{background-color:#f4f4f4;padding:1rem}.form{background:#cecece;width:75%;margin:0 auto}.form .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.form .form-group input{width:50%;margin:.5rem auto}@media only screen and (min-width: 500px){.Room{max-width:50%;min-width:50%}}@media only screen and (max-width: 600px){.Rooms{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:.5rem}.Rooms .Room{max-width:60%;min-width:60%;max-height:200px;padding:.5rem 0;margin:.5rem 0}.Rooms .Room .room-name{max-height:60px;min-height:30px}.Rooms .Room .room-name>*{font-size:20px;font-weight:700;margin:0;padding-top:.5rem}.Rooms .Room .room-info{max-height:80px;min-height:80px}.Rooms .Room .room-info>*{font-size:16px;font-weight:400}.Rooms .Room .room-connect-btn{width:100%;max-height:50px;min-height:50px;margin-top:1rem;padding:0}.Rooms .Room .room-connect-btn a{margin:0 auto;padding:.5rem 1.5rem;border-radius:15px}}@media only screen and (min-width: 600px){.Rooms{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-top:.5rem}.Rooms .Room{margin:.5rem 0;max-width:40%;min-width:40%;max-height:200px;min-height:200px}.Rooms .Room .room-name{max-height:40px;min-height:40px}.Rooms .Room .room-name>*{font-size:20px;font-weight:700;margin:0;padding-top:1.5rem;max-height:inherit;min-height:inherit}.Rooms .Room .room-info{max-height:80px;min-height:80px}.Rooms .Room .room-connect-btn{width:100%;max-height:50px;min-height:50px;margin-top:1rem;padding:0}.Rooms .Room .room-connect-btn a{margin:0 auto;padding:.5rem 1.5rem;border-radius:15px}}@media only screen and (min-width: 900px){.Rooms .Room{margin:1rem 0;max-width:30%;min-width:30%;max-height:250px;min-height:250px}.Rooms .Room .room-name{max-height:40px;min-height:40px}.Rooms .Room .room-name>*{font-size:20px;font-weight:700;margin:0;padding-top:1.5rem;max-height:inherit;min-height:inherit}.Rooms .Room .room-info{max-height:100px;min-height:100px}.Rooms .Room .room-info>*{font-size:16px;font-weight:400}}.storybook-button{font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;border-radius:3em;cursor:pointer;display:inline-block;line-height:1}.storybook-button--primary{color:#fff}.storybook-button--secondary{color:#333;background-color:transparent;box-shadow:#00000026 0 0 0 1px inset}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}.VictoryContainer{touch-action:auto!important}.subscription-container{max-width:1200px;margin:0 auto;padding:2rem}.subscription-header{text-align:center;margin-bottom:2rem}.subscription-header h2{font-size:2rem;margin-bottom:.5rem;color:#333}.trial-notice{font-size:1.1rem;color:#4caf50;font-weight:600}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.plan-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:2rem;position:relative;transition:transform .2s,box-shadow .2s}.plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.plan-card.featured{border-color:#4caf50;box-shadow:0 4px 12px #4caf5033}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#4caf50;color:#fff;padding:.25rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600}.plan-header{text-align:center;margin-bottom:1.5rem}.plan-header h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.plan-price{margin-bottom:.5rem}.plan-price .price{font-size:2.5rem;font-weight:700;color:#333}.plan-price .interval{font-size:1.125rem;color:#666}.plan-savings{color:#4caf50;font-weight:600;margin-bottom:.5rem}.plan-description{color:#666;font-size:.875rem}.btn-subscribe{width:100%;padding:1rem;background:#2196f3;color:#fff;border:none;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-subscribe:hover:not(:disabled){background:#1976d2}.btn-subscribe:disabled{opacity:.6;cursor:not-allowed}.btn-subscribe.btn-featured{background:#4caf50}.btn-subscribe.btn-featured:hover:not(:disabled){background:#45a049}.subscription-footer{text-align:center;color:#666;font-size:.875rem}.subscription-footer p{margin:.25rem 0}.subscription-status{background:#f0f8ff;border:2px solid #2196F3;border-radius:12px;padding:2rem;text-align:center;max-width:500px;margin:2rem auto}.subscription-status h3{color:#4caf50;margin-bottom:1rem}.subscription-status p{color:#666;margin-bottom:1.5rem}.btn-manage{display:inline-block;padding:.75rem 1.5rem;background:#2196f3;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:background .2s}.btn-manage:hover{background:#1976d2}@media (max-width: 768px){.subscription-container{padding:1rem}.subscription-header h2{font-size:1.5rem}.plans-grid{grid-template-columns:1fr;gap:1.5rem}.plan-price .price{font-size:2rem}.btn-subscribe{font-size:1rem}}.success-container{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.success-card{background:#fff;border-radius:16px;padding:3rem;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.success-icon{font-size:4rem;margin-bottom:1rem;animation:bounce .6s ease-in-out}.cancel-icon{font-size:4rem;margin-bottom:1rem;animation:shake .5s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.success-card h1{font-size:2rem;margin-bottom:1rem;color:#333}.success-message{font-size:1.125rem;color:#666;margin-bottom:2rem}.success-details{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.success-details h3{font-size:1.25rem;margin-bottom:1rem;color:#333}.success-details ul{list-style:none;padding:0;margin:0;text-align:left}.success-details li{padding:.5rem 0;color:#555;font-size:1rem}.session-id{background:#f0f0f0;padding:.75rem;border-radius:8px;margin-bottom:2rem;font-size:.875rem;color:#666;word-break:break-all}.session-id code{background:#e0e0e0;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem}.success-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background:#4caf50;color:#fff}.btn-primary:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover{background:#d0d0d0;transform:translateY(-2px)}.auto-redirect{color:#999;font-size:.875rem;font-style:italic}.cancel-card{background:#fff}.cancel-card .success-icon{color:#f44336}@media (max-width: 768px){.success-container{padding:1rem}.success-card{padding:2rem}.success-card h1{font-size:1.5rem}.success-icon,.cancel-icon{font-size:3rem}.success-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}