*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;max-width:420px;padding:2.5rem;width:100%}.auth-form h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#4a5568;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.form-group input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus{background:#fffffff2;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.error{background:#e53e3e1a;border:1px solid #e53e3e33;border-radius:8px;color:#e53e3e}.error,.success{font-size:.875rem;font-weight:500;margin-top:.75rem;padding:.75rem}.success{background:#38a1691a;border:1px solid #38a16933;border-radius:8px;color:#38a169}.chat-header{color:#2d3748;flex:1 1;font-size:1.25rem;font-weight:700;margin:0}.chat-messages{background:linear-gradient(135deg,#f7fafc,#edf2f7);flex:1 1;overflow-y:auto;padding:1.5rem;scrollbar-color:#667eea4d #0000;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.message{align-items:flex-start;animation:fadeInUp .3s ease;display:flex;margin-bottom:1.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message-content{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 4px 15px #0000001a;max-width:75%;padding:1rem 1.25rem}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:6px;color:#fff}.message.user .message-content>div{color:#fff}.message.assistant .message-content{background:#ffffffe6;border:1px solid #667eea1a;border-bottom-left-radius:6px;color:#2d3748}.message-role{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.message.user .message-role{color:#ffffffe6}.message.assistant .message-role{color:#4a5568}.chat-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-top:1px solid #0000001a;padding:1.5rem}.input-group{align-items:center;display:flex;gap:1rem}.input-group input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:2px solid #e2e8f0;border-radius:25px;flex:1 1;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease}.input-group input:focus{background:#fffffff2;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-group button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:auto;line-height:1.5;min-width:100px;padding:1rem 1.5rem;transition:all .3s ease}.input-group button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.input-group button:disabled{background:#a0aec0;box-shadow:none;cursor:not-allowed;transform:none}.loading{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border-radius:12px;color:#4a5568;display:flex;font-style:italic;font-weight:500;gap:.75rem;padding:1rem}.spinner{animation:spin 1s linear infinite;border:3px solid #667eea33;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.welcome-screen{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:flex-start;min-height:100%;padding:3rem 2rem 2rem;text-align:center}.welcome-screen h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.welcome-screen p{color:#718096;font-size:1.1rem;line-height:1.7;margin-bottom:2rem;max-width:500px}.subjects-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1.5rem;padding:0 .5rem}.subject-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #667eea33;border-radius:16px;box-shadow:0 4px 15px #00000014;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.subject-card:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.subject-card:hover:before{left:100%}.subject-card:hover{border-color:#667eea80;box-shadow:0 8px 25px #667eea33;transform:translateY(-4px)}.subject-card:active{transform:translateY(-2px)}.subject-card:disabled{cursor:not-allowed;opacity:.6;transform:none}.subject-emoji{display:block;font-size:3rem;margin-bottom:1rem;transition:transform .3s ease}.subject-card:hover .subject-emoji{transform:scale(1.1) rotate(5deg)}.subject-info{width:100%}.subject-name{color:#2d3748;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.subject-description{color:#718096;font-size:.9rem;line-height:1.5;margin:0}.message-formatter{line-height:1.6}.formatted-text{margin-bottom:1rem}.formatted-text:last-child{margin-bottom:0}.code-block-container{background:#1e1e1e;border:1px solid #3e3e3e;border-radius:8px;box-shadow:0 2px 8px #00000026;margin:1rem 0;overflow:hidden}.code-block-python{background:#1e1e1e!important;border:1px solid #3e3e3e!important}.code-block-python .code-block{background:#1e1e1e!important;color:#d4d4d4!important}.code-block-python .code-block-header{background:#252526!important;border-bottom:1px solid #3e3e3e!important}.code-block-python .code-language{color:#ccc!important}.code-block-python .copy-button{background:#ffffff1a!important;color:#ccc!important}.code-block-python .copy-button:hover{background:#fff3!important}.code-block-header{align-items:center;background:#252526;border-bottom:1px solid #3e3e3e;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;padding:.5rem 1rem}.code-language{color:#ccc;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.copy-button{background:#ffffff1a;border:none;border-radius:4px;color:#ccc;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:all .2s}.copy-button:hover{background:#fff3;transform:scale(1.05)}.code-block{background:#1e1e1e;border-radius:0 0 8px 8px;color:#d4d4d4;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.875rem;line-height:1.6;margin:0;overflow-x:auto;padding:1rem}.code-block code{background:none;border:none;color:inherit;font-family:inherit;padding:0}.code-block .keyword,.code-block .kw{color:#569cd6;font-weight:600}.code-block .str,.code-block .string{color:#ce9178}.code-block .cmt,.code-block .comment{color:#6a9955;font-style:italic}.code-block .fn,.code-block .function{color:#dcdcaa}.code-block .num,.code-block .number{color:#b5cea8}.code-block .var,.code-block .variable{color:#9cdcfe}.code-block .class,.code-block .cls{color:#4ec9b0}.code-block .op,.code-block .operator,.code-block .punctuation{color:#d4d4d4}.code-block .prop,.code-block .property{color:#92c5f7}.code-block .bool,.code-block .boolean,.code-block .null,.code-block .undefined{color:#569cd6}.code-block .regex{color:#d16969}.code-block .tag{color:#569cd6}.code-block .attr-name{color:#92c5f7}.code-block .attr-value{color:#ce9178}.language-py,.language-python{color:#d4d4d4}.language-py .keyword,.language-py .kw,.language-python .keyword,.language-python .kw{color:#569cd6;font-weight:600}.language-py .str,.language-py .string,.language-python .str,.language-python .string{color:#ce9178}.language-py .cmt,.language-py .comment,.language-python .cmt,.language-python .comment{color:#6a9955;font-style:italic}.language-py .def,.language-py .fn,.language-py .function,.language-python .def,.language-python .fn,.language-python .function{color:#dcdcaa}.language-py .num,.language-py .number,.language-python .num,.language-python .number{color:#b5cea8}.language-py .class,.language-py .cls,.language-python .class,.language-python .cls{color:#4ec9b0;font-weight:600}.language-py .builtin,.language-python .builtin{color:#569cd6}.language-py .op,.language-py .operator,.language-py .punctuation,.language-python .op,.language-python .operator,.language-python .punctuation{color:#d4d4d4}.language-py .bool,.language-py .boolean,.language-py .none,.language-python .bool,.language-python .boolean,.language-python .none{color:#569cd6}.language-py .decorator,.language-python .decorator{color:#dcdcaa}.inline-code{background:#f1f3f4;border:1px solid #e9ecef;border-radius:4px;color:#d63384;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;padding:.2rem .4rem}.ordered-list,.unordered-list{margin:1rem 0;padding-left:1.5rem}.list-item{line-height:1.6;margin:.5rem 0}.ordered-list{list-style:none;padding-left:0}.ordered-list li::marker{display:none!important}.unordered-list{list-style-type:disc}.formatted-text strong{color:#212529;font-weight:600}.formatted-text em{color:#495057;font-style:italic}.formatted-text a{color:#0d6efd;text-decoration:underline;transition:color .2s}.formatted-text a:hover{color:#0a58ca}.formatted-text .markdown-header{color:#2d3748;font-weight:700;line-height:1.3;margin-bottom:.75rem;margin-top:1.5rem}.formatted-text .markdown-h1{border-bottom:2px solid #667eea33;font-size:2rem;margin-bottom:1rem;margin-top:2rem;padding-bottom:.5rem}.formatted-text .markdown-h2{font-size:1.5rem;margin-bottom:.75rem;margin-top:1.75rem}.formatted-text .markdown-h3{font-size:1.25rem;margin-bottom:.5rem;margin-top:1.5rem}.formatted-text .markdown-h4{font-size:1.1rem;margin-bottom:.5rem;margin-top:1.25rem}.formatted-text .markdown-h5{font-size:1rem;margin-bottom:.5rem;margin-top:1rem}.formatted-text .markdown-h6{color:#4a5568;font-size:.9rem;margin-bottom:.5rem;margin-top:.75rem}.language-javascript,.language-js{color:#f7df1e}.language-python{color:#3776ab}.language-html{color:#e34c26}.language-css{color:#1572b6}.language-json{color:#000}.language-bash,.language-shell{color:#4eaa25}.language-sql{color:#336791}@media (max-width:768px){body{overflow-x:hidden}.App,body{margin:0;padding:0}.App{width:100%}.chat-header,.chat-messages{box-sizing:border-box;margin:0;padding:1rem;width:100%}.chat-messages{-webkit-overflow-scrolling:touch;height:calc(100vh - 140px);overflow-y:auto}.chat-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;bottom:0;box-sizing:border-box;margin:0;padding:1rem;position:-webkit-sticky;position:sticky;width:100%}.input-group{gap:.75rem}.input-group input{font-size:16px;padding:.875rem 1rem}.input-group button{min-width:80px;padding:.875rem 1.25rem}.message-content{max-width:85%}.welcome-screen{padding:1rem}.welcome-screen h2{font-size:1.5rem}.welcome-screen p{font-size:1rem}.subjects-grid{gap:1rem;grid-template-columns:1fr;padding:0}.subject-card{padding:1.25rem}.subject-emoji{font-size:2.5rem}.subject-name{font-size:1.1rem}.subject-description{font-size:.85rem}.dashboard-header{align-items:center;flex-direction:row;justify-content:space-between;padding:1rem;position:relative}.dashboard-header h1{flex:1 1;font-size:1.5rem;margin:0}.dashboard-header-actions,.dashboard-header-actions .theme-toggle,.dashboard-header-actions button{display:none!important}.dashboard-hamburger{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex!important;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;transition:all .3s ease;width:48px;z-index:1001}.dashboard-hamburger:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.admin-navbar{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffff2!important;border-bottom:1px solid #0000001a!important;border-radius:0!important;box-shadow:0 2px 10px #0000000d!important;left:0!important;margin:0!important;padding:0 1rem!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:1000!important}.dashboard-container:has(.admin-navbar){padding-top:calc(1rem + 70px)!important}.admin-navbar-content{flex-wrap:nowrap;gap:.75rem;justify-content:space-between;padding:.75rem 0}.admin-navbar h1{flex:1 1 auto;font-size:1.25rem;line-height:1.2;max-width:calc(100% - 56px);min-width:0;overflow-wrap:anywhere;white-space:normal!important}.admin-navbar-actions,.admin-navbar-tabs{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;visibility:hidden!important;width:0!important}.admin-navbar-hamburger{display:flex!important;flex-shrink:0!important;height:48px!important;opacity:1!important;visibility:visible!important;width:48px!important}.admin-mobile-menu-backdrop{display:block!important}.admin-mobile-menu{display:flex!important}.parent-navbar{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffff2!important;border-bottom:1px solid #0000001a!important;border-radius:0!important;box-shadow:0 2px 10px #0000000d!important;left:0!important;margin:0!important;padding:0 1rem!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:1000!important}.dashboard-container:has(.parent-navbar){padding-top:calc(1rem + 70px)!important}.parent-navbar-content{grid-column-gap:.5rem;grid-row-gap:0;align-items:center;column-gap:.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:.75rem 0;row-gap:0}.parent-navbar h1{flex:initial;font-size:1.25rem;line-height:1.2;max-width:none;min-width:0;overflow-wrap:anywhere;white-space:normal!important;width:auto;word-break:break-word}.parent-navbar h1 .mobile-title-break{display:block}.parent-navbar-actions,.parent-navbar-tabs{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;visibility:hidden!important;width:0!important}.parent-navbar-hamburger{display:flex!important;flex-shrink:0!important;height:48px!important;justify-self:end;margin-left:0!important;opacity:1!important;visibility:visible!important;width:48px!important}.parent-mobile-menu-backdrop{display:block!important}.parent-mobile-menu{display:flex!important}.rulee-navbar{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffff2!important;border-bottom:1px solid #0000001a!important;border-radius:0!important;box-shadow:0 2px 10px #0000000d!important;left:0!important;margin:0!important;padding:0 1rem!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:1000!important}.dashboard-container:has(.rulee-navbar){padding-top:calc(1rem + 70px)!important}.rulee-navbar-content{flex-wrap:nowrap;gap:.75rem;justify-content:space-between;padding:.75rem 0}.rulee-navbar h1{flex:1 1 auto;font-size:1.25rem;line-height:1.2;max-width:calc(100% - 56px);min-width:0;overflow-wrap:anywhere;white-space:normal!important}.rulee-navbar-actions,.rulee-navbar-tabs{display:none!important;height:0!important;opacity:0!important;overflow:hidden!important;visibility:hidden!important;width:0!important}.rulee-navbar-hamburger{display:flex!important;flex-shrink:0!important;height:48px!important;opacity:1!important;visibility:visible!important;width:48px!important}.rulee-mobile-menu-backdrop{display:block!important}.rulee-mobile-menu{display:flex!important}.dashboard-mobile-menu{background:linear-gradient(180deg,#2d3748,#1a202c);box-shadow:-4px 0 20px #0000004d;color:#fff;display:flex!important;flex-direction:column;height:100vh;max-width:85%;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:280px;z-index:2000}.dashboard-mobile-menu.open{transform:translateX(0)}.dashboard-mobile-menu-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.dashboard-mobile-menu-header h2{color:#fff;font-size:1.25rem;margin:0}.dashboard-mobile-menu-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.dashboard-mobile-menu-close:hover{background:#fff3}.dashboard-mobile-menu-actions{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem}.dashboard-mobile-menu-actions button{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.dashboard-mobile-menu-actions .btn-secondary{background:#667eea33;border:2px solid #667eea80;color:#fff}.dashboard-mobile-menu-actions .btn-secondary:hover{background:#667eea4d;border-color:#667eeab3}.dashboard-mobile-menu-actions .btn-logout{background:#ef444433;border:2px solid #ef444480;color:#ef4444}.dashboard-mobile-menu-actions .btn-logout:hover{background:#ef44444d;border-color:#ef4444b3}.dashboard-mobile-menu-actions .theme-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:all .3s ease;width:100%}.dashboard-mobile-menu-actions .theme-toggle:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.dashboard-mobile-menu-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:block!important;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1999}.dashboard-mobile-menu-backdrop.open{opacity:1;visibility:visible}.children-grid{box-sizing:border-box;gap:1rem;grid-template-columns:1fr!important;max-width:100%;overflow-x:hidden;width:100%}.child-card{border:2px solid #667eea33!important;margin:0!important;min-width:0!important;overflow:hidden!important;padding:1rem!important;width:100%!important}.child-card,.child-card *,.child-header{box-sizing:border-box!important;max-width:100%!important}.child-header{overflow:hidden!important;width:100%!important}.child-header h3{max-width:100%!important;overflow-wrap:break-word!important;word-break:break-word!important}.child-stats{display:flex!important;flex-direction:column!important}.child-actions,.child-stats{box-sizing:border-box!important;gap:.5rem!important;max-width:100%!important;width:100%!important}.child-actions{grid-gap:.5rem!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important}.child-actions .btn-small{flex:none!important;width:100%!important}.editing-actions{flex-direction:column!important;grid-column:1/-1!important}.editing-actions,.editing-actions>div{display:flex!important;gap:.5rem!important;width:100%!important}.editing-actions>div{flex-direction:row!important}.editing-actions .btn-small{flex:1 1!important}@media (max-width:768px){.language-select-edit,.language-select-form{font-size:1rem!important;padding:.875rem 2.75rem .875rem 1rem!important}.language-select-edit option,.language-select-form option{font-size:1rem!important;line-height:1.6!important;padding:.875rem 1rem!important}}.children-list{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:1rem;width:100%}.children-list>div[style*="justify-content: space-between"]{align-items:flex-start!important;flex-direction:column!important;gap:1rem!important;margin-bottom:1.5rem!important}.children-list>div[style*="justify-content: space-between"] h2{margin:0!important;width:100%!important}.children-list>div[style*="justify-content: space-between"] button.btn-secondary{align-self:flex-start!important;font-size:.875rem!important;max-width:-webkit-fit-content!important;max-width:fit-content!important;padding:.625rem 1rem!important;white-space:nowrap!important;width:auto!important}.create-child-form{box-sizing:border-box!important;max-width:100%!important;padding:1rem!important;width:100%!important}.create-child-form h3{font-size:1rem!important}.create-child-form .form-group,.create-child-form h3{margin-bottom:.75rem!important}.create-child-form input{box-sizing:border-box!important;font-size:16px!important;padding:.75rem!important;width:100%!important}.create-child-form button{font-size:.9rem!important;padding:.75rem!important;width:100%!important}.dashboard-container{box-sizing:border-box;height:auto;max-width:100%;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:1rem;position:relative;width:100%}.embedded-chat-overlay{background:#000000b3!important;bottom:0!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:2000!important}.embedded-chat-container,.embedded-chat-overlay{max-width:100%!important;min-width:100%!important;width:100%!important}.embedded-chat-container{border-radius:0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important}.embedded-chat-header{box-sizing:border-box!important;flex-shrink:0!important;min-height:60px!important;padding:1rem!important}.embedded-chat-header h3{font-size:1.1rem!important;margin:0!important;word-break:break-word!important}.embedded-chat-messages{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;flex:1 1!important;height:calc(100vh - 60px)!important;max-height:calc(100vh - 60px)!important;overflow-y:auto!important;padding:1rem!important}}.dashboard-hamburger,.dashboard-mobile-menu,.dashboard-mobile-menu-backdrop{display:none}[data-theme=dark]{color-scheme:dark}[data-theme=dark] .auth-container,[data-theme=dark] body{background:linear-gradient(135deg,#1a202c,#2d3748)}[data-theme=dark] .auth-form{background:#2d3748f2;border:1px solid #ffffff1a;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff0d}[data-theme=dark] .auth-form h2{color:#e2e8f0}[data-theme=dark] .form-group label{color:#cbd5e0}[data-theme=dark] .form-group input{background:#1a202ccc;border-color:#4a5568;color:#e2e8f0}[data-theme=dark] .form-group input:focus{background:#1a202cf2;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}[data-theme=dark] .error{background:#fc81811a;border-color:#fc818133;color:#fc8181}[data-theme=dark] .success{background:#68d3911a;border-color:#68d39133;color:#68d391}[data-theme=dark] .chat-header{background:#1a202ccc;border-bottom-color:#ffffff1a}[data-theme=dark] .chat-header h2{color:#e2e8f0}[data-theme=dark] .chat-messages{background:linear-gradient(135deg,#1a202c,#2d3748)}[data-theme=dark] .chat-messages::-webkit-scrollbar-thumb{background:#667eea80}[data-theme=dark] .message.assistant .message-content{background:#2d3748e6;border-color:#667eea33;color:#e2e8f0}[data-theme=dark] .chat-input{background:#1a202ccc;border-top-color:#ffffff1a}[data-theme=dark] .input-group input{background:#1a202ce6;border-color:#4a5568;color:#e2e8f0}[data-theme=dark] .input-group input:focus{background:#1a202cf2;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}[data-theme=dark] .input-group input::placeholder{color:#718096}[data-theme=dark] .spinner{border-color:#667eea #667eea4d #667eea4d}[data-theme=dark] .welcome-screen{color:#cbd5e0}[data-theme=dark] .welcome-screen h2{color:#e2e8f0}[data-theme=dark] .welcome-screen p{color:#a0aec0}[data-theme=dark] .subject-card{background:#2d3748f2;border-color:#667eea4d;box-shadow:0 4px 15px #0003}[data-theme=dark] .subject-card:hover{border-color:#667eea80;box-shadow:0 8px 25px #667eea4d}[data-theme=dark] .subject-name{color:#e2e8f0}[data-theme=dark] .subject-description{color:#a0aec0}[data-theme=dark] .code-block-container{background:#1e1e1e;border-color:#3e3e3e}[data-theme=dark] .code-block-header{background:#252526;border-bottom-color:#3e3e3e;color:#ccc}[data-theme=dark] .code-language{color:#ccc}[data-theme=dark] .copy-button{background:#ffffff1a;color:#ccc}[data-theme=dark] .copy-button:hover{background:#fff3}[data-theme=dark] .code-block{background:#1e1e1e;color:#d4d4d4}[data-theme=dark] .inline-code{background:#4a5568;border-color:#718096;color:#fbb6ce}[data-theme=dark] .formatted-text strong{color:#e2e8f0}[data-theme=dark] .formatted-text em{color:#cbd5e0}[data-theme=dark] .formatted-text a{color:#90cdf4}[data-theme=dark] .formatted-text a:hover{color:#63b3ed}[data-theme=dark] .formatted-text .markdown-header{color:#e2e8f0}[data-theme=dark] .formatted-text .markdown-h1{border-bottom-color:#667eea4d}[data-theme=dark] .formatted-text .markdown-h6{color:#a0aec0}.dashboard-container{background:linear-gradient(135deg,#f7fafc,#edf2f7);min-height:100vh;overflow-y:visible;padding:10px;position:relative}.dashboard-header{align-items:center;background:#ffffffe6;border-radius:16px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:2rem;font-weight:700}.admin-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;border-radius:0;box-shadow:0 2px 10px #0000000d;left:-2rem;margin:-2rem -2rem 2rem;padding:0 2rem;position:-webkit-sticky;position:sticky;right:-2rem;top:0;width:calc(100% + 4rem);z-index:1000}.admin-navbar-content{align-items:center;display:flex;gap:1.5rem;max-width:100%;padding:1rem 0;position:relative}.admin-navbar h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;flex-shrink:0;font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}.admin-navbar-tabs{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:center}.admin-navbar-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.admin-navbar-tab:hover{background:#667eea0d;color:#667eea}.admin-navbar-tab.active{background:#667eea1a;border-bottom-color:#667eea;color:#667eea;font-weight:600}.admin-navbar-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem}.admin-navbar-hamburger{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:none;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;margin-left:auto;transition:all .3s ease;width:48px}.admin-navbar-hamburger:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.admin-mobile-menu-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1999}.admin-mobile-menu-backdrop.open{opacity:1;visibility:visible}.admin-mobile-menu{background:linear-gradient(180deg,#2d3748,#1a202c);box-shadow:-4px 0 20px #0000004d;color:#fff;display:none;flex-direction:column;height:100vh;max-width:85%;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:280px;z-index:2000}.admin-mobile-menu.open{transform:translateX(0)}.admin-mobile-menu-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.admin-mobile-menu-header h2{color:#fff;font-size:1.25rem;margin:0}.admin-mobile-menu-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.admin-mobile-menu-close:hover{background:#fff3}.admin-mobile-menu-tabs{border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.admin-mobile-menu-tab{background:#ffffff0d;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem;text-align:left;transition:all .3s ease}.admin-mobile-menu-tab:hover{background:#ffffff1a}.admin-mobile-menu-tab.active{background:#667eea4d;border-left:3px solid #667eea;color:#fff;font-weight:600}.admin-mobile-menu-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding:1.5rem}.admin-mobile-menu-actions .btn-logout{background:#ef444433;border:2px solid #ef444480;border-radius:12px;color:#ef4444;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.admin-mobile-menu-actions .btn-logout:hover{background:#ef44444d;border-color:#ef4444b3}.dashboard-header-actions{align-items:center;display:flex;gap:1rem}.btn-secondary{background:#667eea1a;border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.btn-logout{background:#ef44441a;border:2px solid #ef4444;border-radius:12px;color:#ef4444;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-logout:hover{background:#ef4444;color:#fff}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#ffffffe6;border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.stat-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#718096;font-size:1rem;font-weight:600}.children-list{background:#ffffffe6;border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:10px}.children-list h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.children-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.child-card,.children-grid{box-sizing:border-box;width:100%}.child-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #667eea33;border-radius:12px;min-width:0;overflow:hidden;padding:1.5rem;transition:all .3s ease}.child-card:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea33;transform:translateY(-2px)}.child-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.child-header h3{color:#2d3748;font-size:1.25rem;font-weight:700}.age-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.child-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.child-stat{color:#4a5568;display:flex;font-size:.9rem;justify-content:space-between}.child-stat-label{font-weight:600}.child-stat-value{color:#2d3748;font-weight:700}.child-interests{border-top:1px solid #667eea33;margin-top:1rem;padding-top:1rem}.child-interests h4{color:#2d3748;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.interests-tags{display:flex;flex-wrap:wrap;gap:.5rem}.interest-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem;transition:all .3s ease}.interest-tag:hover{box-shadow:0 4px 12px #667eea66;cursor:pointer;transform:translateY(-2px)}.child-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-small{background:#667eea1a;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.btn-small:hover{background:#667eea;color:#fff}.btn-small.btn-delete{background:#ef44441a;border-color:#ef4444;color:#ef4444}.btn-small.btn-delete:hover{background:#ef4444;color:#fff}.language-select-edit,.language-select-form{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffff2!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23667eea' d='M7 10 2 5h10z'/%3E%3C/svg%3E")!important;background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:14px!important;border:2px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 2px 8px #0000000d!important;color:#2d3748!important;cursor:pointer!important;display:block!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:.9rem!important;font-weight:600!important;min-height:44px!important;padding:.75rem 2.5rem .75rem 1rem!important;transition:all .3s ease!important;width:100%!important}.language-select-edit{margin-bottom:.5rem!important}.language-select-edit:hover,.language-select-form:hover{background-color:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important;transform:translateY(-1px)!important}.language-select-edit:focus,.language-select-form:focus{background-color:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea33!important;outline:none!important}.language-select-edit option,.language-select-form option{background:#fff!important;color:#2d3748!important;font-size:.9rem!important;font-weight:600!important;line-height:1.5!important;padding:.75rem 1rem!important}[data-theme=dark] .language-select-edit,[data-theme=dark] .language-select-form{background:#2d3748f2!important;border-color:#ffffff1a!important;color:#e2e8f0!important}[data-theme=dark] .language-select-edit:hover,[data-theme=dark] .language-select-form:hover{background-color:#2d3748!important;border-color:#667eea80!important}[data-theme=dark] .language-select-edit:focus,[data-theme=dark] .language-select-form:focus{background-color:#2d3748!important;border-color:#667eeab3!important}[data-theme=dark] .language-select-edit option,[data-theme=dark] .language-select-form option{background:#2d3748!important;color:#e2e8f0!important}.empty-state{color:#718096;padding:3rem;text-align:center}.empty-state p{font-size:1.1rem;margin-bottom:1.5rem}[data-theme=dark] .dashboard-mobile-menu{background:linear-gradient(180deg,#1a202c,#0f1419);border-left:1px solid #ffffff1a}[data-theme=dark] .dashboard-mobile-menu-header{border-bottom-color:#ffffff1a}[data-theme=dark] .dashboard-mobile-menu-close:hover{background:#ffffff26}[data-theme=dark] .stat-card{background:#2d3748e6;border:1px solid #ffffff1a}[data-theme=dark] .stat-value{color:#e2e8f0}[data-theme=dark] .stat-label{color:#a0aec0}[data-theme=dark] .children-list{background:#2d3748e6;border:1px solid #ffffff1a}[data-theme=dark] .children-list h2{color:#e2e8f0}[data-theme=dark] .child-card{background:#1a202ccc;border-color:#667eea4d}[data-theme=dark] .child-header h3{color:#e2e8f0}[data-theme=dark] .age-badge{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}[data-theme=dark] .child-stat{color:#a0aec0}[data-theme=dark] .child-stat-value{color:#e2e8f0}[data-theme=dark] .child-interests{border-top-color:#667eea4d}[data-theme=dark] .child-interests h4{color:#e2e8f0}[data-theme=dark] .btn-small.btn-delete{background:#ef444433;border-color:#ef444480;color:#fc8181}[data-theme=dark] .btn-small.btn-delete:hover{background:#ef44444d;border-color:#ef4444;color:#fee2e2}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.modal-close-btn:hover{background:#ef4444;color:#fff}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.conversations-list{display:flex;flex-direction:column;gap:.75rem}.conversation-item-modal{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #667eea33;border-radius:12px;padding:1rem;transition:all .3s ease}.conversation-item-modal:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea33;transform:translateX(4px)}.conversation-title{color:#2d3748;font-weight:600;margin-bottom:.25rem}.conversation-date{color:#718096;font-size:.85rem}[data-theme=dark] .modal-content{background:#2d3748f2;border:1px solid #ffffff1a}[data-theme=dark] .modal-header{border-bottom-color:#ffffff1a}[data-theme=dark] .modal-header h2{color:#e2e8f0}[data-theme=dark] .conversation-item-modal{background:#1a202ccc;border-color:#667eea4d}[data-theme=dark] .conversation-title{color:#e2e8f0}.subject-modal{max-width:500px}.subject-modal-header{align-items:center;display:flex;gap:1rem}.subject-modal-emoji{font-size:2.5rem}.subject-modal-description{color:#718096;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.subject-options{display:flex;flex-direction:column;gap:1rem}.subject-option-btn{align-items:center;background:#667eea0d;border:2px solid #667eea33;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;text-align:left;transition:all .3s ease;width:100%}.subject-option-btn:hover:not(:disabled){background:#667eea1a;border-color:#667eea66;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.subject-option-btn:active:not(:disabled){transform:translateY(0)}.subject-option-btn:disabled{cursor:not-allowed;opacity:.6}.option-icon{flex-shrink:0;font-size:2rem}.option-content{flex:1 1}.option-content h3{color:#2d3748;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.option-content p{color:#718096;font-size:.9rem;line-height:1.5;margin:0}.quiz-config-group{margin-top:.75rem}.quiz-config-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fffffff2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%23667eea' d='M7 10 2 5h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:14px;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-size:.92rem;font-weight:600;padding:.7rem 2.4rem .7rem .9rem;transition:all .25s ease;width:100%}.quiz-config-select:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea14}.quiz-config-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea29;outline:none}.quiz-sections-container{background:#ffffffbf;border:1px solid #e2e8f0;border-radius:10px;max-height:190px;overflow-y:auto;padding:.65rem}.quiz-section-item{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;gap:.55rem;margin-bottom:.55rem;padding:.35rem}.quiz-section-item:hover{background:#667eea14}.quiz-section-item-btn{background:#0000;border:1px solid #0000;border-radius:8px;color:inherit;cursor:pointer;display:block;margin-bottom:.55rem;padding:.45rem .5rem;text-align:left;transition:all .2s ease;width:100%}.quiz-section-item-btn:hover{background:#667eea14}.quiz-section-item-btn.selected{background:#667eea24;border-color:#667eea73}[data-theme=dark] .subject-modal-description{color:#a0aec0}[data-theme=dark] .subject-option-btn{background:#667eea1a;border-color:#667eea4d}[data-theme=dark] .subject-option-btn:hover:not(:disabled){background:#667eea33;border-color:#667eea80}[data-theme=dark] .option-content h3{color:#e2e8f0}[data-theme=dark] .option-content p{color:#a0aec0}[data-theme=dark] .quiz-config-select{background-color:#2d3748f2;border-color:#ffffff24;color:#e2e8f0}[data-theme=dark] .quiz-sections-container{background:#1a202cb3;border-color:#ffffff24}[data-theme=dark] .quiz-section-item-btn:hover,[data-theme=dark] .quiz-section-item:hover{background:#667eea2e}[data-theme=dark] .quiz-section-item-btn.selected{background:#667eea42;border-color:#667eea8c}.today-section-form{display:flex;flex-direction:column;gap:1.5rem}.today-section-form h3{color:#2d3748;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.today-section-form .form-group{display:flex;flex-direction:column;gap:.5rem}.today-section-form label{color:#4a5568;font-size:.95rem;font-weight:600}.today-section-form input,.today-section-form textarea{background:#ffffffe6;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.today-section-form input:focus,.today-section-form textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.today-section-form textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.form-actions button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.form-actions button[type=button]{background:#667eea1a;color:#667eea}.form-actions button[type=button]:hover:not(:disabled){background:#667eea33}.form-actions button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.form-actions button[type=submit]:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.form-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none}[data-theme=dark] .today-section-form h3{color:#e2e8f0}[data-theme=dark] .today-section-form label{color:#cbd5e0}[data-theme=dark] .today-section-form input,[data-theme=dark] .today-section-form textarea{background:#2d3748cc;border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .today-section-form input:focus,[data-theme=dark] .today-section-form textarea:focus{background:#2d3748f2;border-color:#667eea80}.section-selection{display:flex;flex-direction:column;gap:1.5rem}.section-selection h3{color:#2d3748;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.sections-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.section-item{background:#667eea0d;border:2px solid #667eea33;border-radius:12px;cursor:pointer;padding:1.25rem;transition:all .3s ease}.section-item:hover{background:#667eea1a;border-color:#667eea66;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.section-item h4{color:#2d3748;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.section-preview{color:#718096;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.section-item .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.section-item .btn-primary:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.section-item .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}[data-theme=dark] .section-selection h3{color:#e2e8f0}[data-theme=dark] .section-item{background:#667eea1a;border-color:#667eea4d}[data-theme=dark] .section-item:hover{background:#667eea33;border-color:#667eea80}[data-theme=dark] .section-item h4{color:#e2e8f0}[data-theme=dark] .section-preview{color:#a0aec0}.conversation-type-tabs{border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.conversation-type-tab{align-items:center;background:#0000;border:none;border-radius:8px 8px 0 0;color:#718096;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;position:relative;transition:all .3s ease}.conversation-type-tab:hover{background:#667eea0d;color:#667eea}.conversation-type-tab.active{background:#667eea1a;border-bottom:3px solid #667eea;color:#667eea;font-weight:600}.conversation-type-tab .tab-icon{font-size:1.1rem}.conversation-type-tab .tab-label{white-space:nowrap}.conversation-type-tab .tab-count{font-size:.85rem;margin-left:.25rem;opacity:.7}.conversation-type-badge{align-items:center;background:#667eea1a;border-radius:50%;display:inline-flex;font-size:.9rem;height:24px;justify-content:center;width:24px}[data-theme=dark] .conversation-type-tabs{border-bottom-color:#ffffff1a}[data-theme=dark] .conversation-type-tab{color:#a0aec0}[data-theme=dark] .conversation-type-tab:hover{background:#667eea1a;color:#e2e8f0}[data-theme=dark] .conversation-type-tab.active{background:#667eea33;border-bottom-color:#667eea;color:#e2e8f0}[data-theme=dark] .conversation-type-badge{background:#667eea33}[data-theme=dark] .conversation-date{color:#a0aec0}.interest-suggestions-modal{max-width:700px}.interest-suggestions{display:flex;flex-direction:column;gap:2rem}.suggestion-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #667eea33;border-radius:12px;padding:1.5rem}.suggestion-section h3{align-items:center;color:#2d3748;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.suggestion-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.suggestion-list li{background:#fffc;border-left:3px solid #667eea;border-radius:8px;color:#4a5568;line-height:1.6;padding:.75rem 1rem;transition:all .2s ease}.suggestion-list li:hover{background:#fffffff2;box-shadow:0 2px 8px #667eea26;transform:translateX(4px)}[data-theme=dark] .suggestion-section{background:#1a202ccc;border-color:#667eea4d}[data-theme=dark] .suggestion-section h3{color:#e2e8f0}[data-theme=dark] .suggestion-list li{background:#2d3748cc;border-left-color:#667eea;color:#cbd5e0}[data-theme=dark] .suggestion-list li:hover{background:#2d3748f2}.embedded-chat-overlay{animation:embeddedChatSlideIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000001a;bottom:0;max-width:600px;min-width:400px;pointer-events:auto;position:fixed;right:0;top:0;width:50%;z-index:1000}@keyframes embeddedChatSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.embedded-chat-container{background:#fff;box-shadow:-4px 0 20px #0003;display:flex;flex-direction:column;height:100%;pointer-events:auto;position:relative}.embedded-chat-header{align-items:center;background:#ffffffe6;border-bottom:1px solid #0000001a;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:1.5rem}.embedded-chat-header h3{color:#2d3748;font-size:1.25rem;font-weight:700;margin:0}.embedded-chat-close{align-items:center;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.embedded-chat-close:hover{background:#ef4444;color:#fff}.embedded-chat-messages{background:linear-gradient(135deg,#f7fafc,#edf2f7);flex:1 1;overflow-y:auto;padding:1.5rem;scrollbar-color:#667eea4d #0000;scrollbar-width:thin}.embedded-chat-messages::-webkit-scrollbar{width:8px}.embedded-chat-messages::-webkit-scrollbar-track{background:#0000}.embedded-chat-messages::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.child-card.has-embedded-chat{border-color:#667eea;box-shadow:0 4px 15px #667eea4d;position:relative}.dashboard-container:has(.embedded-chat-overlay){padding-right:0}[data-theme=dark] .embedded-chat-container{background:#2d3748f2;border:1px solid #ffffff1a}[data-theme=dark] .embedded-chat-header{background:#1a202ce6;border-bottom-color:#ffffff1a}[data-theme=dark] .embedded-chat-header h3{color:#e2e8f0}[data-theme=dark] .embedded-chat-messages{background:linear-gradient(135deg,#1a202c,#2d3748)}[data-theme=dark] .embedded-chat-messages::-webkit-scrollbar-thumb{background:#667eea80}.emoji-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(7,1fr)}@media (max-width:768px){.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}}@media (max-width:480px){.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}}.chat-input-form{align-items:flex-end;display:flex;gap:.75rem}.chat-textarea{border:1px solid #cbd5e0;border-radius:8px;flex:1 1;font-family:inherit;font-size:1rem;line-height:1.5;max-height:200px;min-height:60px;padding:1rem 1.25rem;resize:vertical}.chat-send-btn{flex-shrink:0;font-size:.9rem;height:60px;min-width:100px;padding:.75rem 1.5rem;white-space:nowrap;width:auto}@media (max-width:768px){.chat-input-form{align-items:stretch;flex-direction:column}.chat-send-btn{height:48px;min-width:0;min-width:auto;width:100%}.chat-textarea{min-height:120px;width:100%}}[data-theme=dark] .dashboard-container{background:linear-gradient(135deg,#1a202c,#2d3748)}[data-theme=dark] .dashboard-header{background:#2d3748e6;border:1px solid #ffffff1a}[data-theme=dark] .dashboard-header h1{color:#e2e8f0}[data-theme=dark] .admin-navbar{background:#2d3748f2;border-bottom-color:#ffffff1a}[data-theme=dark] .admin-navbar h1{color:#e2e8f0}[data-theme=dark] .admin-navbar-tab{color:#a0aec0}[data-theme=dark] .admin-navbar-tab:hover{background:#667eea1a;color:#e2e8f0}[data-theme=dark] .admin-navbar-tab.active{background:#667eea33;border-bottom-color:#667eea;color:#e2e8f0}[data-theme=dark] .admin-mobile-menu{background:linear-gradient(180deg,#1a202c,#0f1419);border-left:1px solid #ffffff1a}[data-theme=dark] .admin-mobile-menu-header{border-bottom-color:#ffffff1a}[data-theme=dark] .admin-mobile-menu-close:hover{background:#ffffff26}[data-theme=dark] .admin-mobile-menu-tabs{border-bottom-color:#ffffff1a}[data-theme=dark] .parent-navbar{background:#2d3748f2;border-bottom-color:#ffffff1a}[data-theme=dark] .parent-navbar h1{color:#e2e8f0}[data-theme=dark] .parent-navbar-tab{color:#a0aec0}[data-theme=dark] .parent-navbar-tab:hover{background:#667eea1a;color:#e2e8f0}[data-theme=dark] .parent-navbar-tab.active{background:#667eea33;border-bottom-color:#667eea;color:#e2e8f0}[data-theme=dark] .parent-mobile-menu{background:linear-gradient(180deg,#1a202c,#0f1419);border-left:1px solid #ffffff1a}[data-theme=dark] .parent-mobile-menu-header{border-bottom-color:#ffffff1a}[data-theme=dark] .parent-mobile-menu-close:hover{background:#ffffff26}[data-theme=dark] .parent-mobile-menu-tabs{border-bottom-color:#ffffff1a}[data-theme=dark] .rulee-navbar{background:#2d3748f2;border-bottom-color:#ffffff1a}[data-theme=dark] .rulee-navbar h1{color:#e2e8f0}[data-theme=dark] .rulee-navbar-tab{color:#a0aec0}[data-theme=dark] .rulee-navbar-tab:hover{background:#667eea1a;color:#e2e8f0}[data-theme=dark] .rulee-navbar-tab.active{background:#667eea33;border-bottom-color:#667eea;color:#e2e8f0}[data-theme=dark] .rulee-mobile-menu{background:linear-gradient(180deg,#1a202c,#0f1419);border-left:1px solid #ffffff1a}[data-theme=dark] .rulee-mobile-menu-header{border-bottom-color:#ffffff1a}[data-theme=dark] .rulee-mobile-menu-close:hover{background:#ffffff26}[data-theme=dark] .rulee-mobile-menu-tabs{border-bottom-color:#ffffff1a}.rulee-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;border-radius:0;box-shadow:0 2px 10px #0000000d;left:-2rem;margin:-2rem -2rem 2rem;padding:0 2rem;position:-webkit-sticky;position:sticky;right:-2rem;top:0;width:calc(100% + 4rem);z-index:1000}.rulee-navbar-content{align-items:center;display:flex;gap:1.5rem;max-width:100%;padding:1rem 0;position:relative}.rulee-navbar h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;flex-shrink:0;font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}.rulee-navbar-tabs{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:center}.rulee-navbar-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.rulee-navbar-tab:hover{background:#667eea0d;color:#667eea}.rulee-navbar-tab.active{background:#667eea1a;border-bottom-color:#667eea;color:#667eea;font-weight:600}.rulee-navbar-tab:disabled{cursor:not-allowed;opacity:.45}.rulee-navbar-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem}.rulee-navbar-hamburger{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:none;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;margin-left:auto;transition:all .3s ease;width:48px}.rulee-navbar-hamburger:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.rulee-mobile-menu-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1999}.rulee-mobile-menu-backdrop.open{opacity:1;visibility:visible}.rulee-mobile-menu{background:linear-gradient(180deg,#2d3748,#1a202c);box-shadow:-4px 0 20px #0000004d;color:#fff;display:none;flex-direction:column;height:100vh;max-width:85%;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:280px;z-index:2000}.rulee-mobile-menu.open{transform:translateX(0)}.rulee-mobile-menu-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.rulee-mobile-menu-header h2{color:#fff;font-size:1.25rem;margin:0}.rulee-mobile-menu-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.rulee-mobile-menu-close:hover{background:#fff3}.rulee-mobile-menu-tabs{border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.rulee-mobile-menu-tab{background:#ffffff0d;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem;text-align:left;transition:all .3s ease}.rulee-mobile-menu-tab:hover{background:#ffffff1a}.rulee-mobile-menu-tab.active{background:#667eea4d;border-left:3px solid #667eea;color:#fff;font-weight:600}.rulee-mobile-menu-tab:disabled{cursor:not-allowed;opacity:.45}.quiz-page,.rulee-tab-card{background:#ffffffeb;border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:1.25rem}.quiz-fullscreen-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;inset:0;padding:1rem;position:fixed;z-index:1500}.quiz-fullscreen-content{height:100%;overflow:auto;width:100%}.quiz-page-fullscreen{border-radius:18px;margin:0 auto;min-height:calc(100vh - 2rem);width:min(1100px,100%)}.quiz-fullscreen-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.quiz-fullscreen-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.quiz-generating-state{align-items:center;display:flex;flex-direction:column;gap:.85rem;justify-content:center;min-height:calc(100vh - 8rem);padding:1.5rem;text-align:center}.quiz-generating-state h2{color:#2d3748;margin:0}.quiz-generating-state p{color:#718096;margin:0}.quiz-loading-bar{background:#667eea26;border-radius:999px;height:12px;overflow:hidden;width:min(520px,90%)}.quiz-loading-bar-progress{animation:quizLoadingBar 1.6s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:999px;height:100%;width:35%}@keyframes quizLoadingBar{0%{transform:translateX(-120%)}50%{transform:translateX(120%)}to{transform:translateX(280%)}}.quiz-fullscreen-overlay .modal-overlay{z-index:1600}.quiz-page-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.quiz-page-header-stack{margin-bottom:.75rem}.quiz-history-card,.quiz-new-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;padding:.9rem}.quiz-history-card h3,.quiz-new-card h3{color:#2d3748;margin:0 0 .65rem}.quiz-new-grid{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.quiz-setup-toggle-row{margin-bottom:.75rem}.quiz-setup-toggle-btn{min-width:180px}.quiz-empty-sections-state{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.quiz-history-list{display:flex;flex-direction:column;gap:.55rem}.quiz-history-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;padding:.65rem .75rem;text-align:left;transition:border-color .2s ease,background .2s ease;width:100%}.quiz-history-item:hover{background:#f8fafc;border-color:#cbd5e0}.quiz-history-item p{color:#718096;font-size:.88rem;margin:.2rem 0 0}.quiz-history-score{display:flex;flex-direction:column;gap:.1rem;text-align:right}.quiz-history-score span{color:#4a5568;font-size:.9rem}.quiz-review-modal{max-height:85vh;overflow-y:auto;width:min(920px,92vw)}.app-alert-modal{width:min(520px,92vw)}.quiz-review-modal-actions{align-items:center;display:flex;gap:.5rem}.quiz-review-modal-actions .btn-secondary{padding:.35rem .65rem}.quiz-page-header h2{color:#2d3748;margin:0}.quiz-page-header p{color:#718096;margin-top:.35rem}.quiz-result-card{background:#667eea1a;border:1px solid #667eea4d;border-radius:12px;margin-bottom:1rem;padding:.9rem 1rem}.quiz-result-card h3{margin:0 0 .35rem}.quiz-result-score{color:#667eea;font-size:1.2rem;font-weight:700;margin:0 0 .35rem}.quiz-result-percent{color:#4a5568;font-weight:600;margin:0 0 .35rem}.quiz-questions-list{display:flex;flex-direction:column;gap:.9rem}.quiz-question-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.9rem}.quiz-question-card h4{color:#2d3748;margin:0 0 .65rem}.quiz-question-status{font-size:.9rem;font-weight:600;margin:0 0 .6rem}.quiz-question-status.correct{color:#16a34a}.quiz-question-status.incorrect{color:#dc2626}.quiz-correct-answer{font-weight:500}.quiz-options-list{display:flex;flex-direction:column;gap:.45rem}.quiz-option-item{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;gap:.55rem;padding:.45rem .5rem}.quiz-option-item:hover{background:#667eea0f}.quiz-text-answer{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.95rem;min-height:90px;padding:.65rem;width:100%}.quiz-text-answer:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.quiz-submit-row{margin-top:1rem}.quiz-submit-actions{align-items:center;display:flex;gap:.6rem;justify-content:flex-end}.quiz-action-btn,.quiz-cancel-btn{min-width:0!important;padding:.65rem 1rem!important;white-space:nowrap;width:auto!important}[data-theme=dark] .quiz-page,[data-theme=dark] .rulee-tab-card{background:#2d3748eb;border:1px solid #ffffff1f}[data-theme=dark] .quiz-history-card h3,[data-theme=dark] .quiz-new-card h3,[data-theme=dark] .quiz-page-header h2,[data-theme=dark] .quiz-question-card h4{color:#e2e8f0}[data-theme=dark] .quiz-page-header p{color:#a0aec0}[data-theme=dark] .quiz-result-percent{color:#cbd5e0}[data-theme=dark] .quiz-history-card,[data-theme=dark] .quiz-new-card,[data-theme=dark] .quiz-question-card{background:#1a202ce6;border-color:#ffffff1f}[data-theme=dark] .quiz-setup-toggle-btn{border-color:#fff3}[data-theme=dark] .quiz-history-item{background:#1a202ce6;border-color:#ffffff1f}[data-theme=dark] .quiz-history-item:hover{background:#2d3748f2;border-color:#fff3}[data-theme=dark] .quiz-review-modal{background:#1a202cfa}[data-theme=dark] .quiz-history-item p,[data-theme=dark] .quiz-history-score span{color:#a0aec0}[data-theme=dark] .quiz-option-item:hover{background:#667eea2e}[data-theme=dark] .quiz-text-answer{background:#2d3748f2;border-color:#ffffff24;color:#e2e8f0}[data-theme=dark] .quiz-question-status.correct{color:#4ade80}[data-theme=dark] .quiz-question-status.incorrect{color:#f87171}.rulee-mobile-menu-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding:1.5rem}.rulee-mobile-menu-actions .btn-logout{background:#ef444433;border:2px solid #ef444480;border-radius:12px;color:#ef4444;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.rulee-mobile-menu-actions .btn-logout:hover{background:#ef44444d;border-color:#ef4444b3}.rulee-mobile-menu-actions .btn-secondary{background:#667eea33;border:2px solid #667eea80;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.rulee-mobile-menu-actions .btn-secondary:hover{background:#667eea4d;border-color:#667eeab3}.parent-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;border-radius:0;box-shadow:0 2px 10px #0000000d;left:-2rem;margin:-2rem -2rem 2rem;padding:0 2rem;position:-webkit-sticky;position:sticky;right:-2rem;top:0;width:calc(100% + 4rem);z-index:1000}.parent-navbar-content{align-items:center;display:flex;gap:1.5rem;max-width:100%;padding:1rem 0;position:relative}.parent-navbar h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;flex-shrink:0;font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}.parent-navbar h1 .mobile-title-break{display:inline}.parent-navbar-tabs{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:center}.parent-navbar-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.parent-navbar-tab:hover{background:#667eea0d;color:#667eea}.parent-navbar-tab.active{background:#667eea1a;border-bottom-color:#667eea;color:#667eea;font-weight:600}.parent-navbar-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem}.parent-navbar-hamburger{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:none;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;margin-left:auto;transition:all .3s ease;width:48px}.parent-navbar-hamburger:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.parent-mobile-menu-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1999}.parent-mobile-menu-backdrop.open{opacity:1;visibility:visible}.parent-mobile-menu{background:linear-gradient(180deg,#2d3748,#1a202c);box-shadow:-4px 0 20px #0000004d;color:#fff;display:none;flex-direction:column;height:100vh;max-width:85%;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:280px;z-index:2000}.parent-mobile-menu.open{transform:translateX(0)}.parent-mobile-menu-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.parent-mobile-menu-header h2{color:#fff;font-size:1.25rem;margin:0}.parent-mobile-menu-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.parent-mobile-menu-close:hover{background:#fff3}.parent-mobile-menu-tabs{border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.parent-mobile-menu-tab{background:#ffffff0d;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem;text-align:left;transition:all .3s ease}.parent-mobile-menu-tab:hover{background:#ffffff1a}.parent-mobile-menu-tab.active{background:#667eea4d;border-left:3px solid #667eea;color:#fff;font-weight:600}.parent-mobile-menu-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding:1.5rem}.parent-mobile-menu-actions .btn-logout{background:#ef444433;border:2px solid #ef444480;border-radius:12px;color:#ef4444;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.parent-mobile-menu-actions .btn-logout:hover{background:#ef44444d;border-color:#ef4444b3}[data-theme=dark] .error-message{background:#fc81811a!important;border:1px solid #fc818133!important;color:#fc8181!important}[data-theme=dark] .btn-tab{color:#a0aec0}[data-theme=dark] .btn-tab.active{background:#667eea;color:#fff}[data-theme=dark] .btn-tab:not(.active):hover{background:#667eea1a;color:#e2e8f0}[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:#e2e8f0}[data-theme=dark] p{color:#cbd5e0}[data-theme=dark] span{color:#a0aec0}[data-theme=dark] div[style*="background: white"]{background:#2d3748e6!important;border:1px solid #ffffff1a!important}[data-theme=dark] div[style*="background: #f7fafc"]{background:#1a202ccc!important;border-color:#ffffff1a!important}[data-theme=dark] table{background:#2d3748e6!important;border:1px solid #ffffff1a!important}[data-theme=dark] thead tr{background:#1a202ce6!important;border-bottom-color:#ffffff1a!important}[data-theme=dark] th{color:#e2e8f0!important}[data-theme=dark] tbody tr{border-bottom-color:#ffffff1a!important}[data-theme=dark] pre,[data-theme=dark] td{color:#cbd5e0!important}[data-theme=dark] .btn-secondary{background:#667eea1a;border-color:#667eea4d;color:#90cdf4}[data-theme=dark] .btn-secondary:hover{background:#667eea33;border-color:#667eea80;color:#e2e8f0}[data-theme=dark] .btn-logout{background:#ef44441a;border-color:#ef44444d;color:#fc8181}[data-theme=dark] .btn-logout:hover{background:#ef444433;color:#fee2e2}[data-theme=dark] .empty-state,[data-theme=dark] .empty-state p{color:#a0aec0}[data-theme=dark] .loading{background:#2d3748cc;color:#cbd5e0}[data-theme=dark] div[style*="border-bottom: 2px solid #e2e8f0"]{border-bottom-color:#ffffff1a!important}[data-theme=dark] div[style*="border-top: 1px solid #e2e8f0"]{border-top-color:#ffffff1a!important}[data-theme=dark] .btn-small{background:#667eea1a;border-color:#667eea4d;color:#90cdf4}[data-theme=dark] .btn-small:hover{background:#667eea33;border-color:#667eea80;color:#e2e8f0}@media (max-width:1024px){.parent-navbar-content{grid-column-gap:.5rem!important;align-items:center!important;column-gap:.5rem!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}.parent-navbar h1{line-height:1.2!important;margin:0!important;min-width:0!important;overflow-wrap:anywhere!important;white-space:normal!important;word-break:break-word!important}.parent-navbar h1 .mobile-title-break{display:block!important}}.theme-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;min-width:48px;transition:all .3s ease;width:48px}.theme-toggle:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px) scale(1.05)}.theme-toggle:active{transform:translateY(0) scale(.95)}[data-theme=dark] .theme-toggle{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 4px 15px #4a55684d}[data-theme=dark] .theme-toggle:hover{background:linear-gradient(135deg,#2d3748,#1a202c);box-shadow:0 8px 25px #4a556866}.landing-page{color:#1f2937;margin:0 auto;max-width:1140px;min-height:100vh;padding:1.5rem}.landing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.landing-header-actions{align-items:center;display:flex;gap:.6rem}.landing-header-login{background:#fff3;border:1px solid #ffffffd9;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.55rem .95rem;transition:all .2s ease}.landing-header-login:hover{background:#ffffff52}.landing-brand{align-items:center;display:flex}.landing-brand-logo,.landing-inline-logo{display:block;height:48px;width:auto}.landing-inline-logo{margin-bottom:.45rem}.landing-inline-logo-center{margin-left:auto;margin-right:auto}.landing-section{background:#ffffffed;border:1px solid #fff9;border-radius:20px;box-shadow:0 12px 35px #0f172a26;margin-bottom:1.2rem;padding:2rem}.landing-section h2{font-size:1.9rem;line-height:1.25;margin-bottom:.9rem}.landing-eyebrow{color:#4f46e5;font-size:.78rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.landing-section-kicker{color:#6366f1;font-size:.76rem;font-weight:700;letter-spacing:.08em;margin-bottom:.45rem;text-transform:uppercase}.landing-section-soft{background:#f8fafcf0}.landing-hero{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1.3fr 1fr}.landing-hero h1{font-size:2.55rem;line-height:1.15;margin-bottom:.85rem;max-width:16ch}.landing-subheadline{color:#374151;font-size:1.06rem;line-height:1.62;max-width:56ch}.landing-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.landing-primary-cta{min-width:220px;padding-left:1.5rem;padding-right:1.5rem;width:auto}.landing-secondary-cta{background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#1f2937;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.25rem}.landing-secondary-cta:hover{border-color:#667eea}.landing-microcopy{color:#4b5563;font-weight:500;margin-top:.9rem}.landing-badges{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.landing-badges span{background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;color:#1e3a8a;font-size:.8rem;font-weight:700;padding:.42rem .72rem}.landing-hero-visual{align-items:center;display:flex;flex-direction:column;justify-content:center}.landing-visual-caption{color:#4b5563;font-size:.83rem;font-weight:600;margin-bottom:.65rem}.landing-device{background:linear-gradient(145deg,#8b9df8,#6b7cf3);border-radius:22px;box-shadow:0 16px 35px #667eea66;max-width:350px;padding:.85rem;width:100%}.landing-device-screen{background:#fff;border-radius:16px;display:flex;flex-direction:column;justify-content:center;line-height:1.6;min-height:190px;padding:1.1rem}.landing-card-label{color:#4f46e5;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin-bottom:.55rem;text-transform:uppercase}.landing-privacy ul,.landing-problem ul,.landing-trust ul{list-style:none;margin-top:.75rem}.landing-privacy li,.landing-problem li,.landing-trust li{border-bottom:1px solid #e5e7eb;line-height:1.5;padding:.78rem 0}.landing-transition{color:#4f46e5;font-weight:700;margin-top:1rem}.landing-how-grid,.landing-insight-cards,.landing-pricing-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr))}.landing-insight-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-kidsdemo-subtitle{font-size:1.2rem;margin:1.5rem 0 .8rem}.landing-kidsdemo-feature-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr))}.landing-kidsdemo-flow-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(4,minmax(0,1fr))}.landing-kidsdemo-shell{background:#f8faff;border:1px solid #dbe4ff;border-radius:18px;margin-top:.9rem;overflow:hidden}.landing-kidsdemo-tabs{background:#eef2ff;border-bottom:1px solid #dbe4ff;display:flex}.landing-kidsdemo-tab{background:#0000;border:0;border-right:1px solid #dbe4ff;color:#334155;cursor:pointer;font-weight:700;padding:.85rem 1rem}.landing-kidsdemo-tab:last-child{border-right:0}.landing-kidsdemo-tab.active{background:#fff;color:#312e81}.landing-kidsdemo-panel{padding:1rem}.landing-kidsdemo-panel h4{margin-bottom:.5rem}.landing-kidsdemo-hint{color:#475569;margin-bottom:.85rem}.landing-kidsdemo-subject-grid{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.landing-kidsdemo-subject-card{align-items:center;background:#fff;border:1px solid #dbe4ff;border-radius:12px;color:#1f2937;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.8rem;text-align:left}.landing-kidsdemo-subject-card.active{border-color:#818cf8;box-shadow:0 0 0 1px #818cf8}.landing-kidsdemo-emoji{font-size:1.1rem}.landing-kidsdemo-controls{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.8rem}.landing-kidsdemo-controls label{color:#334155;display:flex;flex-direction:column;font-size:.84rem;font-weight:700;gap:.35rem}.landing-kidsdemo-controls select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#1f2937;font-size:.9rem;padding:.5rem .6rem}.landing-kidsdemo-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.landing-kidsdemo-generate-btn{align-self:center;min-width:0;width:auto}.landing-kidsdemo-list{grid-gap:.6rem;display:grid;gap:.6rem}.landing-kidsdemo-list-item{align-items:center;background:#fff;border:1px solid #dbe4ff;border-radius:12px;display:flex;gap:.8rem;justify-content:space-between;padding:.75rem .85rem}.landing-kidsdemo-list-item p{color:#64748b;margin:.2rem 0 0}.landing-kidsdemo-list-item span{color:#475569;font-size:.85rem;font-weight:600}.landing-kidsdemo-quiz-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.landing-kidsdemo-quiz-meta span{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;font-size:.8rem;font-weight:700;padding:.28rem .6rem}.landing-kidsdemo-generating{background:#fff;border:1px solid #dbe4ff;border-radius:12px;padding:.85rem}.landing-kidsdemo-loading-bar{background:#e2e8f0;border-radius:999px;height:8px;margin-top:.5rem;overflow:hidden}.landing-kidsdemo-loading-progress{animation:landingKidsDemoLoading 1.2s ease-in-out infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;width:45%}.landing-kidsdemo-ready{color:#065f46;font-weight:700;margin-bottom:.2rem}.landing-kidsdemo-question{background:#fff;border:1px solid #dbe4ff;border-radius:12px;padding:.75rem .85rem}.landing-kidsdemo-question ul{color:#475569;margin-top:.45rem;padding-left:1.1rem}@keyframes landingKidsDemoLoading{0%{transform:translateX(-100%)}to{transform:translateX(240%)}}.landing-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;height:100%;line-height:1.6;padding:1.2rem}.landing-step-label{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#4338ca;display:inline-flex;font-size:.74rem;font-weight:700;letter-spacing:.03em;margin-bottom:.7rem;padding:.28rem .62rem;text-transform:uppercase}.landing-card-highlight{border-color:#a5b4fc;box-shadow:0 0 0 1px #a5b4fc}.landing-table-wrap{overflow-x:auto}.landing-difference table{border-collapse:collapse;width:100%}.landing-difference td,.landing-difference th{border-bottom:1px solid #e5e7eb;padding:1rem .8rem;text-align:left}.landing-difference th{color:#6b7280;font-weight:600;width:45%}.landing-difference td{color:#1e3a8a;font-weight:600}.landing-firewall-callout{background:#eef2ff;border:1px solid #c7d2fe;border-radius:14px;margin-top:1rem;padding:.95rem 1rem}.landing-privacy-firewall{color:#3730a3;font-weight:700;margin-bottom:.45rem;margin-top:0}.landing-final-cta{text-align:center}.landing-final-cta .landing-primary-cta{margin-top:.9rem}.landing-footer{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1.25rem 0 2rem}.landing-footer a{color:#fff;font-weight:600;opacity:.95;text-decoration:none}.landing-footer a:hover{text-decoration:underline}[data-theme=dark] .landing-section{background:#111827eb;border-color:#6b728066;color:#e5e7eb}[data-theme=dark] .landing-section-soft{background:#0f172af0}[data-theme=dark] .landing-brand,[data-theme=dark] .landing-footer a{color:#e5e7eb}[data-theme=dark] .landing-header-login{background:#0f172abf;border-color:#64748b;color:#e2e8f0}[data-theme=dark] .landing-header-login:hover{background:#1e293bd9}[data-theme=dark] .landing-difference th,[data-theme=dark] .landing-microcopy,[data-theme=dark] .landing-subheadline,[data-theme=dark] .landing-visual-caption{color:#cbd5e1}[data-theme=dark] .landing-secondary-cta{background:#111827;border-color:#475569;color:#e5e7eb}[data-theme=dark] .landing-card{background:#1f2937;border-color:#334155}[data-theme=dark] .landing-kidsdemo-shell{background:#111827;border-color:#334155}[data-theme=dark] .landing-kidsdemo-tabs{background:#1e1b4b;border-bottom-color:#334155}[data-theme=dark] .landing-kidsdemo-tab{border-right-color:#334155;color:#cbd5e1}[data-theme=dark] .landing-kidsdemo-tab.active{background:#0f172a;color:#e0e7ff}[data-theme=dark] .landing-kidsdemo-hint,[data-theme=dark] .landing-kidsdemo-list-item p,[data-theme=dark] .landing-kidsdemo-list-item span,[data-theme=dark] .landing-kidsdemo-question ul{color:#cbd5e1}[data-theme=dark] .landing-kidsdemo-controls select,[data-theme=dark] .landing-kidsdemo-generating,[data-theme=dark] .landing-kidsdemo-list-item,[data-theme=dark] .landing-kidsdemo-question,[data-theme=dark] .landing-kidsdemo-subject-card{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .landing-kidsdemo-controls label{color:#cbd5e1}[data-theme=dark] .landing-kidsdemo-subject-card.active{border-color:#818cf8;box-shadow:0 0 0 1px #818cf8}[data-theme=dark] .landing-kidsdemo-quiz-meta span{background:#312e81;border-color:#818cf8;color:#e0e7ff}[data-theme=dark] .landing-kidsdemo-loading-bar{background:#334155}[data-theme=dark] .landing-device-screen{background:#0f172a;color:#e2e8f0}[data-theme=dark] .landing-badges span{background:#172554;border-color:#3b82f6;color:#dbeafe}[data-theme=dark] .landing-step-label{color:#e0e7ff}[data-theme=dark] .landing-firewall-callout,[data-theme=dark] .landing-step-label{background:#312e81;border-color:#818cf8}[data-theme=dark] .landing-privacy-firewall{color:#e0e7ff}[data-theme=dark] .landing-difference td,[data-theme=dark] .landing-difference th,[data-theme=dark] .landing-privacy li,[data-theme=dark] .landing-problem li,[data-theme=dark] .landing-trust li{border-bottom-color:#334155}[data-theme=dark] .landing-difference td{color:#c7d2fe}@media (max-width:900px){.landing-hero{grid-template-columns:1fr}.landing-hero h1{max-width:none}.landing-how-grid,.landing-insight-cards,.landing-kidsdemo-controls,.landing-kidsdemo-feature-grid,.landing-kidsdemo-flow-grid,.landing-kidsdemo-subject-grid,.landing-pricing-grid{grid-template-columns:1fr}}@media (max-width:640px){.landing-page{padding:1rem}.landing-section{padding:1.25rem}.landing-hero h1{font-size:1.95rem}.landing-section h2{font-size:1.45rem}.landing-primary-cta,.landing-secondary-cta{width:100%}.landing-header{margin-bottom:1.25rem}.landing-header-actions{gap:.45rem}.landing-header-login{font-size:.82rem;padding:.45rem .75rem}.landing-brand-logo,.landing-inline-logo{height:42px}.landing-kidsdemo-tabs{flex-direction:column}.landing-kidsdemo-tab{border-bottom:1px solid #dbe4ff;border-right:0;text-align:left}.landing-kidsdemo-tab:last-child{border-bottom:0}}
/*# sourceMappingURL=main.c0804590.css.map*/