@import url(https://fonts.googleapis.com/css2?family=Schoolbell&display=swap);:root{--header-height:60px;--footer-height:40px;--background-image:none}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#03d9ff;background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0}body.has-background{--background-image:linear-gradient(#00000080,#0000001a),url(/static/media/white-puzzle-bg3.62a0732fdbf44af554a3.jpg)}*,:after,:before{box-sizing:inherit}main{box-sizing:border-box;min-height:calc(100vh - 100px);min-height:calc(100vh - var(--header-height) - var(--footer-height));padding-bottom:40px;padding-bottom:var(--footer-height);padding-top:60px;padding-top:var(--header-height);width:100%}.loading-overlay{align-items:center;background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.loading-icon{animation:spin 1s linear infinite;border:8px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;width:60px}.mobile-sidebar{background-color:#02c7eb;color:#fff;height:0;left:0;overflow:hidden;position:fixed;top:0;transition:height .3s ease-in-out;width:100%;z-index:999}.mobile-sidebar.open{height:100vh}.sidebar-nav{display:flex;flex-direction:column;padding:20px}.sidebar-link{align-items:center;color:#fff;display:flex;font-size:18px;margin-top:40px;padding:15px 20px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.sidebar-link svg{margin-right:5px}.sidebar-link:hover{background-color:#ffffff1a;transform:translateY(2px)}.sidebar-link h3.h3{display:inline;font-size:1rem;margin:0 5px}.credits-display{background-color:#fff;border-radius:4px;display:inline-block;line-height:1;padding:5px 10px;vertical-align:middle}.sidebar-overlay{background:#00000080;cursor:pointer;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:998}.sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:10px 20px}.logo-sidebar{color:#000;display:flex;font-size:24px;font-weight:700;gap:5px;text-decoration:none}.sidebar-right-icons{align-items:center;display:flex;gap:10px}.identity-rectangle-sidebar{border:1px solid #000;border-radius:4px;cursor:pointer;height:30px;position:relative;transition:background-color .3s ease;width:50px}.identity-rectangle-sidebar.logged-in{background-color:#45fe47}.identity-rectangle-sidebar.logged-out{background-color:#fe4547}.identity-tooltip-sidebar{background-color:#333;border-radius:4px;color:#fff;font-size:14px;left:50%;opacity:0;padding:5px 20px;pointer-events:none;position:absolute;top:calc(100% + 5px);transform:translateX(-50%);visibility:hidden;white-space:nowrap}.identity-rectangle-sidebar:hover .identity-tooltip-sidebar{opacity:1;visibility:visible}.custom-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.custom-modal-content{background:#fff;border:1px solid #00d9ff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#4a4a4a;font-family:Helvetica Neue,Arial,sans-serif;padding:20px;text-align:center;width:400px}.custom-modal-title{color:#00c7eb;font-size:1.5rem;font-weight:700;margin-bottom:15px}.custom-modal-message{color:#666;font-size:1rem;line-height:1.6;margin-bottom:20px}.custom-modal-buttons{display:flex;justify-content:space-around}.custom-modal-cancel,.custom-modal-confirm{border:1px solid #0000;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:1rem;font-weight:600;margin:0 5px;padding:12px 24px;transition:all .3s ease;width:50%}.custom-modal-confirm{background-color:#00c7eb;color:#fff}.custom-modal-cancel{background-color:#eb0052;color:#fff}.custom-modal-confirm:hover{background-color:#00d9ff}.custom-modal-cancel:hover,.custom-modal-confirm:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.custom-modal-cancel:hover{background-color:#cc0047}@media (max-width:768px){.custom-modal-content{padding:15px;width:90%}.custom-modal-title{font-size:1.2rem}.custom-modal-message{font-size:.9rem}.custom-modal-cancel,.custom-modal-confirm{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.custom-modal-content{width:95%}.custom-modal-buttons{flex-direction:column;gap:10px}.custom-modal-cancel,.custom-modal-confirm{width:100%}}.header{background-color:#fff;border-bottom:1px solid #ccc;color:#000;left:0;padding:20px;position:fixed;top:0;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:1000}.header.header-logged-out{background-color:initial;border-bottom:none}.header-hidden{opacity:0;transform:translateY(-100%)}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-container,.logo{align-items:center;display:flex}.logo{color:#000;cursor:pointer;font-size:24px;font-weight:700;gap:5px;text-decoration:none}.logo-text{font-family:Schoolbell,sans-serif}.homeschool-title{color:#4a4a4a}.header-logged-out .homeschool-title{color:#0000}.blue-title{color:#00c7eb;font-weight:700}.header-logged-out .blue-title{color:#0000}.nav{gap:25px;margin-right:20px}.nav,.nav-link{align-items:center;display:flex}.nav-link{border-radius:5px;color:#000;font-size:18px;padding:10px 15px;text-decoration:none;transition:color .3s ease,transform .2s ease}.nav-link:hover{background:#00c7eb1a;color:#00c7eb;transform:scale(1.05)}.credits-display{background:#e0e0e0;border-radius:5px;color:#000;font-size:14px;margin-left:8px;margin-right:5px;padding:3px 8px}.header-right-icons{align-items:center;background-color:#fff;border:1px solid #555;border-radius:6px 6px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:10px 0 5px;position:fixed;right:20px;top:15px;z-index:10002}.profile-menu{z-index:10001}.profile-menu-container{gap:15px;justify-content:center;position:fixed;right:20px;top:20px;z-index:9999}.profile-menu,.profile-menu-container{align-items:center;display:flex;flex-direction:column}.profile-menu{cursor:pointer;position:relative}.profile-icon{font-size:32px;margin:0 5px 5px;transition:color .3s ease}.profile-icon:hover{color:#00d9ff}.profile-menu:hover{color:#000}.profile-dropdown{background:#00c7eb;border:1px solid #555;border-radius:8px;box-shadow:0 4px 8px #00000026;min-width:200px;opacity:0;padding:20px;position:absolute;right:60px;text-align:left;top:-10px;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;visibility:hidden;z-index:10001}.profile-menu:hover .profile-dropdown{opacity:1;transform:translateY(0);visibility:visible}.profile-name{border:1px solid #555;border-radius:6px;font-weight:700;padding:10px 20px}.profile-name,.profile-settings{background-color:#fff;display:block;font-size:14px;margin-bottom:8px;text-align:center}.profile-settings{border:1px solid #000;border-radius:4px;box-shadow:0 4px 8px #00000026;font-weight:300;padding:5px 20px}.profile-settings:hover{box-shadow:0 4px 6px #0000}.profile-button{background:#ff4b4b;border:1px solid #555;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px;text-align:center;transition:background .3s ease;width:100%}.profile-button:hover{background:#e63939}.mobile-menu-icon{background:none;border:none;color:#000;cursor:pointer;display:none;font-size:32px;transform-origin:center center;transition:transform .3s ease,color .3s ease}.mobile-menu-icon:hover{color:#00c7eb}.mobile-menu-icon.open{transform:rotate(90deg) translateX(-5px) translateY(5px)}.header-right-icons.open .mobile-menu-icon,.header-right-icons.open .profile-icon{color:#000}@media (max-width:1000px){.header-container{padding:0}.logo{font-size:18px}.nav.desktop-links{display:none}.mobile-menu-icon{display:block}.header{background-color:#fff;color:#000;padding:15px 20px}.header.header-logged-out{background-color:initial;border-bottom:none}.header-right-icons{background-color:#00d9ff;color:#000;max-width:50px;right:10px;top:10px}.profile-menu,.profile-menu:hover{color:#000}.mobile-menu-icon:hover,.profile-icon:hover{color:#fff}}.footer{background-color:#00d9ff;border-left:1px solid #00d9ff;border-right:1px solid #00d9ff;border-top:1px solid #00d9ff;color:#4a4a4a;font-size:10px;font-weight:500;margin-top:40px;padding:15px 20px;text-align:center;width:100%}.footer-SpectrumGuideInfo-content{margin:0 150px}.footer-SpectrumGuideInfo-content,.footer-content{align-items:center;display:flex;gap:5px;justify-content:center}.brand-name{color:#4a4a4a;font-family:Schoolbell,sans-serif;font-weight:700}.founder{color:#4a4a4a;font-size:12px;margin:0}.footer-logo-container{align-items:center;display:flex;justify-content:center}.footer-logo{height:auto;width:50px}.footer-icons{align-items:center;display:flex;gap:5px}.footer-icon-link{color:#4a4a4a;font-size:12px;transition:color .3s ease}.footer-content p{align-items:center;display:flex;gap:5px}@media (max-width:768px){.footer{border-top-left-radius:0;border-top-right-radius:0;padding:12px;width:100%}.footer-content{flex-direction:column;gap:5px;margin-top:20px}.founder{margin-top:-10px}.footer-SpectrumGuideInfo-content{margin:0 20px}}.payment-page{background-color:#fff;border:1px solid #c3c3c3;border-radius:10px;margin:60px auto;max-width:1200px;padding:60px;text-align:center}.payment-page h1{color:#00c7eb;font-size:2.5rem;font-weight:700;margin-bottom:20px}.payment-page h2{color:#00c7eb;font-size:1.5rem;font-weight:700;margin-bottom:10px}.payment-page p{color:#555;font-size:18px;line-height:1.6;margin-bottom:20px;text-align:left}.payment-options{color:#555;list-style:none;margin:20px 0;padding:0}.payment-options li{align-items:center;background-color:#f4f4f9;border:1px solid #c3c3c3;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#555;cursor:pointer;display:flex;font-size:18px;justify-content:space-between;margin-bottom:15px;padding:15px}.payment-options li span{flex:1 1;font-weight:500;text-align:left}.payment-options button{background-color:#00c7eb;border:1px solid #908f8f;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.payment-options button:hover{background-color:#00aac8;transform:translateY(-2px)}.payment-options button:active{transform:translateY(0)}.payment-page .stripe-form{border-top:1px solid #ddd;margin-top:30px;padding:20px}.error{color:#9e2146;margin-top:10px}.success{color:#4caf50;font-weight:700;margin-top:10px}.profile-section{background-color:#f4f4f9;border:1px solid #c3c3c3;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#555;font-size:18px;margin-bottom:20px;padding:15px}.profile-section form{display:flex;flex-direction:column;gap:10px}.profile-section div{display:flex;flex-direction:column;gap:5px}.profile-section label{color:#555;font-weight:500}.profile-section input{border:1px solid #c3c3c3;border-radius:8px;font-size:16px;padding:10px}.profile-section button{background-color:#00c7eb;border:1px solid #908f8f;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease;width:-webkit-fit-content;width:fit-content}.profile-section button:hover{background-color:#00aac8;transform:translateY(-2px)}.profile-section button:active{transform:translateY(0)}@media (max-width:1200px){.payment-page{margin:20px}}@media (max-width:768px){.payment-page{margin:60px 20px;padding:15px;text-align:left;width:90%}.payment-page h1{font-size:2rem}.payment-options li{align-items:flex-start;flex-direction:column}.payment-options button{margin-top:10px;width:100%}.profile-section{padding:10px}.profile-section button{width:100%}}.payment-component{background-color:#fff;border:1px solid #c3c3c3;border-radius:10px;box-shadow:0 2px 4px #0000000d;margin:20px auto;max-width:400px;padding:20px;text-align:center}#payment-form{display:flex;flex-direction:column;gap:1rem}#payment-element{border:1px solid #c3c3c3;border-radius:4px;margin-bottom:1rem;padding:10px}#submit{background-color:#00c7eb;border:1px solid #908f8f;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:.5rem 1rem;transition:background-color .3s ease,transform .2s ease}#submit:disabled{background-color:#ccc;cursor:not-allowed}#submit:hover:not(:disabled){background-color:#00aac8;transform:translateY(-2px)}#submit:active:not(:disabled){transform:translateY(0)}#payment-message{color:#9e2146;margin-top:10px;text-align:center}@media (max-width:768px){.payment-component{margin:10px;padding:15px;width:90%}#submit{width:100%}}.chat-history-display{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;font-family:Helvetica Neue,Arial,sans-serif;margin:60px;max-width:100%;padding:20px}.chat-history-display .title{color:#333;font-size:1.75rem;font-weight:600;margin-bottom:24px;text-align:center}.chat-history-display .chat-container{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;max-height:70vh;overflow-y:auto;padding:16px}.chat-history-display .message-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 4px #0000000d;margin-bottom:16px;padding:16px;transition:box-shadow .2s ease}.chat-history-display .message-card:hover{box-shadow:0 2px 8px #0000001a}.chat-history-display .message-card .role{color:#4a4a4a;font-size:.9rem;font-weight:600;margin-bottom:8px;text-transform:uppercase}.chat-history-display .message-card .content{word-wrap:break-word;background-color:#f1f3f5;border:1px solid #e0e0e0;border-radius:4px;font-size:.95rem;line-height:1.6;margin-bottom:12px;padding:12px;white-space:pre-wrap}.chat-history-display .message-card .show-more-button{background-color:initial;border:none;color:#02c7eb;cursor:pointer;font-size:.9rem;margin-left:8px;text-decoration:underline;transition:color .2s ease}.chat-history-display .message-card .show-more-button:hover{color:#00a3c4}.chat-history-display .message-card .timestamp{color:#6c757d;font-size:.85rem;margin-bottom:12px}.chat-history-display .message-card .notes-section{margin-top:16px}.chat-history-display .message-card .notes-title{color:#333;font-size:1rem;font-weight:600;margin-bottom:12px}.chat-history-display .message-card .notes-list{list-style-type:none;margin:0;padding:0}.chat-history-display .message-card .note-item{align-items:center;background-color:#e8f5e9;border:1px solid #d4e4d5;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 12px;transition:background-color .2s ease}.chat-history-display .message-card .note-item:hover{background-color:#d4edda}.chat-history-display .message-card .note-content{color:#2e7d32;flex:1 1;font-size:.9rem}.chat-history-display .message-card .note-timestamp{color:#555;font-size:.8rem;margin-left:12px}.chat-history-display .message-card .delete-note-button{background-color:initial;border:none;color:#ff6b6b;cursor:pointer;font-size:1.2rem;transition:color .2s ease}.chat-history-display .message-card .delete-note-button:hover{color:#e55a5a}.chat-history-display .message-card .no-notes{color:#6c757d;font-size:.9rem;margin:0}.chat-history-display .message-card .error-message{color:#ff6b6b;font-size:.9rem;margin:8px 0}.chat-history-display .message-card .add-note-container{display:flex;flex-direction:column;gap:8px;margin-top:12px}.chat-history-display .message-card .add-note-textarea{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;padding:10px;resize:vertical;transition:border-color .2s ease;width:100%}.chat-history-display .message-card .add-note-textarea:focus{border-color:#02c7eb;outline:none}.chat-history-display .message-card .add-note-actions{display:flex;gap:12px;margin:8px 0 12px}.chat-history-display .message-card .save-note-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:background-color .2s ease;width:100%}.chat-history-display .message-card .save-note-button:hover{background-color:#45a049}.chat-history-display .message-card .save-note-button:disabled{background-color:#ccc;cursor:not-allowed}.chat-history-display .message-card .cancel-note-button{background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:background-color .2s ease;width:100%}.chat-history-display .message-card .cancel-note-button:hover{background-color:#e55a5a}.chat-history-display .message-card .cancel-note-button:disabled{background-color:#ccc;cursor:not-allowed}.chat-history-display .message-card .actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:12px}.chat-history-display .message-card .action-button,.chat-history-display .message-card .add-note-button,.chat-history-display .message-card .delete-button{background-color:#02c7eb;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.chat-history-display .message-card .action-button:hover,.chat-history-display .message-card .add-note-button:hover{background-color:#00a3c4}.chat-history-display .message-card .delete-button{background-color:#ff6b6b}.chat-history-display .message-card .delete-button:hover{background-color:#e55a5a}.chat-history-display .message-card .add-note-button{align-items:center;background-color:#4caf50;display:flex;justify-content:center}.chat-history-display .message-card .add-note-button:hover{background-color:#45a049}.chat-history-display .message-card .add-note-button:disabled{background-color:#ccc;cursor:not-allowed}.chat-history-display .message-card .add-note-button span{flex-shrink:0}.chat-history-display .no-messages{background-color:#f8f9fa;border-radius:4px;color:#6c757d;font-size:1rem;padding:20px;text-align:center}.settings-container{border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:center;margin-top:10px}.delete-button-settings{background-color:#f9f9f9;border:none;color:#bdbdbd;cursor:pointer;font-size:.8rem;padding:6px 20px;text-align:center;text-decoration:none;text-transform:uppercase;transition:color .2s ease;width:100%}@media (max-width:1200px){.chat-history-display{margin:40px 20px}}@media (max-width:768px){.chat-history-display{margin:60px 20px;padding:10px}.chat-history-display .message-card .actions{flex-direction:column;gap:8px}.chat-history-display .message-card .action-button,.chat-history-display .message-card .add-note-button,.chat-history-display .message-card .delete-button{padding:12px;width:100%}.chat-history-display .message-card .add-note-actions{flex-direction:column;gap:8px}.chat-history-display .message-card .cancel-note-button,.chat-history-display .message-card .save-note-button{padding:12px}}.social-stories-page{background-color:#fff;border:1px solid #c3c3c3;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#000;font-family:Helvetica Neue,Arial,sans-serif;margin:60px!important;max-width:100%!important;padding:60px!important}.social-stories-page h1,.social-stories-page h2{color:#00c7eb;margin-bottom:20px;text-align:center}.social-stories-page h1 svg{margin-right:10px;vertical-align:-.2em}.generate-section{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.label-inline{display:flex;flex-direction:column;margin-right:10px}.story-type-select{cursor:pointer}.generate-buttonz{background-color:#02c7eb;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.generate-buttonz:disabled{background-color:#ccc;cursor:not-allowed}.latest-generated{background-color:#f4f4f9;border:1px solid #c3c3c3;border-radius:8px;margin-bottom:20px;padding:10px}.show-more-button{background-color:initial;border:none;color:#02c7eb;cursor:pointer;font-size:.9rem;margin-left:5px;text-decoration:underline}.saved-stories-section{margin-top:20px}.stories-list{display:flex;flex-direction:column;gap:10px}.story-card{background-color:#f4f4f9;border:1px solid #c3c3c3;border-radius:8px;padding:10px}.story-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.rename-input{border:1px solid #c3c3c3;border-radius:4px;padding:5px;width:60%}.story-actions button{background-color:initial;border:none;color:#02c7eb;cursor:pointer;margin-left:10px}.story-footer{display:flex;justify-content:space-between}.download-story-button,.save-rename-button{background-color:#02c7eb;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.cancel-rename-button{background-color:#aaa}.rate-limit-modal-overlay{background:#0009;height:100vh;opacity:1;position:fixed!important;visibility:visible;width:100vw;z-index:2000}.rate-limit-modal{box-shadow:0 4px 12px #0003;padding:30px;z-index:2001}.rate-limit-modal h3{margin-bottom:15px}.rate-limit-modal p{line-height:1.5;margin-bottom:20px}.subscribe-btn{background-color:#02c7eb;border-radius:5px;transition:background-color .3s ease}.subscribe-btn:hover{background-color:#0198b5}.close-btn{background-color:#aaa;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-left:10px;padding:5px 20px;transition:background-color .3s ease}.close-btn:hover{background-color:#888}.error-message{background-color:#ffebee;border:1px solid #d32f2f;border-radius:4px;color:#d32f2f;font-size:14px;margin-top:10px;padding:10px;text-align:center}@media (max-width:768px){.rate-limit-modal{padding:20px;width:95%}.close-btn,.subscribe-btn{margin:10px 0;width:100%}}.default-story-injector-section-title,.title-generate-section{color:#666;font-weight:700;text-align:center}.default-story-injector-section{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:row;margin-bottom:20px;padding:10px}.default-story-injector-section label{color:#333;flex:1 1;font-weight:600;margin-right:10px}.default-story-injector-section select{border:1px solid #c3c3c3;border-radius:6px;font-size:1rem;max-width:400px;padding:8px;width:100%}.default-story-injector-section button{background-color:#02c7eb;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease;width:auto}.default-story-injector-section button:disabled{background-color:#ccc;cursor:not-allowed}.error,.selected-story-indicator{background-color:#fff;border:1px solid #c3c3c3;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:1rem;height:36px;margin:0;overflow-x:auto;overflow-y:hidden;padding:8px;text-align:center;white-space:nowrap}.error:empty,.selected-story-indicator:empty{border-color:#e0e0e0}.selected-story-indicator{color:#666;font-style:italic}@media (max-width:768px){.social-stories-page{margin:60px 20px!important;padding:30px!important}.generate-section{align-items:flex-start;flex-direction:column}.story-card{padding:15px}.generate-buttonz{height:auto;margin-top:0;width:100%}.default-story-injector-section{align-items:stretch;flex-direction:column}.default-story-injector-section label{margin-bottom:10px;margin-right:0}.default-story-injector-section button{width:100%}.error,.selected-story-indicator{margin-bottom:10px;width:100%}}.tts-controls-container{border-radius:8px;width:100%}.tts-radial{background:#00000008;border:1px solid #c3c3c3;border-radius:8px;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:5px 10px 10px}.tts-btn-wrapper,.tts-radial{align-items:center;display:flex}.tts-btn-wrapper{flex-direction:column}.tts-btn{align-items:center;background-color:#d3d3d3;border:1px solid #c3c3c3;border-radius:50%;box-shadow:2px 2px 3px #0000004d;color:#000;cursor:pointer;display:flex;flex:0 0 auto;font-family:Courier New,Courier,monospace;font-size:1.5rem;height:50px;justify-content:center;line-height:50px;margin:5px;padding:0;text-align:center;transition:all .2s ease;width:50px}.tts-btn:hover{background-color:#b0b0b0;transform:scale(1.05)}.tts-accordion-header{align-items:center;background-color:#d3d3d3;border:1px solid #c3c3c3;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-top:10px;padding:5px 10px;text-align:center;transition:all .3s ease;width:100%}.tts-accordion-header span{font-family:Courier New,Courier,monospace}.tts-accordion-header:hover{background-color:#b0b0b0}.tts-controls-settings{background:#fffc;border:1px solid #c3c3c3;border-radius:8px;margin-top:10px;overflow:hidden;padding:10px;transition:max-height .3s ease-out;width:100%}.tts-controls-settings.closed{max-height:0;padding:0}.tts-controls-settings.open{max-height:500px;padding:10px}.tts-settings-row,.tts-speed-control{align-items:center;display:flex;gap:15px;width:100%}.tts-settings-row label,.tts-speed-control label{align-items:center;display:flex;font-family:Courier New,Courier,monospace;gap:5px}.tts-settings-row select{background:#d3d3d3;border:1px solid #c3c3c3;border-radius:4px;flex-grow:1;font-family:Courier New,Courier,monospace;max-width:70%;padding:5px}.tts-speed-control input[type=range]{-webkit-appearance:none;appearance:none;background:#b0b0b0;border:1px solid #c3c3c3;border-radius:5px;flex-grow:1;height:8px;max-width:75%;min-width:50px;outline:none;transition:background .3s;width:100%}.tts-speed-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#d3d3d3;border:1px solid #c3c3c3;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:background .3s,transform .2s;transition:background .3s,transform .2s;width:20px}.tts-speed-control input[type=range]::-webkit-slider-thumb:hover{background:#b0b0b0;transform:scale(1.1)}.tts-speed-control input[type=range]::-moz-range-thumb{background:#d3d3d3;border-radius:50%;cursor:pointer;height:20px;-moz-transition:background .3s,transform .2s;transition:background .3s,transform .2s;width:20px}.tts-speed-control input[type=range]::-moz-range-thumb:hover{background:#b0b0b0;transform:scale(1.1)}.tts-speed-control input[type=range]:active::-webkit-slider-thumb{background:#999}.tts-speed-control span{display:inline-block;font-family:Courier New,Courier,monospace;font-size:.9rem;min-width:35px;text-align:center;vertical-align:middle}@media (max-width:600px){.tts-speed-control{align-items:flex-start;flex-direction:column}.tts-speed-control input[type=range]{max-width:100%}.tts-speed-control span{text-align:left}.tts-btn{font-size:1rem;height:20px;width:20px}.tts-radial{justify-content:space-between}.tts-accordion-header{padding:0 5px}}@media (max-width:480px){.tts-settings-row,.tts-speed-control{align-items:flex-start;flex-direction:column}.tts-voice{height:20px}.tts-btn,.tts-settings-row select{font-size:1.5rem}}.story-actions-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:10px;padding:10px 0}.delete-story-button,.download-story-button,.generate-image-button{border:1px solid #c3c3c3;border-radius:5px;color:#fff;flex:1 1;padding:10px;text-align:center;transition:transform .2s ease,background-color .2s ease}.generated-story-content,.story-content{word-wrap:break-word;background-color:#fff;background-color:var(--story-bg-color,#fff);border:1px solid #c3c3c3;border-radius:5px;line-height:1.5;margin-bottom:10px;padding:10px;white-space:pre-wrap}.download-story-button{background-color:#00c7eb}.download-story-button:hover{background-color:#00b2d2}.delete-story-button{background-color:#ff6b6b}.delete-story-button:hover{background-color:#d9534f}.generate-image-button{background-color:#00d9ff}.generate-image-button:hover{background-color:#03c7eb}@media (max-width:768px){.story-actions-container{flex-direction:column;gap:5px}.delete-story-button,.download-story-button,.generate-image-button{flex:none;width:100%}.delete-story-button{margin-bottom:5px}}.floating-chat-bot{align-items:center;background-color:#00d9ff;border:1px solid #555;border-radius:50%;bottom:40px;box-shadow:2px 2px 5px #0003;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;right:40px;transform:translateX(-100%);transition:transform .5s ease-out,opacity .5s ease-out;width:50px}.floating-chat-bot.slide-in{opacity:1;transform:translateX(0)}.floating-chat-bot:hover{background-color:#00c7eb}.floating-chat-bot .chat-icon{color:#000!important;font-size:24px;padding:2px;transition:color .3s ease}.floating-chat-bot:hover .chat-icon{color:#fff!important}@media (max-width:768px){.floating-chat-bot{bottom:20px;right:20px}}.chat-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:80%;left:50%;max-width:90%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:600px;z-index:9999}.error-message{color:#f44;margin:10px 0}.error-message a{color:#00c7eb;text-decoration:underline}@media (max-width:768px){.chat-modal{height:70vh;margin:0 auto;width:90%}}.chat-header{align-items:stretch;background:#f7f7f7;border-bottom:1px solid #ddd;display:flex;flex-direction:column;padding:10px;position:relative}.chat-header h2{font-size:1.2rem;font-weight:600;margin:0 0 8px;text-align:center}.close-modal-btn{background:#0000;border:none;color:#555;cursor:pointer;font-size:24px;position:absolute;right:8px;top:8px}.close-modal-btn:hover{color:#000}.chat-header-buttons{display:flex;gap:10px;justify-content:center;margin-top:10px}.clear-chat-btn,.download-chat-btn,.explain-chat-btn{background-color:#00c7eb;border:1px solid #908f8f;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:0;padding:6px 12px;transition:background-color .2s ease}.clear-chat-btn:hover,.download-chat-btn:hover,.explain-chat-btn:hover{background-color:#00b2d2}.chat-container{background:#fafafa;flex:1 1;overflow-y:auto;padding:10px}.chat-message{align-items:flex-start;display:flex;margin-bottom:12px;position:relative}.chat-message.user{justify-content:flex-end}.chat-message.assistant{justify-content:flex-start}.chat-message.user .message-content{align-self:flex-start;background-color:#c7ffd8;border:1px solid #ccc;border-top-right-radius:0}.chat-message.assistant .message-content{align-self:flex-start;background-color:#e2e2e2;border:1px solid #ccc;border-top-left-radius:0}.message-content{border-radius:8px;font-size:1rem;line-height:1.6;max-width:70%;padding:10px 14px;text-align:left}.message-content strong{color:#2e6da4;font-weight:700}.timestamp{color:#777;display:block;font-size:.75rem;margin-bottom:6px;margin-top:6px}.message-actions{align-items:center;display:flex;flex-direction:column;gap:8px;margin-left:8px}.message-actions .delete-btn,.message-actions .download-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:background-color .2s ease;width:80px}.delete-btn{background-color:#ff7272}.delete-btn:hover{background-color:#ff4d4d}.download-btn{background-color:#00c7eb}.download-btn:hover{background-color:#00aac8}.chat-input{background:#f9f9f9;border-top:1px solid #ddd;display:flex;flex-wrap:wrap;padding:10px}.chat-input textarea{border:1px solid #ccc;border-radius:4px;flex:1 1 100%;font-family:inherit;font-size:.9rem;height:50px;padding:8px;resize:none;transition:border-color .2s ease}.chat-input textarea:focus{border-color:#00c7eb;outline:none}.send-btn{background-color:#00c7eb;border:1px solid #908f8f;border-radius:4px;color:#fff;cursor:pointer;flex:1 1 100%;font-size:.9rem;margin-top:8px;padding:8px 16px;transition:background-color .2s ease}.send-btn:hover{background-color:#00b2d2}.send-btn:disabled{background-color:#a0c4ff;cursor:not-allowed}.loading-spinner{align-items:center;display:flex;flex-direction:column;margin:20px 0}.spinner{border:4px solid #0000001a;border-left-color:#4a90e2;height:36px;width:36px}.loading-spinner p{color:#555;font-size:1rem;margin-top:10px}.modal-overlay{background-color:#00000080;z-index:9998}.chat-message.assistant .message-content h3{color:#333;font-size:1.1rem;margin-bottom:8px}.chat-message.assistant .message-content ul{padding-left:20px}.chat-message.assistant .message-content li{margin-bottom:5px}.chat-message.assistant .message-content p{color:#333;font-size:1rem;line-height:1.6;white-space:pre-wrap}.chat-message.assistant .message-content strong{color:#2e6da4}.bottom-buttons-container{display:flex;gap:10px;width:100%}.bottom-buttons-container .clear-chat-btn,.bottom-buttons-container .download-chat-btn,.explain-chat-btn{background-color:#00c7eb;border:1px solid #908f8f;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;padding:8px 16px;transition:background-color .2s ease}.bottom-buttons-container .clear-chat-btn:hover,.bottom-buttons-container .download-chat-btn:hover{background-color:#00b2d2}.clear-chat-btn,.download-chat-btn,.explain-chat-btn{background-color:#00c7eb!important;margin-left:0!important;margin-top:10px;width:50%}.clear-chat-btn:focus,.close-modal-btn:focus,.download-chat-btn:focus,.send-btn:focus{outline:2px solid #029cb8;outline-offset:2px}.showMoreButton{color:#029cb8;cursor:pointer}.showMoreButton.showLess{color:#029cb8}.rate-limit-modal-overlay{z-index:10000}.rate-limit-modal{border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;width:90%}.rate-limit-modal h3{color:#333;font-size:1.5rem;margin:0 0 10px}.rate-limit-modal p{color:#666;font-size:1rem;margin:0 0 20px}.subscribe-btn{background:#00c7eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s ease}.subscribe-btn:hover{background:#00b2d2}.floating-chat-bot{bottom:60px;position:fixed;right:20px;z-index:999}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.signup-page{background-color:#fff;border:1px solid #c3c3c3;border-radius:8px;box-sizing:border-box;color:#000;font-family:Helvetica Neue,Arial,sans-serif;margin:0 100px;padding:20px}.signup-text{font-family:Schoolbell,sans-serif}.signup-page h1{color:#00c7eb}.signup-page h1,.welcome-note{margin-bottom:20px;text-align:center}.welcome-note{color:#4a4a4a;font-size:1.1rem}.form-section{background-color:#fff;border:1px solid #c3c3c3;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:20px}label{color:#2e3136;display:block;font-size:16px;font-weight:600;line-height:1.5;margin-bottom:5px;text-align:left}.hint{color:#666;font-size:.9rem;font-weight:400;margin-left:5px}input[type=date],input[type=email],input[type=password],input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:16px;margin-top:5px;padding:10px;width:100%}input:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e280;outline:none}.error{color:#d9534f;font-size:14px;margin-bottom:10px;text-align:center}.signup-button{background-color:#00c7eb;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px;transition:background-color .3s ease;width:100%}.signup-button:hover{background-color:#00aac8}.plan-selection{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.plan-selection label{align-items:center;cursor:pointer;display:flex;position:relative}.label{margin-bottom:-5px}.plan-selection input[type=radio]{margin-right:10px}.plan-tooltip{background-color:#333;border-radius:4px;color:#fff;font-size:12px;left:0;opacity:.9;padding:4px 8px;pointer-events:none;position:fixed;top:0;transform:translate(var(--x),var(--y));white-space:nowrap;z-index:1000}.password-error{color:#f44;font-size:.9em;margin-top:5px}.password-match{color:#0c0;font-size:.9em;margin-top:5px}.back-button{background-color:#f0f8ff;border:1px solid #00c7eb;border-radius:5px;box-sizing:border-box;color:#00c7eb;display:inline-block;font-size:1rem;font-weight:600;margin-bottom:20px;max-width:300px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease,color .3s ease;width:100%}.back-button:hover{background-color:#00c7eb;color:#fff;text-decoration:none}.back-button:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e280;outline:none}@media (max-width:768px){.signup-page{margin:-44px 16px;padding:15px}.form-section{padding:15px}label{font-size:14px}.hint{font-size:.8rem}input[type=date],input[type=email],input[type=password],input[type=text]{font-size:14px;padding:8px}.signup-button{font-size:14px;padding:8px 16px}.welcome-note{font-size:1rem}.back-button{font-size:.9rem;max-width:100%;padding:8px 16px}}.child-profile-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;font-family:Helvetica Neue,Arial,sans-serif;margin:60px;max-width:100%;padding:15px}.child-profile-form.premium-plan{background-color:#fff;border:1px solid #c3c3c3}.child-profile-form .form-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.child-profile-form .form-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px}.child-profile-form .form-section h3{border-bottom:2px solid #02c7eb;color:#333;font-size:1.5rem;font-weight:600;margin-bottom:10px;padding-bottom:6px;text-transform:none}.child-profile-form .credits-display{background:#e0f7fa;border-radius:12px;color:#666;display:inline-block;font-size:.9rem;font-weight:500;margin-left:8px;padding:3px 6px;text-transform:none}.child-profile-form .input-container{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.child-profile-form label{color:#333;font-size:1rem;font-weight:500;margin-bottom:4px;text-transform:none}.child-profile-form input,.child-profile-form select,.child-profile-form textarea{background-color:#fff;border:1px solid #c3c3c3;border-radius:6px;font-size:1rem;padding:10px;text-transform:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.child-profile-form input:focus,.child-profile-form select:focus,.child-profile-form textarea:focus{border-color:#02c7eb;box-shadow:0 0 0 3px #02c7eb1a;outline:none}.child-profile-form input::placeholder,.child-profile-form textarea::placeholder{color:#999;text-transform:none}.child-profile-form select{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right 10px center;background-repeat:no-repeat;background-size:12px}.child-profile-form .custom-multi-select{position:relative;width:100%}.child-profile-form .custom-multi-select .select-display{background-color:#fff;border:1px solid #c3c3c3;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px;text-transform:none;transition:all .2s ease}.child-profile-form .custom-multi-select .select-display.input-error{border-color:#ff6b6b}.child-profile-form .custom-multi-select .dropdown-options{background-color:#fff;border:1px solid #c3c3c3;border-radius:6px;box-shadow:0 2px 6px #0000001a;left:0;max-height:180px;opacity:1;overflow-y:auto;position:absolute;right:0;top:100%;transform:translateY(0);transition:opacity .2s ease,transform .2s ease;z-index:10}.child-profile-form .custom-multi-select .dropdown-options.closing{opacity:0;transform:translateY(-5px)}.child-profile-form .custom-multi-select .dropdown-option{align-items:center;cursor:pointer;display:flex;padding:8px;text-transform:none}.child-profile-form .custom-multi-select .dropdown-option:hover{background-color:#e0f7fa}.child-profile-form .custom-multi-select .dropdown-option input{margin-right:6px}.child-profile-form input[type=checkbox]{accent-color:#02c7eb;height:18px;margin-right:6px;width:18px}.child-profile-form .care-plans-container,.child-profile-form .checkbox-group,.child-profile-form .important-roles-container{display:flex;flex-wrap:wrap;gap:8px}.child-profile-form .care-plan-option label,.child-profile-form .checkbox-group label,.child-profile-form .important-role-option label{align-items:center;display:flex;padding:6px 10px;text-transform:none;transition:background-color .2s ease}.child-profile-form .care-plan-option label:hover,.child-profile-form .checkbox-group label:hover,.child-profile-form .important-role-option label:hover{background-color:#e0f7fa}.child-profile-form .care-plan-label,.child-profile-form .role-label{text-transform:none}.child-profile-form .button-container{display:flex;gap:10px;grid-column:1/-1;margin-top:20px}.child-profile-form .button-container button{border-radius:8px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:500;padding:12px;text-transform:none;transition:background-color .3s ease,transform .2s ease}.child-profile-form .button-container button[type=submit]{background-color:#02c7eb;border:none;color:#fff}.child-profile-form .button-container button[type=submit]:hover{background-color:#00a3c4;transform:translateY(-2px)}.child-profile-form .button-container button[type=button]{background-color:#f5f5f5;border:1px solid #c3c3c3;color:#333}.child-profile-form .button-container button[type=button]:hover{background-color:#e0e0e0;transform:translateY(-2px)}.child-profile-form .button-container button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.child-profile-form .input-error{border-color:#ff6b6b}.child-profile-form .error-overlay{color:#ff6b6b;font-size:.875rem;margin-top:4px;text-align:left;text-transform:none}.global-error-overlay{align-items:center;background-color:#fcc;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#721c24;display:none;display:flex;gap:10px;left:50%;padding:10px 20px;position:fixed;top:80px;transform:translateX(-50%);z-index:1000}.global-error-overlay.active{display:flex}.close-error{background:none;border:none;color:#721c24;cursor:pointer;font-size:16px;margin-left:10px;padding:0}.close-error:hover{color:#a00}.rate-limit-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.rate-limit-modal{background:#fff;border-radius:5px;padding:20px;text-align:center}.subscribe-btn{margin-top:10px;padding:5px 15px}.quick-injection-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:10px}.quick-injection-section label{color:#333;font-weight:600;margin-right:10px}.quick-injection-section select{border:1px solid #c3c3c3;border-radius:6px;font-size:1rem;max-width:400px;padding:8px;width:100%}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.quick-injection-section button[disabled]{animation:pulse 1.5s ease-in-out infinite}@media (max-width:1200px){.child-profile-form{margin:60px 20px}}@media (max-width:768px){.child-profile-form{box-shadow:none;padding:10px}.child-profile-form .form-container{grid-template-columns:1fr}.child-profile-form .form-section{margin-bottom:8px}.child-profile-form .form-section .input-container{display:flex}.child-profile-form .form-section h3{font-size:1.25rem}.child-profile-form label{font-size:.95rem}.child-profile-form input,.child-profile-form select,.child-profile-form textarea{font-size:.95rem;padding:8px}.child-profile-form .button-container{flex-direction:column;gap:8px}.child-profile-form .button-container button{font-size:1rem;padding:10px}.child-profile-form .credits-display{font-size:.8rem;margin-left:6px;padding:2px 4px}}@media (max-width:480px){.child-profile-form{margin:60px 10px;padding:8px}.child-profile-form .form-section h3{font-size:1.1rem}.child-profile-form label{font-size:.9rem}.child-profile-form input,.child-profile-form select,.child-profile-form textarea{font-size:.9rem;padding:6px}.child-profile-form .error-overlay{font-size:.8rem}.child-profile-form .button-container button{font-size:.9rem;padding:8px}}.smart-loader{animation:fadeIn .5s ease-in;padding:2rem;text-align:center}.spinner{border:4px solid #f3f3f3;border-top-color:#6c5ce7;height:40px;width:40px}.loader-text{color:#6c5ce7}.smart-loading-overlay{align-items:center;animation:fadeIn .3s ease-in;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.overlay-content{color:#fff;text-align:center}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#03c7eb;height:50px;margin:0 auto 1rem;width:50px}.loader-text{animation:fadeIn .5s ease-in;color:#03c7eb;font-size:1.2rem;font-style:italic;margin:0}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.interactive-hub{background-color:#fff;border:1px solid #c3c3c3;border-radius:8px;color:#000;font-family:Helvetica Neue,Arial,sans-serif;margin:60px auto;max-width:1200px;padding:40px}.interactive-hub h1{color:#00c7eb;font-size:2.5rem;font-weight:600;letter-spacing:-.5px;margin-bottom:25px;text-align:center}.interactive-hub p{color:#4a4a4a;font-size:1rem;letter-spacing:.1px;line-height:1.7;margin-bottom:25px}.feature{text-align:center}.feature-description{border:1px solid #e0e0e0}.feature-description,.user-form{background-color:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:20px}.user-form{border:1px solid #e0e0e0}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #c3c3c3;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:10px;width:100%}.form-group select[multiple]{height:auto}button[type=submit]{background-color:#00c7eb;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s;width:100%}button[type=submit]:hover{background-color:#00a3c2}.ai-response{background-color:#e6f9ff;border:1px solid #00c7eb;border-radius:8px;padding:20px}.communication-section,.education-section,.schedule-section{margin-bottom:20px}.communication-section h3,.education-section h3,.schedule-section h3{color:#00c7eb;font-size:1.5rem;margin-bottom:10px}.schedule-section ul{list-style-type:none;padding-left:0}.schedule-section li{margin-bottom:10px;padding-left:30px;position:relative}.schedule-section li:before{color:#4a4a4a;content:"\f017";font-family:FontAwesome;left:0;position:absolute}@media (max-width:1200px){.interactive-hub{margin:60px 20px;padding:20px}.user-form{margin:0}.interactive-hub h1{font-size:2rem;letter-spacing:-.3px;margin-bottom:10px}.interactive-hub p{font-size:.9rem;letter-spacing:0;line-height:1.6;margin-bottom:10px}.form-group input,.form-group select{font-size:.9rem;padding:8px}.ai-response{font-size:.9rem;padding:15px}}@media (max-width:768px){.interactive-hub h1{font-size:1.8rem}.form-group input,.form-group select{font-size:.9rem;padding:8px}.ai-response{padding:15px}.ai-response,.feature-description li{font-size:.9rem}}.interactive-hub-container{text-align:center;width:100%}.toggle-btn{background-color:#00c7eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background .3s ease,transform .2s ease;width:100%}.toggle-btn:hover{background-color:#00a5c4;transform:scale(1)}.interactive-hub-content{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-top:15px;padding:15px 40px;text-align:left;transition:max-height .4s ease-out,opacity .3s ease-in}.interactive-hub-content ul{list-style-type:none;padding:0}.interactive-hub-content ul li{line-height:1.5;margin-bottom:10px}.interactive-hub-content strong{color:#333}.interactive-hub-content em{color:#555;display:block;font-style:italic;margin-top:10px}@media (max-width:768px){.interactive-hub-content{padding:15px 20px}}.about-page{color:#333;display:flex;flex-direction:column;font-family:Helvetica Neue,Arial,sans-serif;margin:60px auto;max-width:1200px;min-height:100vh;overflow:hidden;padding:0 20px}.main-content{align-items:center;display:flex;flex:1 1;flex-direction:column}.tab-nav{align-items:stretch;border-radius:6px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px;max-width:1000px;padding:10px 40px;position:static;top:0;z-index:999}.tab,.tab-nav{background-color:#fff}.tab{border:1px solid #93d5e1;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#4a4a4a;cursor:pointer;font-size:1rem;min-width:100px;padding:5px 10px;text-align:center;transition:all .3s ease;width:auto}.tab.active,.tab:hover{background-color:#00d9ff;border:1px solid #8a9a5b;border-radius:4px;box-shadow:none}.tab-content{border-radius:8px;margin:0 10px;max-width:1000px;padding:0;width:100%}.welcome-section{margin-bottom:10px;text-align:center}.welcome-card{padding:20px 30px 30px}.our-story-welcome-card,.welcome-card{background:#fff;border:1px solid #00d9ff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.our-story-welcome-card{margin-top:10px;padding:20px 30px}.welcome-title{font-size:2.8rem;font-weight:800;line-height:1.3;text-align:center}.title-top{color:#00c7eb;display:block;margin-bottom:6px}.title-highlight{border-radius:6px;color:#00c7eb;display:inline-block;padding:4px 10px}.welcome-subtitle{font-size:1.2rem;margin-bottom:30px}.section-welcome-guide-subtitle,.welcome-subtitle{color:#4a4a4a;margin-left:auto;margin-right:auto;max-width:700px;text-align:center}.section-welcome-guide-subtitle{font-family:Schoolbell,sans-serif;font-size:1.5rem;margin-bottom:20px}.welcome-ctas{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.welcome-note{color:#666;font-size:.9rem;margin-top:10px;padding:0 20px}.welcome-logo-container{display:flex;justify-content:center;margin:20px 0}.welcome-logo{height:auto;object-fit:contain;width:100px}.welcome-navigation{border-radius:8px;color:#4a4a4a;font-family:Helvetica Neue,Arial,sans-serif;margin:10px auto;max-width:1200px}.welcome-navigation-section{width:100%}.welcome-navigation-section h2{color:#4a4a4a;margin-bottom:20px;text-align:center}.welcome-button-grid{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;width:100%}.welcome-nav-button{align-items:center;background-color:#fff;border:1px solid #00c7eb;border-radius:8px;color:#333;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s;width:100%}.welcome-nav-button:hover{background-color:#f0f8ff;box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.welcome-nav-button span{color:#00c7eb;font-size:1.5rem;font-weight:700;margin-top:10px;text-align:center}.welcome-nav-button p{color:#666;font-size:.9rem;margin-top:10px;text-align:center}.welcome-expandable-section{align-items:center;background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:1.8rem;font-weight:600;justify-content:space-between;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.welcome-expandable-section:hover{background-color:#fae49e}.welcome-expandable-section:first-child{margin-bottom:10px}.welcome-expandable-section .expand-icon{color:#ffc107;font-size:1.8rem;margin-left:10px;transition:transform .5s cubic-bezier(.68,-.6,.32,1.6)}.welcome-expandable-section .expand-icon.open{transform:rotate(180deg)}.welcome-expandable-content{background:#fff3cd;border-left:4px solid #ffc107;border-radius:0 0 8px 8px;margin-top:0;max-height:0;opacity:0;overflow-y:auto;padding:0 20px;transition:max-height .7s cubic-bezier(.4,0,.2,1),padding .7s cubic-bezier(.4,0,.2,1),opacity .5s ease}.welcome-expandable-content.open{max-height:300px;opacity:1;padding:15px 20px}.quickstart-section{background-color:#fff;border:1px solid #00d9ff;border-radius:8px;padding:20px 20px 0;text-align:center}.section-title{color:#00bdde;font-family:Schoolbell,sans-serif;font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center}.quickstart-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;margin-bottom:20px}.quickstart-card{background:#fff;border:1px solid #00d9ff;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease;width:100%}.quickstart-card h3{color:#00c7eb;font-size:1.3rem;margin:10px 0}.quickstart-card p{color:#666;font-size:1rem;margin-bottom:15px}.quickstart-btn{align-items:center;border:1px solid #00d9ff;border-radius:6px;color:#00c7eb;display:inline-flex;font-weight:600;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .3s ease;width:100%}.quickstart-btn:hover{background-color:#00d9ff;color:#fff;transform:translateY(-2px)}.quickstart-note{color:#323232;font-size:.9rem;margin-top:10px}.how-it-works-section{background-color:#fff;border:1px solid #00d9ff;border-radius:8px;padding:20px 20px 0;text-align:center}.step-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;margin-bottom:20px}.step-card{background:#fff;border:1px solid #00d9ff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:10px;text-align:center;transition:all .3s ease;width:100%}.step-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-5px)}.step-card h3{color:#00c7eb;font-size:1.3rem;margin:10px 0}.step-card p{color:#4a4a4a;font-size:1rem;margin-bottom:10px}.step-note{color:#666;font-size:.9rem;font-style:italic;padding:10px}.features-section,.step-note{text-align:center}.feature-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;margin-bottom:20px}.feature-card{background:#fff;border:1px solid #00d9ff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center;transition:all .3s ease;width:100%}.feature-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-5px)}.feature-card h3{color:#00c7eb;font-size:1.3rem;margin:10px 0}.feature-card p{color:#666;font-size:1rem}.feature-card-text{color:#4a4a4a;font-size:.7rem;margin-top:10px}.pricing-section{background-color:#fff;border:1px solid #00d9ff;border-radius:8px;padding:20px 20px 0;text-align:center}.pricing-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;margin-bottom:20px}.pricing-card{background:#fff;border:1px solid #00d9ff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.pricing-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-5px)}.pricing-card h3{color:#00c7eb;font-size:1.5rem;margin-bottom:10px}.pricing-list{list-style:none;margin:10px 0;padding:0;text-align:left}.pricing-list li{color:#666;font-size:1rem;margin-bottom:10px;padding-left:20px;position:relative}.pricing-list li:before{color:#8a9a5b;content:"•";left:0;position:absolute}.pricing-note{color:#666;font-size:.9rem;font-style:italic;margin-top:10px}.privacy-section{background-color:#fff;border:1px solid #00d9ff;border-radius:8px;padding:20px;text-align:center}.privacy-section p{border-radius:8px;color:#666;font-size:1rem;padding:20px 40px;text-align:start}.privacy-list{list-style:none;margin:10px 0;padding-left:40px;text-align:left}.privacy-list li{color:#666;font-size:1rem;margin-bottom:10px;padding-left:20px;position:relative;width:90%}.privacy-list li:before{color:#8a9a5b;content:"•";left:0;position:absolute}.privacy-note{color:#666;font-size:.8rem;margin:20px}.roadmap-section{background-color:#fff;border:1px solid #00d9ff;border-radius:8px;padding:20px;text-align:center}.roadmap-list{list-style:none;margin:10px 0;text-align:left;width:90%}.roadmap-list li{color:#666;font-size:1rem;margin-bottom:10px;padding-left:20px;position:relative}.roadmap-list li:before{color:#8a9a5b;content:"•";left:0;position:absolute}.roadmap-note{color:#666;font-size:.8rem;margin-top:20px;padding-left:10px;padding-right:10px}.audience-section{background-color:#fff;border:1px solid #00d9ff;border-radius:8px;margin-top:10px;padding:20px 40px 40px;text-align:center}.audience-list{list-style:none;margin:10px 0;padding:0;text-align:left}.audience-list li{color:#666;font-size:1rem;margin-bottom:10px;padding-left:20px;position:relative}.audience-list li:before{color:#8a9a5b;content:"•";left:0;position:absolute}.audience-note{color:#666;font-size:.9rem;margin-top:10px}.feedback-section{margin-top:2rem;padding:1rem;text-align:center}.feedback-iframe-container{border:1px solid #e0e0e0;border-radius:8px;margin:0 auto;max-width:700px;overflow:auto}.feedback-section p{color:#333;font-size:1rem;margin-bottom:1rem}@media (max-width:768px){.feedback-iframe-container{max-width:100%;padding:0 10px}}.faq-section{background-color:#fff;border:1px solid #00d9ff;border-radius:8px;padding:20px;text-align:center}.faq-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center}.faq-item{background:#fff;border:1px solid #00d9ff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:start;transition:all .3s ease;width:100%}.faq-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-5px)}.faq-item h3{color:#00c7eb;font-size:1.3rem;margin-bottom:10px}.faq-item p{color:#666;font-size:1rem}.our-story-toggle{margin-bottom:10px;text-align:center}.our-story-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1000}.our-story-modal-overlay[aria-hidden=true]{display:none}.our-story-modal{animation:slideIn .3s ease-out;background:#fff;border:1px solid #00d9ff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:80vh;max-width:600px;overflow-y:auto;padding:40px 20px 20px;position:relative;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.our-story-modal h2{color:#00c7eb;font-size:1.5rem;margin-bottom:15px}.our-story-modal p{color:#4a4a4a;font-size:1rem;line-height:1.6;margin-bottom:10px}.our-story-modal .close-modal{background:none;border:none;color:#721c24;cursor:pointer;font-size:1.5rem;padding:5px;position:absolute;right:20px;top:15px;transition:color .2s ease}.our-story-modal .close-modal:hover{color:#a00}.feedback-title{color:#00bdde;font-family:Schoolbell,sans-serif;font-size:2rem;font-weight:700;margin-bottom:20px;margin-top:-20px;text-align:center}@media (max-width:768px){.about-page{margin:50px 10px;padding:10px}.main-content{flex-direction:column}.tab-nav{flex-direction:row;gap:10px;justify-content:space-evenly;padding:10px;top:0;width:100%}.tab,.tab-nav{background-color:#fff;border:1px solid #93d5e1}.tab{border-radius:4px;font-size:.8rem;min-width:auto}.tab.active{box-shadow:none}.tab.active,.tab:hover{background-color:#00d9ff;border-color:#8a9a5b}.our-story-toggle{margin-bottom:5px}.our-story-modal{padding:50px 15px 15px;width:95%}.our-story-modal .close-modal{right:15px;top:10px}.audience-section,.faq-section,.privacy-section,.roadmap-section{padding:20px}.roadmap-list{padding-left:0}.pricing-section,.quickstart-section{padding:20px 20px 0}.welcome-navigation{margin:10px auto}.welcome-section{margin-bottom:10px}.welcome-title{font-size:1.8rem;margin-bottom:15px}.welcome-subtitle{font-size:1rem;margin-bottom:20px}.welcome-columns{flex-direction:start;gap:15px}.welcome-ctas{flex-direction:column;gap:10px}.privacy-list li{font-size:.9rem}.btn{padding:10px 20px;width:100%}.faq-grid,.feature-grid,.pricing-grid,.quickstart-grid,.step-grid,.welcome-button-grid{grid-template-columns:1fr}.feature-card,.pricing-card,.quickstart-card,.step-card,.welcome-nav-button{padding:15px}.section-title{font-size:1.5rem;margin-bottom:15px}.welcome-nav-button span{font-size:1.1rem;margin-top:0}.welcome-nav-button p{display:none}.privacy-section p{padding:20px}.tab-nav{align-items:center;background-color:#fff;border:none;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;max-width:100%;overflow:hidden}}@media (max-width:768px){@supports (display:grid){.tab-nav{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto}}.tab{align-items:center;aspect-ratio:3/1;box-sizing:border-box;display:flex;justify-content:center;min-width:0;min-width:auto;overflow:hidden;text-align:center;width:100%}}@media (max-width:480px){.tab{font-size:.6rem}}.test-image-generation{background-color:#fff;border-radius:12px;box-sizing:border-box;color:#333;font-family:Helvetica Neue,Arial,sans-serif;margin:60px auto;max-width:800px;padding:30px;text-align:center}.test-image-generation h1{color:#00c7eb;font-size:2.5rem;font-weight:600;margin-bottom:20px;text-shadow:1px 1px 2px #0000001a}.input-container{margin-bottom:20px;text-align:left}.input-container label{color:#333;display:block;font-size:1rem;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.input-container textarea{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#333;font-size:1rem;padding:12px 15px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.input-container textarea:focus{background-color:#fff;border-color:#00c7eb;box-shadow:0 0 0 3px #00c7eb33;outline:none}.generate-button{background-color:#00c7eb;border:none;border-radius:25px;box-shadow:0 2px 6px #00c7eb4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.generate-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed}.generate-button:hover:not(:disabled){background-color:#00a3c4;box-shadow:0 4px 10px #00c7eb66;transform:translateY(-2px)}.generate-button:focus{box-shadow:0 0 0 3px #00c7eb4d;outline:none}.error{color:#ff6b6b;font-size:1rem;font-weight:500;margin:20px 0}.generated-image-container{margin-top:30px}.generated-image-container h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:15px}.generated-image{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 6px #0000001a;height:auto;max-width:512px;object-fit:contain;width:100%}@media (max-width:768px){.test-image-generation{margin:30px 15px;padding:15px}.test-image-generation h1{font-size:2rem}.test-image-generation h2{font-size:1.5rem}.input-container textarea{font-size:.9rem;padding:10px}.generate-button{font-size:1rem;padding:12px 24px}.error{font-size:.9rem}}@media (max-width:480px){.test-image-generation{margin:20px 10px;padding:10px}.test-image-generation h1{font-size:1.8rem}.test-image-generation h2{font-size:1.3rem}.input-container textarea{font-size:.85rem;padding:8px}.generate-button{font-size:.9rem;padding:10px 20px}.error{font-size:.85rem}}
/*# sourceMappingURL=main.994c7e38.css.map*/