body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f0f0f0}.app-container{min-height:100vh;margin-right:0;display:flex;flex-direction:column}.home-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;box-sizing:border-box}.home-screen h1{margin-bottom:2rem;color:#333}.canvas-container{display:flex;flex-direction:column;height:100vh}.canvas-header{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;padding:.75rem;background-color:#fff;box-shadow:0 -2px 4px #0000001a;z-index:1100;height:60px;box-sizing:border-box}.motion-container{flex-grow:1}.motion-display-container{display:flex;justify-content:center;align-items:center;position:relative;padding:4px 8px;border-radius:4px;transition:background-color .2s}.motion-display-container:hover{background-color:#00000005}.motion-display{width:100%;text-align:center;padding:0!important;margin:0;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.2}.edit-button{background:none!important;border:none!important;padding:2px!important;cursor:pointer;color:#666;opacity:0;margin-left:4px!important;margin-top:0!important;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;line-height:1;min-width:unset!important;width:auto!important;height:auto!important;transition:opacity .2s,color .2s;box-shadow:none!important}.motion-display-container:hover .edit-button{opacity:.6}.edit-button:hover{opacity:1!important;color:#333;background:none!important}.motion-edit{display:flex;align-items:center;pointer-events:auto;width:100%;padding:0!important}.motion-input{margin-right:.5rem;padding:0!important;font-size:.9rem;width:100%;min-height:1.2rem;resize:vertical;word-wrap:break-word;white-space:pre-wrap;line-height:1.2}.canvas-actions{display:flex;gap:.5rem;margin-right:1rem;align-items:center}.canvas-actions button{padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-weight:500;min-width:90px;height:32px;display:flex;align-items:center;justify-content:center;gap:.5rem;box-sizing:border-box;line-height:1;margin:0;position:relative}.back-button,.save-button,.commit-button{border:none;height:32px;display:flex;align-items:center;padding:.4rem .8rem;box-sizing:border-box}.back-button{background-color:#1c3b57;color:#fff;border:none;height:32px;display:flex;align-items:center;min-width:70px;padding:.4rem .6rem;margin-right:1rem}.save-button{background-color:#24a3ed;color:#fff;border:none;height:32px;display:flex;align-items:center}.commit-button{background-color:#ffcb05;color:#1c3b57;border:none;height:32px;display:flex;align-items:center;min-width:150px;justify-content:center;padding:.4rem .8rem}.commit-button.has-uncommitted{background-color:#e90d0d;color:#fff}.commit-button svg{margin-left:6px}.save-button:hover:not(:disabled){background-color:#1c3b57;box-shadow:0 2px 4px #24a3ed40;transform:none}.back-button:hover:not(:disabled){background-color:#0e2438;transform:none}.commit-button:hover:not(:disabled){background-color:#f0c200;transform:none}.commit-button.has-uncommitted:hover:not(:disabled){background-color:#c50b0b;transform:none}.zoom-controls{display:flex;align-items:center;gap:.5rem;margin-right:1rem}.reset-zoom-button{background-color:#f8f9fa;border:1px solid #1C3B57;border-radius:4px;cursor:pointer;padding:.2rem .4rem;font-size:.9rem;color:#1c3b57;min-width:55px;height:32px;display:flex;align-items:center;justify-content:center}.undo-button,.redo-button{background-color:#f8f9fa;border:1px solid #1C3B57;border-radius:4px;padding:.2rem .4rem;cursor:pointer;font-size:.9rem;color:#1c3b57;min-width:55px;height:32px;display:flex;align-items:center;gap:.25rem;margin-right:.5rem}.request-rebuttal-button{background-color:#f8f9fa;border:1px solid #1C3B57;border-radius:4px;padding:.2rem .4rem;cursor:pointer;font-size:.9rem;color:#1c3b57;min-width:120px;height:32px;display:flex;align-items:center;gap:.25rem;margin-right:.5rem;transition:all .2s ease}.request-rebuttal-button:hover:not(:disabled){background-color:#e6edf5;transform:translateY(-1px)}.request-rebuttal-button:disabled{opacity:.5;cursor:not-allowed}.request-rebuttal-button .spinner-icon{display:inline-block;width:14px;height:14px;border:2px solid #1C3B57;border-radius:50%;border-top-color:transparent;animation:button-spin .8s linear infinite}.zoom-button{height:32px;display:flex;align-items:center;justify-content:center}.zoom-level{font-size:.9rem}.toolkit-container{width:155px;background-color:#fff;padding:120px .5rem .5rem;box-shadow:0 2px 4px #0000001a;overflow-y:auto;overflow-x:hidden;height:90vh;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;box-sizing:border-box}.toolkit-section{margin-bottom:.5rem;display:flex;flex-direction:column;border-bottom:none;padding-bottom:4px;max-width:100%;width:100%;box-sizing:border-box}.toolkit-section h4{font-size:.8rem;margin:.25rem 0;padding:0 .5rem;flex-shrink:0}.toolkit-section h3{font-size:.9rem;margin:.25rem 0;padding:0 .5rem;flex-shrink:0;color:#333;font-weight:700}.toolkit-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:2px 4px;align-content:start}.toolkit-icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;cursor:pointer;position:relative;transition:transform .2s ease}.toolkit-icon:hover{transform:scale(1.1)}.toolkit-icon img{width:38px;height:38px;-o-object-fit:contain;object-fit:contain;outline:none;border:none}.new-debate-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;background-color:#4caf50}.new-debate-button:hover{background-color:#45a049}.toolkit-icon:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px;border-radius:3px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.toolkit-icon:hover:after{opacity:1;visibility:visible}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:2000;pointer-events:none}.popup{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:600px;max-height:80vh;position:relative;z-index:2001;pointer-events:auto;box-shadow:0 0 25px #0003,0 0 10px #0000001a;border:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column}.popup h3{color:#007bff;border-bottom:2px solid #f0f0f0;padding-bottom:10px;margin-top:5px;font-size:1.3rem;text-align:center;flex-shrink:0}.popup-title.editable-title{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease,color .2s ease}.popup-title.editable-title:hover{background-color:#24a3ed1a;color:#1c3b57}.title-edit-container{margin-bottom:1rem;margin-top:0;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.title-edit-input{width:100%;padding:8px 12px;font-size:1.3rem;font-weight:400;text-align:center;border:2px solid #24A3ED;border-radius:4px;outline:none;background-color:#fff;color:#333;box-sizing:border-box}.title-edit-input:focus{border-color:#1c3b57;box-shadow:0 0 0 2px #24a3ed33}.popup-content{max-height:60vh;overflow-y:auto;margin-bottom:15px;text-align:left}.delete-node-button{position:absolute;top:10px;left:10px;z-index:10;background:transparent;border:none;cursor:pointer;padding:5px;transition:transform .2s ease}.delete-node-button:hover{transform:scale(1.2)}.delete-node-button:active{transform:scale(.9)}@media (pointer: coarse){.delete-node-button{padding:10px}}.scroll-gradient{position:relative}.scroll-gradient:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.9));pointer-events:none;opacity:0;transition:opacity .2s ease}.scroll-gradient.has-overflow:after{opacity:1}.popup-content{overflow-y:auto;max-height:calc(80vh - 180px);margin-bottom:10px;padding-right:5px;position:relative;padding-bottom:40px}.popup-content:after{content:"";position:absolute;bottom:0;left:0;right:5px;height:40px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none;opacity:0;transition:opacity .2s ease}.popup-content::-webkit-scrollbar-thumb~.popup-content:after{opacity:1}.popup-content[style*=height]{mask-image:linear-gradient(to bottom,black calc(100% - 40px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 40px),transparent 100%)}.popup-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px;padding-top:10px;border-top:1px solid #f0f0f0;flex-shrink:0}.popup-actions button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:all .2s}.popup-actions button:first-child{background-color:#f8f9fa;color:#495057}.popup-actions button:last-child{background-color:#007bff;color:#fff}.popup-actions button:hover{transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.popup:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle at center,rgba(255,255,255,.6) 0%,transparent 70%);border-radius:12px;z-index:-1;pointer-events:none}.custom-editor{border:1px solid #ddd;border-radius:4px;overflow:hidden}.editor-toolbar{background-color:#f8f8f8;padding:5px;border-bottom:1px solid #ddd}.editor-toolbar button{margin-right:5px;padding:5px 10px;background-color:#fff;border:1px solid #ddd;border-radius:3px;cursor:pointer}.editor-toolbar button:hover{background-color:#e6e6e6}.frame-node{pointer-events:all}.frame-node rect{fill:#fff;stroke-width:2px;rx:10px;ry:10px;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.1))}.frame-node text{font-weight:700;text-anchor:middle}.frame-icon{transition:all .3s ease-in-out}.frame-icon image{transition:opacity .3s ease-in-out}.frame-icon:not(.has-content) image{opacity:.4}.frame-icon.has-content image{opacity:1}.frame-node[transform*="translate(-150,0)"] rect,.frame-node[data-frame-type=affirmative] rect{stroke:#24a3ed}.frame-node[transform*="translate(-150,0)"] text,.frame-node[data-frame-type=affirmative] text{fill:#24a3ed}.frame-node:not([transform*="translate(-150,0)"]) rect,.frame-node[data-frame-type=negative] rect{stroke:#e90d0d}.frame-node:not([transform*="translate(-150,0)"]) text,.frame-node[data-frame-type=negative] text{fill:#e90d0d}#root .frame-node g[data-icon],#root .debate-trees-container svg .frame-node g[data-icon]{opacity:1!important;fill-opacity:1!important;stroke-opacity:1!important}.frame-node>g{transform-origin:center}.frame-icon:hover image{transform:scale(1.1)}.frame-icon-container{outline:1px solid transparent}.frame-icon-container.has-content{outline:1px solid green}@media (max-width: 768px){.canvas-container{flex-direction:column}.toolkit-container{width:90%;max-height:200px}.debate-trees-container{flex-direction:column;height:calc(100vh - 200px)}.debate-trees-container svg{width:100%;height:50%}.canvas-header{flex-direction:column;align-items:flex-start}.canvas-actions{margin-top:1rem}.motion-input{width:100%}}.loading-spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;z-index:2000;display:flex;justify-content:center;align-items:center}.loading-spinner{border:16px solid #f3f3f3;border-top:16px solid #007bff;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite;z-index:2001}.foreignObject input{font-size:12px}.foreignObject{overflow:visible}.node text{cursor:pointer}.collapse-button{display:none}.html-collapse-button{background-color:#007bff;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;cursor:pointer;line-height:1;padding:0;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease,background-color .2s ease;position:absolute;top:0;left:0;transform-origin:center;outline:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;opacity:1;z-index:100}.html-collapse-button:before{content:"−";position:relative;top:-1px}.html-collapse-button:hover,.html-collapse-button.hovered{background-color:#0056b3;transform:scale(1.1)}.html-collapse-button:active{transform:scale(.95)}.node:hover .html-collapse-button{opacity:1}.node.collapsed .html-collapse-button{display:none}.collapsed-indicator{cursor:pointer;pointer-events:all;opacity:1;position:absolute;transition:transform .2s ease-in-out!important}.collapsed-indicator:hover{transform:scale(1.1)!important}.collapsed-indicator circle{fill:#f8f9fa;stroke:#007bff;stroke-width:2}.collapsed-indicator text{fill:#007bff;font-weight:700;font-size:12px}.frame-icon-container{position:relative}.frame-icon-container title{visibility:hidden;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.frame-icon-container:hover title{visibility:visible;opacity:1}.delete-button{opacity:0;pointer-events:all;cursor:pointer;transition:opacity .2s ease-in-out;position:absolute;z-index:100;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.delete-button.visible{opacity:1}.delete-button circle{fill:#e90d0d!important;transition:fill .2s,transform .1s}.delete-button:hover circle{fill:#c50b0b!important;transform:scale(1.1)}.delete-button,.node .delete-button{transform-box:fill-box;transform-origin:center center}.delete-button,.delete-button.visible{pointer-events:all!important}.delete-button text{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-node .node-content{filter:drop-shadow(0px 0px 5px black)}.node-title-text.user-added{fill:red}.node-title-text.assistant-added{fill:#00f}.debates-table button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem;min-width:80px;justify-content:center}.debates-table button.button{background-color:#007bff;color:#fff}.debates-table button.button:hover{background-color:#0056b3}.canvas-layout{display:flex;flex-direction:column;height:auto;padding-top:20px;padding-bottom:20px;position:relative;width:100%;margin-left:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:2rem;text-align:center}.error-message{color:#dc3545;font-size:1.2rem;margin-bottom:1rem;padding:1rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#666}.canvas-actions button:disabled{opacity:.65;cursor:not-allowed;height:32px;padding:.4rem .8rem;box-sizing:border-box}.chatbot-container{position:fixed;top:0;right:0;width:350px;height:100%;background-color:#f8f8f8;border-left:1px solid #ddd;display:flex;flex-direction:column;z-index:1100}.reset-zoom-button{background-color:#f8f9fa;border:1px solid #1C3B57;border-radius:4px;cursor:pointer;padding:.2rem .4rem;font-size:.9rem;color:#1c3b57;min-width:55px}.reset-zoom-button:hover{background-color:#e6edf5}.search-container{display:flex;align-items:center;background-color:#fff;border-radius:4px;padding:0 .5rem;border:1px solid #1C3B57;height:32px;margin-left:auto;box-sizing:border-box;gap:.5rem}.search-container svg{color:#1c3b57;width:16px;height:16px;flex-shrink:0}.search-container input{flex-grow:1;border:none;outline:none;padding:.25rem 0;font-size:.9rem;height:100%;background-color:transparent;margin:0;box-sizing:border-box}.view-mode-controls{display:flex;gap:.4rem;margin-right:1rem}.view-mode-button{padding:.2rem .5rem;background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem;min-width:45px;height:32px;display:flex;align-items:center;justify-content:center}.view-mode-button.active{background-color:#1c3b57;color:#fff;border-color:#0e2438}.view-mode-button[data-mode=aff].active{background-color:#24a3ed;border-color:#1c3b57}.view-mode-button[data-mode=neg].active{background-color:#e90d0d;border-color:#c50b0b}.view-mode-button[data-mode=whole].active{background-color:indigo;border-color:#380061}.view-mode-button:hover:not(.active){background-color:#e0e0e0}.debate-trees-container,.debate-tree{height:auto!important;overflow:auto;margin:0;padding:0}.canvas-layout,.canvas-container{height:auto!important;padding:0;margin:0}.app-container,.canvas-container,.canvas-layout{height:auto!important;min-height:0!important;margin:0!important;padding:0!important}.centered-motion{position:fixed!important;top:145px!important;left:50%!important;right:auto!important;z-index:999!important;background-color:#fff;padding:.25rem .125rem;border-radius:4px;box-shadow:0 2px 4px #0000001a;width:auto;min-width:200px;max-width:600px;display:flex;flex-direction:column;align-items:center;margin:0!important;transform:translate(-50%)!important;pointer-events:auto!important;opacity:1!important;visibility:visible!important}.debate-trees-container,.debate-tree{width:auto!important;height:auto!important;overflow:auto!important;margin:0!important;padding:0!important}.canvas-content{margin:0!important;overflow:auto!important;height:auto!important;display:flex;flex:1;position:relative;background-color:#f0f0f0;padding-top:20px!important;width:100%!important}.debate-trees-container{padding-top:170px!important;display:flex;flex-grow:1;position:absolute!important;background-color:#f0f0f0;width:100vw!important;max-width:100vw!important;margin:0!important;justify-content:center;left:0!important}.debate-tree.affirmative.whole,.debate-tree.negative.whole{width:50%!important;position:relative;display:flex!important;justify-content:center!important;align-items:flex-start!important}.debate-tree.whole svg{margin:0 auto!important;transform-origin:center top!important}.debate-trees-container{display:flex!important;justify-content:center!important;align-items:flex-start!important;flex-wrap:nowrap!important}.debate-trees-container:has(.debate-tree.whole){width:100%!important}.debate-trees-container{display:flex;justify-content:center;width:100vw!important;max-width:100vw!important;position:absolute!important;left:0!important}.debate-tree.full-width{width:100%!important;position:relative;display:flex!important;justify-content:center!important}.debate-tree.full-width svg{margin:0 auto!important}.debate-trees-container svg{width:100%!important;height:100%!important}.undo-button,.redo-button{background-color:#f8f9fa;border:1px solid #1C3B57;border-radius:4px;padding:.2rem .4rem;cursor:pointer;font-size:.9rem;color:#1c3b57;min-width:55px;display:flex;align-items:center;gap:.25rem}.undo-button:hover,.redo-button:hover{background-color:#e6edf5}.undo-button:disabled,.redo-button:disabled{opacity:.5;cursor:not-allowed}.centered-motion .spinner-container{position:absolute;top:105%;left:50%;transform:translate(-50%);width:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.centered-motion .generating-text{font-size:18px;font-weight:600;position:relative;padding:6.5px 15px;border-radius:8px;background-color:#ffffffe6;box-shadow:0 2px 10px #007bff26;border:1px solid rgba(0,123,255,.2);letter-spacing:.5px;white-space:nowrap;color:#0062cc}.centered-motion .generating-text:after{content:"Generating arguments...";position:absolute;top:6.5px;left:15px;width:100%;height:100%;color:#50a8ff;background:linear-gradient(to right,#0000,#0000 40%,#fff,#0000 60%,#0000);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine-wave 3.5s linear infinite}.centered-motion .spinner{display:none}.centered-motion .generation-warning{font-size:14px;font-weight:400;color:#6c757d;margin-top:8px;padding:5px 12px;background-color:#fffc;border-radius:6px;box-shadow:0 1px 4px #00000014;letter-spacing:.3px;opacity:.9;transition:opacity .3s ease;white-space:nowrap}.fullscreen-button{background-color:#f8f9fa;border:1px solid #1C3B57;border-radius:4px;cursor:pointer;padding:.25rem .5rem;font-size:.9rem;color:#1c3b57;min-width:105px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.fullscreen-button:hover{background-color:#e6edf5;transform:translateY(-1px)}:fullscreen .canvas-layout,:-webkit-full-screen .canvas-layout,:-moz-full-screen .canvas-layout,:-ms-fullscreen .canvas-layout{height:100vh}:fullscreen .toolkit-icon img,:-webkit-full-screen .toolkit-icon img,:-moz-full-screen .toolkit-icon img,:-ms-fullscreen .toolkit-icon img{width:46px;height:46px;outline:none;border:none}.node-content{filter:none;transform-box:fill-box}.node-content circle{fill:#fff}.node[data-added-by=assistant] .node-content circle{stroke:none}.node.new-node[data-added-by=user] .node-content,.node[data-created-by=user] .node-content,.node[data-made-by=user] .node-content,.node[data-creator=user] .node-content{filter:drop-shadow(0 0 4px rgba(255,0,0,.5))}.node.new-node[data-added-by=user] .node-content circle,.node[data-created-by=user] .node-content circle,.node[data-made-by=user] .node-content circle,.node[data-creator=user] .node-content circle{stroke:#ff00004d;stroke-width:2px}.node-content image{outline:none;border:none}.node.highlighted .node-content circle{stroke:purple;stroke-width:2px}.node.new-node:not([data-added-by=user]):not([data-created-by=user]):not([data-creator=user]):not([data-made-by=user]) .node-content circle{fill:#4caf50}:fullscreen .node-content image,:-webkit-full-screen .node-content image,:-moz-full-screen .node-content image,:-ms-fullscreen .node-content image{outline:none;border:none}.node image,.node-content image,.node g image{outline:none!important;stroke:none!important}.node{transform-origin:center!important;transform-box:fill-box!important;transition:transform .75s ease-in-out;position:absolute}.debate-tree g.node{position:absolute!important;transform-origin:0 0!important}.node.new-node{animation:scaleIn .5s ease-out forwards}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.frame-node{opacity:0;animation:slideIn .5s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.motion-filter-manager{width:100%;padding:1rem}.filter-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.filter-input{display:flex;gap:1rem}.filter-input input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}.filter-input input:focus{border-color:#007bff}.add-filter-button{padding:.75rem 1.5rem;background-color:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.add-filter-button:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 2px 4px #28a74540}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.filter-table-container{width:100%;overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.filter-table{width:100%;border-collapse:collapse;min-width:800px}.filter-table th,.filter-table td{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}.filter-table th{background-color:#f8f9fa;font-weight:600;color:#495057}.filter-table tr:hover{background-color:#f8f9fa}.folder-toggle{display:flex;align-items:center;gap:1rem}.delete-filter-button{padding:.5rem;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.delete-filter-button:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #dc354540}.switch{position:relative;display:inline-block;width:48px;height:24px}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.2s;border-radius:24px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(24px)}.editor-content{min-height:200px;max-height:calc(80vh - 250px);overflow-y:auto;padding:15px 15px 40px;border:2px solid #ddd;border-radius:6px;margin-top:10px;margin-bottom:15px;font-size:16px;line-height:1.5;background-color:#f9f9f9;transition:border-color .2s,background-color .2s;outline:none;position:relative}.editor-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,#f9f9f900,#f9f9f9);pointer-events:none;opacity:0;transition:opacity .2s ease}.editor-content[style*="overflow: scroll"]:after,.editor-content[style*="overflow-y: scroll"]:after,.editor-content::-webkit-scrollbar-thumb~.editor-content:after{opacity:1}.editor-content[style*=height]{mask-image:linear-gradient(to bottom,black calc(100% - 40px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 40px),transparent 100%)}.editor-content:focus{border-color:#007bff;background-color:#fff;box-shadow:0 0 0 3px #007bff40}.editor-content:empty:before{content:"Write your argument here...";color:#999;font-style:italic;position:absolute;top:15px;left:15px;pointer-events:none}.editor-toolbar{display:flex;gap:5px;padding:10px 0;margin-bottom:5px;border-bottom:1px solid #eee}.editor-toolbar button{padding:6px 12px;border:1px solid #ddd;background-color:#f8f9fa;border-radius:4px;cursor:pointer;font-size:15px;transition:all .2s}.editor-toolbar button:hover{background-color:#e9ecef;border-color:#ced4da}.node[data-side=affirmative] .node-content circle{stroke:#24a3ed}.node[data-side=negative] .node-content circle{stroke:#e90d0d}.node[data-side=affirmative] .collapse-button circle{fill:#24a3ed;stroke:#fff}.node[data-side=negative] .collapse-button circle{fill:#e90d0d;stroke:#fff}.node[data-side=affirmative] .collapsed-indicator circle{stroke:#24a3ed}.node[data-side=negative] .collapsed-indicator circle{stroke:#e90d0d}.node[data-side=affirmative] .collapsed-indicator text{fill:#24a3ed}.node[data-side=negative] .collapsed-indicator text{fill:#e90d0d}path.link{stroke:#ccc;stroke-width:1.5px;fill:none}path.link[data-target-creator=symbai]{stroke:#24a3ed}path.link[data-target-creator=user]{stroke:#e90d0d}.node[data-side=affirmative] .node-title-text,.node[data-side=affirmative] .node-title text{fill:#24a3ed}.node[data-side=negative] .node-title-text,.node[data-side=negative] .node-title text{fill:#e90d0d}.node.highlighted .node-content{filter:drop-shadow(0 0 4px rgba(128,0,128,.5))!important}.node .node-title-text,.node .node-title text{fill:#1c3b57;font-weight:500}.node[data-side=affirmative] .node-title-text,.node[data-side=affirmative] .node-title text,.node[data-side=negative] .node-title-text,.node[data-side=negative] .node-title text{fill:#1c3b57}.centered-motion .motion-display-container{display:flex;justify-content:center;align-items:center;position:relative;padding:8px 12px;border-radius:4px;transition:background-color .2s;cursor:pointer}.centered-motion .motion-display-container:hover{background-color:#0000000d}.centered-motion .motion-display{width:auto;text-align:center;padding:0!important;margin:0;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.2;position:relative}.centered-motion .motion-display .edit-button{display:inline-flex;visibility:hidden;opacity:0;background:none!important;border:none!important;padding:2px!important;cursor:pointer;color:#666;margin-left:6px!important;margin-top:0!important;vertical-align:middle;align-items:center;justify-content:center;line-height:1;min-width:unset!important;width:auto!important;height:auto!important;transition:visibility 0s,opacity .2s;box-shadow:none!important;position:relative}.centered-motion .motion-display-container:hover .edit-button{visibility:visible;opacity:.7}.centered-motion .motion-display-container .edit-button:hover{opacity:1!important;color:#333}.popup-icon-container{display:flex;justify-content:center;margin-bottom:15px}.popup-icon{width:80px;height:80px;-o-object-fit:contain;object-fit:contain}.frame-icon-preview{display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;z-index:2147483647;background-color:#fffffffa;border-radius:12px;padding:20px;border:1px solid #e0e0e0;box-shadow:0 4px 15px #0003;width:calc(100% - 40px);margin:0 auto;box-sizing:border-box;overflow:visible}.frame-icon-preview-title{background-color:#fff;padding:6px 12px;border-radius:6px;box-shadow:0 2px 8px #0000001a;font-size:15px;font-weight:700;white-space:nowrap;margin-bottom:0;text-align:center;width:auto;display:inline-block}.frame-icon-preview-subtitle{font-size:12px;font-style:italic;color:#666;text-align:center;max-width:190px;margin-top:4px;margin-bottom:8px;line-height:1.3;padding:6px 12px;background-color:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a;width:auto;display:inline-block}.frame-icon-preview-image{width:140px;height:140px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:8px;margin:0}.frame-icon-preview-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:all .2s ease-in-out;border-radius:6px}.info-icon-overlay{position:absolute;top:-6px;right:-6px;width:16px;height:16px;background-color:#007bff;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease;cursor:pointer;color:#fff;border:1px solid #007bff;box-shadow:0 1px 3px #0003;z-index:10}.info-icon-text{font-weight:700;font-style:italic;font-size:12px;line-height:1;margin-top:-1px;font-family:serif}.toolkit-icon:hover .info-icon-overlay{opacity:1}.info-icon-overlay:hover{background-color:#0056b3;transform:scale(1.1)}.info-icon-overlay svg{display:none}.frame-info-icon{cursor:pointer;pointer-events:all;z-index:100;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;opacity:0;visibility:hidden}.frame-info-icon text{fill:#fff!important;paint-order:stroke;stroke:#fff;stroke-width:.2px}.frame-info-icon:hover circle{fill:#0056b3}.frame-icon:hover .frame-info-icon{opacity:1!important;visibility:visible!important}.frame-icon.has-content .frame-info-icon text,.frame-icon:not(.has-content) .frame-info-icon text{fill-opacity:1!important;stroke-opacity:1!important}.clickable-icon{cursor:pointer;position:relative}.clickable-icon:hover .popup-icon{transform:scale(1.05);box-shadow:0 0 10px #007bff4d}.icon-tooltip{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;font-size:11px;padding:3px 8px;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.clickable-icon:hover .icon-tooltip{opacity:1}.popup-icon{transition:transform .2s,box-shadow .2s}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:4px;margin-bottom:4px;padding:4px 20px 4px 22px;background-color:#f9f9f9;border-radius:4px;border-left:3px solid #24A3ED;position:relative;min-height:22px;height:auto}.section-header h4{color:#1c3b57;font-weight:600;font-size:.63rem;white-space:normal;flex:1;line-height:1.1;word-break:break-word;padding-left:0;margin:0}.category-info-icon{display:flex!important;align-items:center;justify-content:center;min-width:16px;min-height:16px;width:16px;height:16px;background-color:#24a3ed;border-radius:50%;cursor:pointer;color:#fff;border:1px solid #ffffff;box-shadow:0 1px 3px #0003;position:absolute;right:4px;top:50%;transform:translateY(-50%);z-index:10;opacity:0!important;transition:opacity .3s ease,background-color .2s ease,transform .2s ease}.toolkit-container:hover .category-info-icon{opacity:1!important}.category-info-icon:hover{background-color:#1c3b57;transform:translateY(-50%) scale(1.1)}.category-toggle-icon{display:flex!important;align-items:center;justify-content:center;min-width:16px;min-height:16px;width:16px;height:16px;background-color:#e8f4fb;border-radius:50%;cursor:pointer;color:#24a3ed;border:1px solid #24A3ED;position:absolute;left:4px;top:50%;transform:translateY(-50%);z-index:10;opacity:0!important;transition:opacity .3s ease,background-color .2s ease,transform .2s ease,border-color .2s ease;font-weight:700;font-size:12px;line-height:1}.toolkit-container:hover .category-toggle-icon{opacity:1!important}.category-toggle-icon:hover{background-color:#24a3ed;color:#fff;transform:translateY(-50%) scale(1.1)}.category-toggle-icon .info-icon-text{font-family:monospace;font-size:14px;font-weight:700;margin:0;padding:0;line-height:1}.toolkit-container:hover .category-info-icon:hover{opacity:1!important}.category-info-icon .info-icon-text{font-weight:700;font-style:italic;font-size:10px;line-height:1;margin-top:-1px;font-family:serif}.toolkit-section+.toolkit-section{margin-top:6px}.toolkit-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:2px 4px;align-content:start;transition:max-height .3s ease-out,opacity .3s ease-out;overflow:hidden;max-height:500px;opacity:1}.frame-node .category-info-icon{cursor:pointer;opacity:.85;transition:opacity .2s ease,transform .2s ease,background-color .2s ease}.frame-node .category-info-icon:hover{opacity:1;transform:scale(1.1)}.frame-node .category-info-icon text{fill:#fff!important;stroke:none}.commit-button:hover:not(:disabled){background-color:#f0c200}.save-button:hover:not(:disabled){background-color:#1c3b57;transform:translateY(-1px);box-shadow:0 2px 4px #24a3ed40}.back-button:hover:not(:disabled){background-color:#0e2438}.node-controls,.node-title{transform-box:fill-box}.toolkit-icon-preview{display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;z-index:2147483647}.toolkit-icon-preview-title{background-color:#fff;padding:5px 10px;border-radius:4px;box-shadow:0 0 10px #0000001a;font-size:14px;font-weight:700;white-space:nowrap}.toolkit-icon-preview-image{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a}.toolkit-icon-preview-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:all .2s ease-in-out}.toolkit-icon-preview-container{filter:drop-shadow(0 0 15px rgba(0,0,0,.3))}.toolkit-icon-preview{display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none;background:#fff;border-radius:8px;padding:15px;border:1px solid #ddd}.toolkit-icon-preview-title{background-color:#f8f8f8;padding:8px 15px;border-radius:4px;font-size:16px;font-weight:700;white-space:nowrap;color:#333;border:1px solid #eee;margin-bottom:0}.toolkit-icon-preview-subtitle{font-size:12px;font-style:italic;color:#666;text-align:center;max-width:220px;margin-top:5px;line-height:1.3;padding:0 10px}.toolkit-icon-preview-image{width:150px;height:150px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px;padding:10px}.toolkit-icon-preview-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.educational-tip{position:absolute;top:12px;right:12px;max-width:180px;background-color:#24a3ed;border:1px solid #1C3B57;border-radius:4px;padding:20px 10px 6px;font-size:11px;color:#fff;line-height:1.3;box-shadow:0 2px 5px #1c3b5733;z-index:10;font-weight:500;transition:all .2s ease;opacity:.9;display:flex;flex-direction:column}.educational-tip-coming-soon{position:absolute;top:-5px;left:-5px;background-color:#ffcb05;color:#1c3b57;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:10px;white-space:nowrap;z-index:11}.educational-tip-close{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background-color:#ffffff4d;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;border:none;padding:0;opacity:.7;transition:all .2s ease}.educational-tip-close:hover{background-color:#ffffff80;opacity:1}.educational-tip-content{display:flex;align-items:flex-start;gap:4px}.doc-level-toggles{display:flex;gap:8px;margin-bottom:15px}.level-toggle{padding:6px 12px;border:1px solid #ddd;background-color:#f8f9fa;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.level-toggle:hover{background-color:#e9ecef;border-color:#ced4da}.level-toggle.active{background-color:#007bff;color:#fff;border-color:#007bff}#frame-title-info-aff,#frame-title-info-neg{opacity:0!important;transition:opacity .3s ease!important;pointer-events:all!important}.frame-node:hover #frame-title-info-aff,.frame-node:hover #frame-title-info-neg{opacity:1!important}#frame-title-info-aff:hover circle:nth-child(2),#frame-title-info-neg:hover circle:nth-child(2){fill:#0056b3!important}.frame-node .frame-title-info-icon{transform:none!important;transition:opacity .3s ease!important}.frame-node .frame-title-info-icon,.frame-node .frame-title-info-icon *,.frame-node:hover .frame-title-info-icon,.frame-node:hover .frame-title-info-icon *{transition:opacity .3s ease!important;transform:none!important}#frame-title-info-aff text,#frame-title-info-neg text{fill:#fff!important;stroke:none!important;paint-order:normal!important}.delete-button-container{opacity:0;transition:opacity .3s ease;overflow:visible!important}.delete-button-container.visible{opacity:1}.html-delete-button{background-color:#e90d0d;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;cursor:pointer;line-height:1;padding:0;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease,background-color .2s ease;position:absolute;top:0;left:0;transform-origin:center;outline:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.html-delete-button:hover,.html-delete-button.hovered{background-color:#c50b0b;transform:scale(1.1)}.html-delete-button:active{transform:scale(.95)}.debates-table button.delete-button{position:static;background-color:#dc3545;color:#fff;opacity:1}.debates-table button.delete-button:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #dc354540}.delete-button{display:none}.add-nodes-as{display:flex;flex-direction:column;align-items:center;padding:6px 0;margin:0 0 8px;border-bottom:1px solid #e0e0e0;width:100%;box-sizing:border-box;position:relative}.add-nodes-as span{font-size:.63rem;margin-bottom:3px;color:#333;font-weight:500;text-align:center}.toggle-info-icon{display:flex!important;align-items:center;justify-content:center;min-width:16px;min-height:16px;width:16px;height:16px;background-color:#24a3ed;border-radius:50%;cursor:pointer;color:#fff;border:1px solid #ffffff;box-shadow:0 1px 3px #0003;position:absolute;right:4px;top:6px;z-index:10;opacity:0!important;transition:opacity .3s ease,background-color .2s ease,transform .2s ease}.toolkit-container:hover .toggle-info-icon{opacity:1!important}.toggle-info-icon:hover{background-color:#1c3b57;transform:scale(1.1)}.toolkit-container:hover .toggle-info-icon:hover{opacity:1!important}.toggle-info-icon .info-icon-text{font-weight:700;font-style:italic;font-size:10px;line-height:1;margin-top:-1px;font-family:serif}.add-nodes-as.shiner-effect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.8) 50%,transparent 70%);animation:shiner-animation 2s ease-out;pointer-events:none;z-index:9;border-radius:inherit}@keyframes shiner-animation{0%{left:-100%}to{left:100%}}.toggle-buttons{display:flex;width:100%;justify-content:space-between}.toggle-button{width:calc(50% - 1px);padding:3px 0;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:.63rem;transition:all .2s ease;text-align:center;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle-button:hover{background-color:#e9ecef}.toggle-button.active:not([data-type=symbai]):not([data-type=user]){background-color:#007bff;color:#fff;border-color:#0056b3}.toggle-button[data-type=symbai]:before,.toggle-button[data-type=user]:before{content:none}.node[data-added-by=user] .node-content{filter:drop-shadow(0 0 4px rgba(255,0,0,.5))}.node[data-added-by=user] .node-content circle{stroke:#ff00004d;stroke-width:2px}.node[data-added-by=user] .node-content,.node[data-created-by=user] .node-content,.node[data-made-by=user] .node-content,.node[data-creator=user] .node-content{filter:drop-shadow(0 0 4px rgba(255,0,0,.5))}.node.new-node[data-added-by=user] .node-content circle,.node[data-created-by=user] .node-content circle,.node[data-creator=user] .node-content circle{fill:#fff}.node-content rect.user-node-border{stroke:#e90d0d;stroke-width:2px;fill:#fff}.node.highlighted .node-content rect.user-node-border{stroke:purple;stroke-width:2px}.node[data-added-by=user] .node-content circle:before,.node.new-node[data-added-by=user] .node-content circle:before,.node[data-created-by=user] .node-content circle:before,.node[data-made-by=user] .node-content circle:before,.node[data-creator=user] .node-content circle:before{content:none}.popup-header-content{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;margin-bottom:10px}.button-container{position:relative;width:100%;height:40px;pointer-events:auto;z-index:100}.real-framework-button,.back-to-evidence-button,.view-examples-button,.back-to-scene-button{padding:6px 12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer!important;transition:all .2s ease;white-space:nowrap;border:1px solid #007bff;position:absolute;left:0;top:0;z-index:100;pointer-events:auto}.real-framework-button,.view-examples-button{background-color:#007bff;color:#fff}.real-framework-button:hover,.view-examples-button:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 2px 4px #007bff40}.back-to-evidence-button,.back-to-scene-button{background-color:#f8f9fa;color:#007bff}.back-to-evidence-button:hover,.back-to-scene-button:hover{background-color:#e9ecef;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.popup-icon-container{display:flex;justify-content:center;align-items:center;margin:0 auto 10px;position:relative;width:100%}.popup-icon{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto}.popup-icon-container .popup-icon[onClick]{cursor:pointer;transition:transform .2s ease}.popup-icon-container .popup-icon[onClick]:hover{transform:scale(1.05)}.popup h3{text-align:center;margin-top:15px}.educational-content-container{max-height:60vh;overflow-y:auto;width:100%;padding-right:10px}.markdown-educational-content{width:100%;line-height:1.5}.markdown-paragraph{margin-bottom:1em;text-align:left}.markdown-subheading{margin-top:1.5em;margin-bottom:.75em;color:#0056b3;font-size:1.2em;font-weight:600}.markdown-list,.markdown-ordered-list{margin-bottom:1em;padding-left:2em;list-style-position:outside}.markdown-list{list-style-type:disc}.markdown-ordered-list{list-style-type:decimal}.markdown-list-item{margin-bottom:.5em;display:list-item}.editor-content ul,.popup-content ul,.markdown-educational-content ul{list-style-type:disc;list-style-position:outside;padding-left:2em;margin-bottom:1em}.editor-content ol,.popup-content ol,.markdown-educational-content ol{list-style-type:decimal;list-style-position:outside;padding-left:2em;margin-bottom:1em}.editor-content li,.popup-content li,.markdown-educational-content li{display:list-item;margin-bottom:.5em}.popup-content{max-height:calc(80vh - 180px);overflow-y:auto;overflow-x:hidden;padding-right:10px}.real-framework-detailed{width:100%;line-height:1.5;text-align:left}.real-framework-detailed h3{margin-top:1.5em;margin-bottom:.75em;color:#0056b3;font-size:1.2em;font-weight:600}.real-framework-detailed p{margin-bottom:1em}.real-framework-detailed ul,.real-framework-detailed ol{margin-bottom:1em;padding-left:2em}.real-framework-detailed li{margin-bottom:.5em}.real-framework-detailed strong{font-weight:600}.supporting-evidence-detailed{width:100%;line-height:1.5;text-align:left}.supporting-evidence-detailed h3{margin-top:1.5em;margin-bottom:.75em;color:#0056b3;font-size:1.2em;font-weight:600}.supporting-evidence-detailed h4{margin-top:1.2em;margin-bottom:.5em;color:#0069d9;font-size:1.1em;font-weight:600}.supporting-evidence-detailed p{margin-bottom:1em}.supporting-evidence-detailed blockquote{background-color:#f8f9fa;border-left:4px solid #007bff;padding:.5em 1em;margin:0 0 1em}.supporting-evidence-detailed ul,.supporting-evidence-detailed ol{margin-bottom:1em;padding-left:2em}.supporting-evidence-detailed li{margin-bottom:.5em}.supporting-evidence-detailed strong{font-weight:600}.supporting-evidence-detailed hr{margin:1.5em 0;border:0;border-top:1px solid #e0e0e0}.supporting-evidence-detailed em{font-style:italic;color:#0069d9}.demonstration-detailed{width:100%;line-height:1.5;text-align:left}.demonstration-detailed h3{margin-top:1.5em;margin-bottom:.75em;color:#0056b3;font-size:1.2em;font-weight:600}.demonstration-detailed h4{margin-top:1.2em;margin-bottom:.5em;color:#0069d9;font-size:1.1em;font-weight:600}.demonstration-detailed p{margin-bottom:1em}.demonstration-detailed blockquote{background-color:#f8f9fa;border-left:4px solid #007bff;padding:.5em 1em;margin:0 0 1em}.demonstration-detailed ul,.demonstration-detailed ol{margin-bottom:1em;padding-left:2em}.demonstration-detailed li{margin-bottom:.5em}.demonstration-detailed strong{font-weight:600}.demonstration-detailed hr{margin:1.5em 0;border:0;border-top:1px solid #e0e0e0}.demonstration-detailed em{font-style:italic;color:#0069d9}.path-to-victory-detailed{width:100%;line-height:1.5;text-align:left}.path-to-victory-detailed h3{margin-top:1.5em;margin-bottom:.75em;color:#0056b3;font-size:1.2em;font-weight:600}.path-to-victory-detailed h4{margin-top:1.2em;margin-bottom:.5em;color:#0069d9;font-size:1.1em;font-weight:600}.path-to-victory-detailed p{margin-bottom:1em}.path-to-victory-detailed blockquote{background-color:#f8f9fa;border-left:4px solid #007bff;padding:.5em 1em;margin:0 0 1em}.path-to-victory-detailed ul,.path-to-victory-detailed ol{margin-bottom:1em;padding-left:2em}.path-to-victory-detailed li{margin-bottom:.5em}.path-to-victory-detailed strong{font-weight:600}.path-to-victory-detailed hr{margin:1.5em 0;border:0;border-top:1px solid #e0e0e0}.path-to-victory-detailed em{font-style:italic;color:#0069d9}.path-to-victory-detailed ul ul{margin-top:.5em;margin-bottom:.5em}.path-to-victory-detailed ul ul li{margin-bottom:.25em}.importance-detailed{width:100%;line-height:1.5;text-align:left}.importance-detailed h3{margin-top:1.5em;margin-bottom:.75em;color:#0056b3;font-size:1.2em;font-weight:600}.importance-detailed h4{margin-top:1.2em;margin-bottom:.5em;color:#0069d9;font-size:1.1em;font-weight:600}.importance-detailed p{margin-bottom:1em}.importance-detailed blockquote{background-color:#f8f9fa;border-left:4px solid #007bff;padding:.5em 1em;margin:0 0 1em}.importance-detailed ul,.importance-detailed ol{margin-bottom:1em;padding-left:2em}.importance-detailed li{margin-bottom:.5em}.importance-detailed strong{font-weight:600}.importance-detailed hr{margin:1.5em 0;border:0;border-top:1px solid #e0e0e0}.importance-detailed em{font-style:italic;color:#0069d9}.importance-detailed ol ol,.importance-detailed ul ul{margin-top:.5em;margin-bottom:.5em}.importance-detailed ol.importance-chain{counter-reset:importance-counter;list-style-type:none;padding-left:0}.importance-detailed ol.importance-chain>li{counter-increment:importance-counter;margin-bottom:1em;padding-left:2.5em;position:relative}.importance-detailed ol.importance-chain>li:before{content:counter(importance-counter);position:absolute;left:0;top:0;font-weight:700;color:#0069d9;background-color:#f0f7ff;width:1.8em;height:1.8em;border-radius:50%;display:flex;align-items:center;justify-content:center}.minimize-importance-detailed{width:100%;line-height:1.5;text-align:left}.minimize-importance-detailed h3{margin-top:1.5em;margin-bottom:.75em;color:#0056b3;font-size:1.2em;font-weight:600}.minimize-importance-detailed h4{margin-top:1.2em;margin-bottom:.5em;color:#0069d9;font-size:1.1em;font-weight:600}.minimize-importance-detailed p{margin-bottom:1em}.minimize-importance-detailed blockquote{background-color:#f8f9fa;border-left:4px solid #007bff;padding:.5em 1em;margin:0 0 1em}.minimize-importance-detailed ol,.minimize-importance-detailed ul{margin-bottom:1em;padding-left:2em}.minimize-importance-detailed li{margin-bottom:.5em}.minimize-importance-detailed strong{font-weight:600}.minimize-importance-detailed hr{margin:1.5em 0;border:0;border-top:1px solid #e0e0e0}.minimize-importance-detailed em{font-style:italic;color:#0069d9}.set-the-scene-detailed blockquote{background-color:#f8f9fa;border-left:4px solid #007bff;padding:.5em 1em;margin:0 0 1em}.set-the-scene-detailed li{margin-bottom:.5em}.set-the-scene-detailed strong{font-weight:600}.set-the-scene-detailed hr{margin:1.5em 0;border:0;border-top:1px solid #e0e0e0}.set-the-scene-detailed em{font-style:italic;color:#0069d9}.set-the-scene-detailed .example-container{margin:1.5em 0;padding:1em;background-color:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.set-the-scene-detailed .note{background-color:#ffc1071a;border-left:4px solid #ffc107;padding:.5em 1em;margin:1em 0;font-style:italic}.set-the-scene-detailed .placeholder-for-diagram{width:100%;height:100px;background-color:#f0f0f0;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;margin:1em 0;border-radius:4px;color:#666;font-style:italic}.set-the-scene-examples-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow:auto;max-height:calc(80vh - 180px)}.set-the-scene-example-image{max-width:100%;height:auto;box-shadow:0 2px 10px #0000001a;border-radius:8px;border:1px solid #e0e0e0}.set-the-scene-examples-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;max-height:calc(80vh - 200px);overflow:auto}.set-the-scene-example-image{max-width:100%;max-height:50vh;height:auto;box-shadow:0 2px 8px #0000001a;border-radius:4px;border:1px solid #eee;margin-bottom:15px}.maximize-image-button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.maximize-image-button:hover{background-color:#0056b3}.image-maximize-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:3000;cursor:pointer}.image-maximize-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center;cursor:default}.maximized-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;box-shadow:0 4px 15px #0006;border-radius:4px}.image-maximize-close-button{position:absolute;top:15px;right:15px;background-color:#0009;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:24px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;padding:0}.image-maximize-close-button:hover{background-color:#000c}.set-the-scene-detailed{width:100%;line-height:1.5;text-align:left}.set-the-scene-detailed h3{margin-top:1.5em;margin-bottom:.75em;color:#0056b3;font-size:1.2em;font-weight:600}.set-the-scene-detailed h4{margin-top:1.2em;margin-bottom:.5em;color:#0069d9;font-size:1.1em;font-weight:600}.set-the-scene-detailed p{margin-bottom:1em}.set-the-scene-detailed blockquote{background-color:#f8f9fa;border-left:4px solid #007bff;padding:.5em 1em;margin:1em 0;font-style:normal}.set-the-scene-detailed blockquote p,.set-the-scene-detailed blockquote p em{font-style:normal}.set-the-scene-detailed blockquote p em:first-child{font-style:italic;font-weight:700;margin-right:.5em}.set-the-scene-detailed ol,.set-the-scene-detailed ul{margin-bottom:1em;padding-left:2em}.node[data-side=negative] .node-content{filter:drop-shadow(0 0 4px rgba(233,13,13,.4))}.node[data-side=affirmative] .node-content{filter:drop-shadow(0 0 4px rgba(36,163,237,.4))}.node.highlighted .node-content{filter:drop-shadow(0 0 4px rgba(75,0,130,.5))!important}.node.highlighted .node-content circle{stroke:indigo;stroke-width:2px}.node[data-added-by=user] .node-content{filter:drop-shadow(0 0 4px rgba(233,13,13,.5))}.node[data-added-by=user] .node-content circle,.node[data-created-by=user] .node-content circle,.node[data-made-by=user] .node-content circle,.node[data-creator=user] .node-content circle{stroke:#e90d0d4d;stroke-width:2px}.html-delete-button{background-color:#e90d0d;color:#fff}.html-delete-button:hover,.html-delete-button.hovered{background-color:#c50b0b}.toggle-button[data-type=symbai].active{background-color:#24a3ed;color:#fff;border-color:#1c3b57}.toggle-button[data-type=user].active{background-color:#e90d0d;color:#fff;border-color:#c50b0b}.educational-tip{background-color:#24a3ed;border:1px solid #1C3B57}.educational-tip-coming-soon{background-color:#ffcb05;color:#1c3b57}.category-info-icon{background-color:#24a3ed}.category-info-icon:hover{background-color:#1c3b57}.commit-button.has-uncommitted:hover:not(:disabled){color:#fff}path.link[data-target-added-by=user]{stroke:#e90d0d}path.link[data-source-added-by=user]:not([data-target-added-by=user]){stroke:#24a3ed}.toolkit-section:nth-child(1) .section-header{border-left-color:#24a3ed}.toolkit-section:nth-child(2) .section-header{border-left-color:#ffcb05}.toolkit-section:nth-child(3) .section-header{border-left-color:#e90d0d}.html-expand-button{background-color:#007bff;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;cursor:pointer;line-height:1;padding:0;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease,background-color .2s ease;position:absolute;top:0;left:0;transform-origin:center;outline:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;opacity:1;z-index:100}.html-expand-button:before{content:"+";position:relative;top:-1px}.html-expand-button:hover,.html-expand-button.hovered{background-color:#0056b3;transform:scale(1.1)}.html-expand-button:active{transform:scale(.95)}.expand-button-container{transition:opacity .2s ease-in-out}.html-counter-button{background-color:#f8f9fa;color:#007bff;border:2px solid #007bff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;cursor:pointer;line-height:1;padding:0;box-shadow:0 1px 3px #0003;transition:transform .2s ease;position:absolute;top:0;left:0;transform-origin:center;outline:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.html-counter-button:hover{transform:scale(1.1)}.collapsed-counter-container{transition:all .2s ease-in-out;pointer-events:all}.collapsed-indicator{display:none}.link[data-target-added-by=user]{stroke:#e90d0d}.link[data-source-added-by=user]:not([data-target-added-by=user]){stroke:#24a3ed}.fullscreen-required-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;padding:0;margin:0;display:flex;justify-content:center;align-items:center;z-index:2000}.fullscreen-required-popup{background-color:#fff;text-align:center;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box;z-index:2001;position:relative;border-radius:0;box-shadow:none;max-width:none}.fullscreen-required-popup h3{margin-top:0;color:#dc3545;font-size:1.75rem;margin-bottom:1.5rem}.fullscreen-required-popup p{margin-bottom:30px;line-height:1.6;font-size:1.2rem;max-width:600px;color:#333}.fullscreen-required-actions{display:flex;justify-content:center;gap:25px;margin-top:1.5rem}.fullscreen-required-actions .button{padding:14px 28px;font-size:1.2rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease,transform .1s ease;font-weight:500}.fullscreen-required-actions .button:active{transform:scale(.97)}.fullscreen-required-actions .back-home-button{background-color:#6c757d;color:#fff}.fullscreen-required-actions .back-home-button:hover{background-color:#5a6268}.fullscreen-required-actions .fullscreen-button{background-color:#28a745;color:#fff}.fullscreen-required-actions .fullscreen-button:hover{background-color:#218838}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:Arial,sans-serif}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3498db;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}.save-button.loading{position:relative;pointer-events:none;justify-content:center;align-items:center;padding:.4rem .8rem;gap:.5rem;opacity:1!important;cursor:wait!important}.spinner-icon{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:button-spin .8s linear infinite}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toolkit-icon.touched{border:3px solid #007bff;border-radius:4px;box-shadow:0 0 8px #007bff80;transform:scale(1.1);background-color:#007bff1a;transition:all .2s ease-in-out}.toolkit-icon.touched:hover{border:3px solid #007bff;box-shadow:0 0 8px #007bff80;transform:scale(1.1);background-color:#007bff1a}.html-drop-zone-button{background-color:#28a745;color:#fff;border:none;border-radius:8px;width:100px;height:30px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;cursor:pointer;line-height:1;padding:0 10px;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease,background-color .2s ease;outline:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;z-index:100}.html-drop-zone-button:hover{background-color:#218838;transform:scale(1.05)}.html-drop-zone-button:active{transform:scale(.95)}.drop-zone-container{opacity:1;transition:opacity .3s ease;pointer-events:all}.node-drop-zone-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;pointer-events:all;opacity:1;transition:opacity .2s ease}.node-drop-zone-button{background-color:#4caf50;color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:16px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px #0003;transition:all .2s ease;min-width:120px;min-height:44px;margin:8px;z-index:1000;position:relative}.node-drop-zone-button:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.node-drop-zone-button:active{background-color:#388e3c;transform:translateY(1px);box-shadow:0 2px 4px #0003}.node-drop-zone-button{box-shadow:0 4px 8px #0003,0 0 12px #4caf5080;animation:pulse 1.5s infinite alternate}@keyframes pulse{0%{box-shadow:0 4px 8px #0003,0 0 12px #4caf5080}to{box-shadow:0 4px 8px #0003,0 0 20px #4caf50cc}}.payment-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:600px;margin:80px auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;text-align:center}.payment-screen h2{margin-bottom:1.5rem;color:#333;font-size:1.8rem}.payment-screen p{margin-bottom:2rem;color:#666;font-size:1.1rem;line-height:1.5}.payment-button{background-color:#4caf50!important;color:#fff!important;padding:12px 24px!important;margin:8px!important;font-size:1rem!important;font-weight:600!important;border:none!important;border-radius:4px!important;cursor:pointer!important;transition:background-color .3s!important}.payment-button:hover{background-color:#45a049!important}.back-button{background-color:#e90d0d!important;color:#fff!important;margin-top:1rem!important;margin-left:0rem!important;padding:2rem!important}.back-button-slim{background-color:#e90d0d!important;color:#fff!important;margin-left:0rem!important;padding:.8rem 1.2rem!important}.back-button:hover{background-color:#ff0d0d!important}.editor-display{min-height:100px;padding:10px;outline:none;direction:ltr}.character-counter{text-align:right;font-size:.9rem;padding:5px 10px;background-color:#f8f9fa;border-top:1px solid #ddd;color:#666;transition:color .2s ease}.character-counter.warning{color:#ff9800;font-weight:500}.character-counter.over-limit{color:#f44336;font-weight:700;background-color:#ffebee}.character-limit-warning{font-size:.8rem;color:#ff9800;margin-top:5px;padding:0 10px}.character-limit-error{font-size:.8rem;color:#f44336;margin-top:5px;padding:0 10px;font-weight:700}.points-display{position:absolute;top:10px;right:10px;z-index:10;background:linear-gradient(135deg,gold,orange);border:2px solid #FF8C00;border-radius:12px;padding:8px 12px;color:#8b4513;font-weight:700;font-size:14px;box-shadow:0 2px 8px #ff8c004d;display:flex;align-items:center;gap:6px;cursor:help;transition:transform .2s ease,box-shadow .2s ease}.points-display:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff8c0066}.points-display:active{transform:translateY(0);box-shadow:0 2px 6px #ff8c004d}.popup .points-display{margin:0}@keyframes pointsAppear{0%{opacity:0;transform:scale(.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.points-display{animation:pointsAppear .3s ease-out}@keyframes totalPointsAppear{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.rebuttal-feedback-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px 16px;margin-bottom:16px;transition:all .2s ease;position:relative;max-width:100%}.rebuttal-feedback-section:hover{background:#f1f3f4;border-color:#dee2e6;box-shadow:0 2px 4px #0000000d}.rebuttal-feedback-section h4{margin:0 0 8px;fontSize:14px;font-weight:600;color:#495057;display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.rebuttal-feedback-section h4:hover{color:#007bff}.rebuttal-feedback-section .points-reasoning{margin-bottom:8px;font-size:13px;color:#6c757d;font-style:italic}.rebuttal-feedback-section .analysis-content{font-size:13px;color:#495057;line-height:1.4}.rebuttal-feedback-section strong{color:#343a40}.rebuttal-feedback-section .feedback-content{transition:max-height .3s ease,opacity .3s ease;position:relative}.rebuttal-feedback-section .expand-indicator{font-size:12px;color:#007bff;transition:transform .2s ease;display:inline-block}.rebuttal-feedback-section .expand-hint{text-align:center;font-size:12px;color:#007bff;margin-top:4px;cursor:pointer;opacity:.8;transition:opacity .2s ease}.rebuttal-feedback-section .expand-hint:hover{opacity:1;text-decoration:underline}.rebuttal-feedback-section .feedback-content-scrollable{scrollbar-width:thin;scrollbar-color:#dee2e6 #f8f9fa}.rebuttal-feedback-section .feedback-content-scrollable::-webkit-scrollbar{width:6px}.rebuttal-feedback-section .feedback-content-scrollable::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.rebuttal-feedback-section .feedback-content-scrollable::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.rebuttal-feedback-section .feedback-content-scrollable::-webkit-scrollbar-thumb:hover{background:#ced4da}.points-info-icon{transition:all .2s ease!important;box-shadow:0 1px 3px #0003}.points-info-icon:hover{box-shadow:0 2px 5px #0000004d}.points-display{-webkit-user-select:none;-moz-user-select:none;user-select:none}.points-display .points-info-icon{flex-shrink:0}.popup-icon-container.clickable{position:relative;display:inline-block}.popup-icon.clickable-icon{cursor:pointer;border-radius:12px;padding:4px;position:relative;transition:all .3s ease;background-color:#007bff0d}.popup-icon.clickable-icon:hover{transform:scale(1.08);filter:brightness(1.1);box-shadow:0 0 0 3px #007bff4d;background-color:#007bff1a}.popup-icon-info-indicator{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#007bff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;font-style:italic;font-family:serif;box-shadow:0 2px 6px #00000040;pointer-events:none;animation:subtlePulse 2s ease-in-out infinite;border:2px solid white}.popup-icon-info-indicator span{line-height:1;margin-top:-1px}@keyframes subtlePulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1}}.popup-icon-container.clickable .icon-tooltip{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background-color:#000000d9;color:#fff;font-size:12px;padding:6px 12px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;z-index:1000}.popup-icon-container.clickable:hover .icon-tooltip{opacity:1;visibility:visible;bottom:-28px}.delete-confirmation-popup{max-width:450px;text-align:center}.delete-confirmation-popup h3{margin-bottom:1rem;color:#dc3545}.delete-confirmation-popup p{margin-bottom:1rem;color:#333}.delete-options{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.delete-options button{flex:1;padding:1rem;border-radius:8px;border:2px solid #ddd;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:500;position:relative}.delete-options button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.delete-node-only{border-color:#28a745!important;background-color:#e8f5e9!important;color:#28a745!important}.delete-node-only:hover{background-color:#28a745!important;color:#fff!important}.delete-node-and-children{border-color:#dc3545!important;background-color:#ffebee!important;color:#dc3545!important}.delete-node-and-children:hover{background-color:#dc3545!important;color:#fff!important}.delete-options button small{display:block;font-size:.75rem;margin-top:.25rem;opacity:.9;font-weight:400;color:inherit}.delete-confirmation-popup .cancel-button{background-color:#6c757d;color:#fff;border:none;padding:.5rem 2rem}.delete-confirmation-popup .cancel-button:hover{background-color:#5a6268}.move-button-container{opacity:0;transition:opacity .3s ease;overflow:visible!important}.move-button-container.visible{opacity:1}.html-move-button{background-color:#17a2b8;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease,background-color .2s ease;position:absolute;top:0;left:0;transform-origin:center;outline:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.html-move-button:hover{background-color:#138496;transform:scale(1.1)}.html-move-button:active{transform:scale(.95)}.node.being-moved .node-content{animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px #17a2b8)}50%{filter:drop-shadow(0 0 16px #17a2b8)}}.move-here-button{background-color:#28a745;color:#fff;border:2px dashed #fff;border-radius:10px;padding:8px 16px;font-size:16px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 8px #0003;transition:all .2s ease;min-width:120px;min-height:44px}.move-here-button:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.move-here-button:active{transform:translateY(1px)}.node.move-mode-invalid{opacity:.4;pointer-events:none}.insertion-point-button{background:#007bff1a;border:2px dashed #007bff;color:#007bff;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 2px 6px #007bff33}.insertion-point-button:hover{background:#007bff33;border-style:solid;transform:scale(1.05);box-shadow:0 4px 10px #007bff4d}.move-icon-button{background:#007bffe6!important;border:2px solid #007bff!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 4px #007bff4d!important;transition:all .2s ease!important}.move-icon-button:hover{background:#0056b3!important;transform:scale(1.1)!important;box-shadow:0 3px 6px #007bff66!important}.insertion-point-button:active{transform:scale(.98)}.cancel-move-button{position:fixed;top:20px;right:240px;background-color:#dc3545;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 8px #0000004d;z-index:9999;transition:all .2s ease}.cancel-move-button:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 6px 12px #0006}.cancel-move-button:active{transform:translateY(0)}.move-mode-banner{position:fixed;top:0;left:200px;right:220px;background-color:#17a2b8;color:#fff;padding:10px 20px;text-align:center;font-size:16px;font-weight:700;z-index:9998;box-shadow:0 2px 8px #0000004d}.side-selection-reminder{position:fixed;top:60px;left:50%;transform:translate(-50%);background-color:#24a3ed;color:#fff;padding:15px 20px;border-radius:8px;z-index:999999;box-shadow:0 4px 10px #00000026;max-width:600px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.reminder-content{display:flex;align-items:center;gap:15px}.reminder-text{flex:1;font-size:14px;line-height:1.5}.reminder-text strong{font-weight:600;background-color:#fff3;padding:2px 6px;border-radius:4px}.reminder-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.reminder-close:hover{background-color:#fff3}.touch-drop-button{background-color:#007bff;color:#fff;border:2px solid #0056b3;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #007bff4d;padding:4px}.touch-drop-button:hover{background-color:#0056b3;transform:scale(1.1);box-shadow:0 3px 6px #007bff66}.touch-drop-button:active{transform:scale(.95)}.touch-icon-button{position:relative}.touch-icon-button:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px dashed rgba(0,123,255,.5);border-radius:50%;animation:touch-pulse 2s infinite;pointer-events:none}@keyframes touch-pulse{0%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:.5;transform:scale(1)}}@media (pointer: coarse){.touch-drop-button,.touch-icon-button{width:32px;height:32px;font-size:18px}}.logo img{height:100%!important;width:auto!important;padding:0}.white-box{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #ffcb0533}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#1c3b57}.new-debate-button,.delete-all-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s;color:#fff}.new-debate-button:hover{background-color:#1c82bd;transform:translateY(-1px);box-shadow:0 2px 4px #24a3ed40}.delete-all-button:hover{background-color:#c50b0b;transform:translateY(-1px);box-shadow:0 2px 4px #e90d0d40}.debates-table{width:100%;border-collapse:collapse;border:1px solid rgba(28,59,87,.1)}.debates-table th{background-color:#2d5f8a;font-weight:600;color:#fff;font-size:1.05rem;letter-spacing:.02em}.debates-table tr:hover{background-color:#ffcb050d}.debates-table button.button{display:flex;align-items:center;gap:4px;background-color:#24a3ed;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s;visibility:visible;opacity:1}.debates-table button.open-button{background-color:#24a3ed;font-weight:500;padding:10px;min-width:44px;min-height:44px;border-radius:8px;box-shadow:0 2px 4px #24a3ed40;display:flex;align-items:center;justify-content:center}.debates-table button.open-button:hover{background-color:#1c82bd;transform:translateY(-2px);box-shadow:0 4px 8px #24a3ed4d}.debates-table button.button:hover{background-color:#1c82bd;transform:translateY(-1px);box-shadow:0 2px 4px #24a3ed40}.debates-table button.delete-button{background-color:#e90d0d!important;padding:10px!important;min-width:44px!important;min-height:44px!important;border-radius:8px!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;box-shadow:0 2px 4px #e90d0d40!important;opacity:0!important;visibility:hidden!important;transition:opacity .2s,visibility .2s,transform .2s,box-shadow .2s!important}.debates-table tr:hover button.delete-button{opacity:1!important;visibility:visible!important}.debates-table button.delete-button:hover{background-color:#c50b0b!important;transform:translateY(-2px)!important;box-shadow:0 4px 8px #e90d0d4d!important}.filter-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#1a3c6e;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.filter-button:hover{background-color:#152d54}.enterprise-actions{margin-bottom:1.5rem}.settings-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#24a3ed;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.settings-button:hover{background-color:#1c82bd}.safety-content{margin-top:104px;padding:2rem}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}h1{margin-bottom:1rem;font-size:2.25rem;line-height:2.5rem;font-weight:700}h2{margin-bottom:.75rem;font-size:1.875rem;line-height:2.25rem;font-weight:700}h3{margin-bottom:.5rem;font-size:1.5rem;line-height:2rem;font-weight:700}h4{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700}h5{margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}h6{margin-bottom:.25rem;font-size:1rem;line-height:1.5rem;font-weight:700}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.me-1{margin-inline-end:.25rem}.me-2{margin-inline-end:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.py-4{padding-top:1rem;padding-bottom:1rem}.text-center{text-align:center}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:solid}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#2fa1ea;padding:2rem}.login-logo{margin-bottom:1.5rem}.login-logo img{height:250px;width:auto}.login-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px;background-color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a}.login-button{padding:1.2rem 2rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .2s;color:#fff}.teacher-login{background-color:#24a3ed}.teacher-login:hover{background-color:#1c82bd;transform:translateY(-1px);box-shadow:0 2px 4px #24a3ed40}.student-login{background-color:#ffcb05;color:#1c3b57}.student-login:hover{background-color:#e6b700;transform:translateY(-1px);box-shadow:0 2px 4px #ffcb0540}.join-class-login{background-color:#4caf50;color:#fff}.join-class-login:hover{background-color:#3e8e41;transform:translateY(-1px);box-shadow:0 2px 4px #4caf5040}.enterprise-login{background-color:#3146a1}.enterprise-login:hover{background-color:#283a87;transform:translateY(-1px);box-shadow:0 2px 4px #3146a140}.login-form-container{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px}.login-form-container h2{text-align:center;margin-bottom:1.5rem;color:#1c3b57}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.login-error{color:#dc3545;font-size:.9rem;text-align:center;padding:.5rem;background-color:#dc35451a;border-radius:4px}.login-actions{display:flex;justify-content:space-between;margin-top:1rem}.back-button{padding:.8rem 1.5rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.back-button:hover{background-color:#5a6268}.student-login-submit{padding:2rem!important;background-color:#ffcb05;color:#1c3b57;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;height:2rem;margin-top:1rem;font-size:1rem;line-height:0}.student-login-submit:hover{background-color:#e6b700;transform:translateY(-1px)}.student-login-submit:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none}.register-section{margin-top:1rem;text-align:center;border-top:1px solid #eee;padding-top:1rem}.register-section p{margin-bottom:1rem;color:#555;font-size:.9rem}.register-button{padding:.8rem 2rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;width:100%}.register-button:hover{background-color:#3e8e41;transform:translateY(-1px);box-shadow:0 2px 4px #4caf5040}.teacher-login-submit{padding:2rem!important;background-color:#24a3ed;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s;line-height:0;height:2rem;margin-top:1rem}.teacher-login-submit:hover{background-color:#1c82bd;transform:translateY(-1px)}.teacher-login-submit:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none}.enterprise-register{background-color:#3146a1;color:#fff}.enterprise-register:hover{background-color:#283a87;box-shadow:0 2px 4px #3146a140}.enterprise-login-submit{padding:.8rem 2rem;background-color:#3146a1;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.enterprise-login-submit:hover{background-color:#283a87;transform:translateY(-1px)}.enterprise-login-submit:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none}.enterprise-register-submit{background-color:#3146a1;color:#fff}.enterprise-register-submit:hover{background-color:#283a87}.back-to-login-button:hover{background-color:#5a6268}.verification-success{background-color:#28a7451a;color:#155724;border:1px solid rgba(40,167,69,.2);border-radius:8px;padding:15px;margin-bottom:20px;text-align:center;max-width:400px;animation:fadeIn .5s ease-in}.verification-success h3{margin-top:0;color:#28a745}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.join-class-info{margin-bottom:1.5rem;color:#555;text-align:center;font-size:.95rem;line-height:1.5}.class-code-input{font-size:1.2rem;letter-spacing:1px;text-align:center;font-weight:500}.join-class-button{padding:.8rem 2rem;background-color:#24a3ed;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.join-class-button:hover{background-color:#1c86c5;transform:translateY(-1px)}.join-class-button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none}.skip-button{padding:.8rem 1.5rem;background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.skip-button:hover{background-color:#e9ecef}.join-success-message{background-color:#d4edda;color:#155724;padding:1.5rem;border-radius:4px;text-align:center;margin:1rem 0}.join-success-message h3{margin-top:0;margin-bottom:.5rem}.join-success-message p{margin:0}.verification-success{background-color:#d4edda;color:#155724;padding:1rem;border-radius:4px;text-align:center;margin-bottom:1.5rem}.verification-success h3{margin-top:0;margin-bottom:.5rem}.verification-success p{margin:0}.join-class-container{max-width:500px}.registration-form{display:flex;flex-direction:column;gap:1rem}.form-actions{display:flex;justify-content:space-between;margin-top:1rem}.register-student-button{padding:2rem!important;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;height:2rem;margin-top:1rem;font-size:1rem;line-height:0}.register-student-button:hover{background-color:#3e8e41;transform:translateY(-1px)}.register-student-button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none}.registration-success-message{background-color:#d4edda;color:#155724;padding:1.5rem;border-radius:4px;text-align:center;margin:1rem 0}.registration-success-message h3{margin-top:0;margin-bottom:.5rem}.registration-error{color:#dc3545;font-size:.9rem;text-align:center;padding:.5rem;background-color:#dc35451a;border-radius:4px;margin-bottom:1rem}.login-redirect,.join-class-redirect{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#666}.text-button{background:none;border:none;color:#24a3ed;font-weight:500;cursor:pointer;padding:0;text-decoration:underline}.text-button:hover{color:#1c86c5}.forgot-password-link-container{text-align:right;margin-top:.5rem}.forgot-password-link{font-size:.85rem;color:#007bff;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.forgot-password-info{margin-bottom:1.5rem;color:#555;text-align:center;font-size:.95rem;line-height:1.5}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-message{color:#28a745;font-size:.9rem;text-align:center;padding:.75rem;background-color:#28a7451a;border-radius:4px;border:1px solid rgba(40,167,69,.2)}.forgot-password-error{color:#dc3545;font-size:.9rem;text-align:center;padding:.75rem;background-color:#dc35451a;border-radius:4px;border:1px solid rgba(220,53,69,.2)}.submit-forgot-password-button{padding:.8rem 1.5rem;background-color:#24a3ed;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.submit-forgot-password-button:hover{background-color:#1c82bd;transform:translateY(-1px)}.submit-forgot-password-button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none}.reset-password-info{margin-bottom:1.5rem;color:#555;text-align:center;font-size:.95rem;line-height:1.5}.reset-password-form{display:flex;flex-direction:column;gap:1.5rem}.reset-password-message{color:#28a745;font-size:.9rem;text-align:center;padding:.75rem;background-color:#28a7451a;border-radius:4px;border:1px solid rgba(40,167,69,.2)}.reset-password-error{color:#dc3545;font-size:.9rem;text-align:center;padding:.75rem;background-color:#dc35451a;border-radius:4px;border:1px solid rgba(220,53,69,.2)}.submit-reset-password-button{padding:.8rem 1.5rem;background-color:#ffcb05;color:#1c3b57;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;margin:0 auto;display:block}.submit-reset-password-button:hover{background-color:#e6b700;transform:translateY(-1px)}.submit-reset-password-button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none}.browser-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px;max-width:500px;margin-left:auto;margin-right:auto}.browser-warning-icon{font-size:24px;flex-shrink:0}.browser-warning-content{flex:1}.browser-warning-content strong{display:block;margin-bottom:4px;color:#856404}.browser-warning-content p{margin:0;color:#856404;font-size:14px;line-height:1.4}.storage-warning{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px;max-width:500px;margin-left:auto;margin-right:auto}.storage-warning-icon{font-size:24px;flex-shrink:0}.storage-warning-content{flex:1}.storage-warning-content strong{display:block;margin-bottom:4px;color:#721c24}.storage-warning-content p{margin:0 0 8px;color:#721c24;font-size:14px}.storage-warning-content details{margin-top:8px;font-size:12px}.storage-warning-content summary{cursor:pointer;color:#721c24;font-weight:600;margin-bottom:4px}.storage-warning-content ul{margin:4px 0 0 20px;padding:0;list-style-type:none}.storage-warning-content li{margin:2px 0;color:#721c24}.acknowledgements-screen{padding:20px;font-family:sans-serif;max-width:800px;margin:0 auto;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a}.acknowledgements-header{display:flex;align-items:center;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px}.acknowledgements-header h1{font-size:1.8em;color:#333;margin:0 0 0 20px}.back-button-ack{background-color:#6c757d;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:.9em;transition:background-color .2s ease}.back-button-ack:hover{background-color:#5a6268}.acknowledgements-content h2{font-size:1.3em;color:#444;margin-top:30px;margin-bottom:10px;border-bottom:1px solid #eaeaea;padding-bottom:5px}.acknowledgements-content p{line-height:1.6;color:#555;margin-bottom:15px}.acknowledgements-content pre{background-color:#fff;border:1px solid #ddd;padding:15px;border-radius:5px;overflow-x:auto;white-space:pre-wrap;word-break:break-all;font-size:.85em;color:#333}.acknowledgements-footer{margin-top:30px;padding-top:15px;border-top:1px solid #eee;text-align:center;font-size:.9em;color:#777}.register-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#2fa1ea;padding:2rem;font-family:Roboto,Poppins,sans-serif}.register-logo{margin-bottom:1rem}.register-logo img{height:150px;width:auto}.register-form-container{background-color:#2fa1ea;padding:2rem;border-radius:12px;width:100%;max-width:1200px;color:#fff}.register-form-container h1{text-align:center;margin-bottom:.9rem;color:#fff;font-size:1.8rem}.register-form{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;margin:0 auto}.form-group label{font-weight:500;color:#666}.register-screen .form-group>label{color:#fff!important;font-family:Roboto,Poppins,sans-serif;font-size:1.5rem}.form-group input,.form-group select{padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;color:#000}.form-group select.restricted-country{border-color:#dc3545;background-color:#fff5f5}.country-restriction-notice{color:#dc3545;font-size:.9rem;margin-top:.5rem;padding:.75rem;background-color:#dc35451a;border-radius:4px;border:1px solid rgba(220,53,69,.2)}.register-error{color:#dc3545;font-size:.9rem;text-align:center;padding:.5rem;background-color:#fff;border-radius:4px}.register-success{text-align:center;padding:1.5rem;background-color:#fff;border-radius:8px;margin-bottom:1.5rem;color:#000}.register-success h3{margin-bottom:1rem}.register-actions{display:flex;justify-content:space-between}.register-submit-button{padding:2rem;background-color:#4b0080;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:1rem;font-weight:500;transition:all .2s;line-height:0}.register-submit-button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none}.login-now-button{padding:.8rem 2rem;background-color:#24a3ed;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;margin-top:1rem}.login-now-button:hover{background-color:#1c82bd;transform:translateY(-1px)}.terms-section{margin-top:20px;margin-bottom:20px;background-color:#fff;padding:15px;color:#333}.terms-scroll-box{height:250px;overflow-y:scroll;border:1px solid #e0e0e0;padding:15px;margin-bottom:15px;background-color:#fff;border-radius:4px}.terms-scroll-box p{margin-bottom:1em;line-height:1.5;font-size:14px;color:#333}.terms-acceptance{margin-top:10px}.scroll-notice{color:#e90d0d;font-size:16px;margin-top:5px}.checkbox-container{display:flex;align-items:center;margin-bottom:10px;cursor:pointer}.checkbox-container input[type=checkbox]{margin-right:10px;cursor:pointer}.checkbox-container input[type=checkbox]:disabled+.checkbox-text{color:#999;cursor:not-allowed}.checkbox-container input[type=checkbox]:disabled{cursor:not-allowed}.checkbox-text{font-size:14px;color:#fff}.teacher-confirmations{margin-top:20px;padding:15px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:5px}.teacher-confirmations h4{margin-top:0;margin-bottom:15px;color:#333}.ai-training-consent-section{background-color:#fff;color:#333;margin-top:20px;padding:15px}.register-submit-button:hover:not(:disabled){background-color:#6000a5}.register-submit-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.policy-acceptance{margin-top:10px}.pricing-section{margin-bottom:2rem;width:100%}.pricing-section h2{text-align:center;font-size:1.8rem;margin-bottom:1rem;font-weight:600}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;align-items:center}.pricing-card{border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.pricing-card.selected{border-color:#fff;box-shadow:0 8px 20px #24a3ed4d}.pricing-header{padding:1rem .5rem .8rem;text-align:center;position:relative;flex-shrink:0}.pricing-header h3{margin:0;font-size:.95rem;font-weight:600;line-height:1.2}.pricing-body{padding:1rem .8rem;flex-grow:1;display:flex;flex-direction:column}.pricing-price{text-align:center;margin-bottom:1.5rem;flex-shrink:0}.price-main{font-size:1.3rem;font-weight:700;margin-bottom:.25rem}.price-trial{font-size:.9rem;margin-bottom:.25rem}.price-subtitle,.price-duration{font-size:.85rem;color:#888;font-style:italic}.pricing-features{list-style:none;padding:0;margin:0;flex-grow:1}.pricing-features li{font-size:1rem;line-height:1.3;position:relative;padding:.3rem 0 .3rem 1rem}.pricing-features li:before{content:"•";font-weight:700;position:absolute;left:0}.pricing-footer{padding:0 .8rem 1rem;text-align:center;flex-shrink:0}.pricing-select-btn{width:100%;padding:.8rem 1rem;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;background-color:#4b0080;color:#fff}.pricing-select-btn:hover{background-color:#c2185b;transform:translateY(-1px)}.pricing-select-btn.selected{background-color:#24a3ed;color:#fff}.pricing-select-btn.selected:hover{background-color:#1c82bd}@media (max-width: 1200px){.pricing-cards{grid-template-columns:repeat(3,1fr);gap:.8rem}.pricing-header h3{font-size:.85rem}.pricing-features li{font-size:.8rem}}@media (max-width: 1024px){.pricing-cards{grid-template-columns:repeat(3,1fr);gap:.6rem}.pricing-header{padding:.8rem .4rem .6rem}.pricing-header h3{font-size:.8rem}.pricing-body{padding:.8rem .6rem}.pricing-features li{font-size:.75rem;padding:.2rem 0}.price-main{font-size:1.1rem}}@media (max-width: 768px){.pricing-cards{grid-template-columns:repeat(1,1fr);gap:.8rem}.pricing-card{min-height:450px}.register-form-container{max-width:95%;padding:1.5rem}.pricing-section h2{font-size:1.5rem}.pricing-features li{font-size:.9rem}}@media (max-width: 480px){.pricing-cards{grid-template-columns:repeat(1,1fr);gap:.6rem}.pricing-card{min-height:400px}.pricing-features li{font-size:.9rem}}.trial-section{margin-bottom:2rem;width:100%}.trial-section h2{text-align:center;color:#1c3b57;font-size:1.8rem;margin-bottom:2rem;font-weight:600}.trial-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;border:3px solid white;position:relative;display:flex;flex-direction:column;max-width:600px;margin:0 auto;box-shadow:0 8px 20px #28a7454d;transform:translateY(-2px)}.trial-header{padding:1.5rem 1rem;color:#fff;text-align:center;position:relative;flex-shrink:0}.trial-header h3{margin:0;font-size:1.4rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.trial-body{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.trial-price{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.trial-price .price-main{font-size:2.2rem;font-weight:700;color:#4b0080;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.trial-price .price-trial{font-size:1rem;color:#4b0080;font-weight:600;margin-bottom:.3rem}.trial-price .price-duration{font-size:.95rem;color:#666;margin-bottom:.3rem}.trial-price .price-monthly-equivalent{font-size:.85rem;color:#888;font-style:italic}.trial-features{list-style:none;padding:0;margin:0;flex-grow:1}.trial-features li{font-size:.9rem;color:#4b0080;position:relative;padding:.6rem 0 .6rem 1.5rem}.trial-features li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700;font-size:1rem}.trial-features li:last-child{border-bottom:none}.trial-footer{padding:1.5rem;background-color:#f8f9fa;text-align:center;flex-shrink:0}.trial-selected-btn{background-color:#28a745;color:#fff;border:none;padding:.8rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:default;width:100%;box-shadow:0 2px 4px #28a7454d}.trial-selected-btn:before{content:"✓ ";margin-right:.5rem}.disclaimer-section{margin-bottom:2rem;width:100%}.disclaimer-toggle{width:100%;padding:1rem;background-color:#fff;border:1px solid #2FA1EA;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:#856404;transition:all .2s ease}.disclaimer-toggle:hover{background-color:#aedeff;border-color:#fff}.disclaimer-arrow{transition:transform .3s ease;font-size:.8rem}.disclaimer-arrow.open{transform:rotate(180deg)}.disclaimer-content{background-color:#fff;border:1px solid #2FA1EA;border-top:none;border-radius:0 0 8px 8px;padding:1.5rem;color:#333;line-height:1.6}.disclaimer-content h4{margin:0 0 1rem;color:#856404;font-size:1.1rem;font-weight:600}.disclaimer-content p{margin:0 0 1rem}.disclaimer-content ul{margin:0 0 1rem;padding-left:1.5rem}.disclaimer-content li{margin-bottom:.5rem;line-height:1.5}.disclaimer-link{color:#24a3ed;text-decoration:none;font-weight:500}.disclaimer-link:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content h2{margin-top:0;margin-bottom:1.5rem;color:#1c3b57;text-align:center}.modal-close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:2rem;font-weight:700;color:#666;cursor:pointer;line-height:1;padding:0}.modal-scrollable-content{overflow-y:auto;margin-top:1rem}.retention-table-modal tbody tr:nth-child(2n){background-color:#f2f2f2}.price-monthly-equivalent{font-size:.9rem;color:#666;font-style:italic;margin-top:.25rem}.disclaimer-content h4{color:#1c3b57;margin-bottom:1rem;margin-top:1.5rem}.disclaimer-content h4:first-child{margin-top:0}.disclaimer-content p{margin-bottom:1rem;line-height:1.5}.disclaimer-content ul{margin-bottom:1rem;padding-left:1.5rem}.disclaimer-content li{margin-bottom:.5rem;line-height:1.4}.alpha-trial-consent-section{margin-top:20px;padding:15px;background-color:#e8f5e9;border:1px solid #4caf50;border-radius:8px}.alpha-trial-consent-section h4{color:#2e7d32;margin-bottom:10px}.beta-perks-section{margin:30px 0;padding:25px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;border:2px solid #28a745;box-shadow:0 4px 6px #0000001a}.beta-perks-section h3{text-align:center;color:#1f2937;font-size:24px;margin-bottom:25px;font-weight:600}.perks-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:25px}.perk-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 4px #00000014;display:flex;gap:15px;transition:transform .2s ease,box-shadow .2s ease}.perk-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.perk-icon{font-size:40px;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#e8f5e9;border-radius:12px}.perk-content{flex:1}.perk-content h4{color:#1f2937;margin:0 0 10px;font-size:18px;font-weight:600}.perk-content p{color:#4b5563;margin:0 0 10px;line-height:1.5}.perk-content ul{margin:10px 0;padding-left:20px;list-style-type:none}.perk-content ul li{color:#4b5563;margin:5px 0;padding-left:20px;position:relative;line-height:1.5}.perk-content ul li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700}.perk-highlight{color:#28a745!important;font-weight:600;margin-top:10px!important}.perks-cta{text-align:center;padding-top:20px;border-top:1px solid #e5e7eb}.perks-cta p{color:#4b5563;margin-bottom:15px;font-size:16px;line-height:1.5}.perks-contact-button{display:inline-block;padding:12px 30px;background-color:#28a745!important;color:#fff!important;text-decoration:none!important;border-radius:8px;font-weight:600;font-size:16px;transition:all .2s ease;box-shadow:0 2px 4px #28a7454d;border:2px solid #28a745;cursor:pointer;text-align:center;line-height:1.4}.perks-contact-button:hover{background-color:#218838;border-color:#218838;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 8px #28a74566;text-decoration:none!important}.beta-perks-section a:not(.perks-contact-button){color:#28a745;text-decoration:none;font-weight:500;transition:color .2s ease}.beta-perks-section a:not(.perks-contact-button):hover{color:#218838;text-decoration:underline}@media (max-width: 768px){.perks-container{grid-template-columns:1fr}.perk-card{flex-direction:column;text-align:center}.perk-icon{margin:0 auto 15px}.beta-perks-section{padding:20px 15px}}.country-restriction-notice{color:#dc3545;font-size:14px;margin-top:10px;padding:10px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.hero{text-align:center;margin:.5rem 0 .75rem;color:#1c3b57}.hero h1{font-size:2rem;margin:0 0 .5rem;color:#1c3b57}.subhead{color:#1c3b57;margin:0 0 .5rem}.trust-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;color:#ffffffe6;font-size:.95rem;font-weight:500}.stepper{list-style:none;display:flex;gap:.75rem;justify-content:center;padding:0;margin:.25rem 0 .5rem;color:#d3d3d3}.stepper li{padding:.25rem .6rem;border-radius:9999px;background:#2fa1ea26;font-size:.9rem}.stepper li.current{background:#2fa1ea47;font-weight:700}.stepper li.done{background:#28a74547}.payment-info{width:100%;max-width:1200px;margin:0 auto}.free-trial-highlight{background:linear-gradient(135deg,#24a3ed,#1c82bd);color:#fff;padding:.75rem 1rem;border-radius:12px;margin:.75rem auto 1rem;display:flex;gap:.75rem;align-items:center;justify-content:center;max-width:600px}.payment-button{padding:1rem 2rem;background:linear-gradient(135deg,#24a3ed,#1c82bd);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;box-shadow:0 4px 12px #24a3ed4d;display:block;margin:2rem auto;max-width:400px}.payment-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.payment-terms{background:#fff8dc;border:1px solid #FFD633;padding:1.5rem;border-radius:12px;margin:2rem auto;max-width:600px;text-align:center}.terms-detail{color:#6c757d;font-size:.9rem}.modal-overlay{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fefefe;margin:auto;padding:30px;border:1px solid #888;width:80%;max-width:500px;border-radius:8px;position:relative;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;animation-name:animatetop;animation-duration:.4s}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.modal-close-button{color:#aaa;position:absolute;top:10px;right:15px;font-size:28px;font-weight:700;background:none;border:none;cursor:pointer}.modal-close-button:hover,.modal-close-button:focus{color:#000;text-decoration:none;cursor:pointer}.modal-content h2{margin-top:0;color:#333;border-bottom:1px solid #eee;padding-bottom:15px}.modal-content p{color:#555;line-height:1.6}.modal-actions{margin-top:20px;padding-top:15px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.modal-actions .button{padding:10px 20px;border-radius:5px;border:none;cursor:pointer;font-weight:700}.modal-actions .button.secondary{background-color:#ccc;color:#333}.modal-actions .button.secondary:hover{background-color:#bbb}.home-header{padding:0;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:1000;height:70px;background-color:#fff}.logo{display:flex;align-items:center;height:100%;padding:0}.logo img{height:100%!important;width:auto!important;padding:0!important;margin:0!important;max-height:70px!important}.main-nav{display:flex;gap:1.75rem;margin:0 2rem;height:100%;align-items:center;text-align:center}.main-nav a{text-decoration:none;color:#1c3b57;font-weight:500;padding:.35rem .85rem;border-radius:4px;transition:all .2s;font-size:1rem}.main-nav a:hover{background-color:#1c3b571a;color:#1c3b57}.main-nav a.active{color:#24a3ed;background-color:#24a3ed26;font-weight:600}.account-controls{display:flex;align-items:center;gap:.85rem;height:100%;padding-right:10px}.account-type{font-weight:600;color:#1c3b57;font-size:1rem}.logout-button,.switch-account-button{display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;color:#fff;font-size:.95rem}.logout-button{background-color:#e90d0d}.switch-account-button{background-color:#1c3b57}.switch-account-button:hover{background-color:#152d43}.home-header.enterprise-header{background-color:#3146a1;padding:0;height:70px}.enterprise-nav a.coming-soon{opacity:.8;cursor:default}.enterprise-nav a.coming-soon:hover{background-color:transparent}.enterprise-header .account-controls{padding-right:1rem}.enterprise-header .account-type{color:#fff;background-color:#24a3ed;padding:.5rem 1rem;border-radius:4px;margin-right:.5rem;cursor:pointer;transition:background-color .2s}.enterprise-header .account-type:hover{background-color:#1c82bd}.enterprise-header .logout-button{background-color:#e90d0d;padding:.5rem 1rem;border-radius:4px}.coming-soon-tag{background-color:#ffcb05;color:#1c3b57;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600;margin-left:6px;white-space:nowrap}.beta-tag{background-color:#24a3ed;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600;margin-left:6px;white-space:nowrap}.enterprise-nav .coming-soon-tag{background-color:#fff3;color:#fff}.home-header.student-header{background-color:#ffcb05}.student-header .main-nav a{color:#1c3b57}.student-header .account-type{color:#fff;background-color:#3146a1;padding:4px 10px;border-radius:4px}.home-header[class*=teacher],.home-header.teacher-header,.home-header.teacher_two_students-header,.home-header.teacher_ten_students-header,.home-header.teacher_twenty_students-header,.home-header.teacher_thirty_students-header,.home-header.teacher_forty_students-header{background-color:#24a3ed!important}[class*=teacher][class*=-header] .logo{display:flex;align-items:center;height:100%;padding:0;margin:0}[class*=teacher][class*=-header] .logo img{height:100%!important;max-height:70px!important;width:auto!important;padding:0!important;margin:0!important;-o-object-fit:contain!important;object-fit:contain!important}[class*=teacher][class*=-header] .main-nav a{color:#fff}[class*=teacher][class*=-header] .main-nav a:hover{background-color:#ffffff1a}[class*=teacher][class*=-header] .main-nav a.active{color:#fff;background-color:#fff3}[class*=teacher][class*=-header] .account-type{color:#fff;background-color:#3146a1;padding:4px 10px;border-radius:4px}[class*=teacher][class*=-header] .account-type.clickable{cursor:pointer;text-decoration:underline;text-decoration-style:dotted}[class*=teacher][class*=-header] .account-type.clickable:hover{opacity:.9}.home-header.parent-header{background-color:#24a3ed}.parent-header .main-nav a{color:#fff}.parent-header .main-nav a:hover{background-color:#ffffff1a}.parent-header .main-nav a.active{color:#fff;background-color:#fff3}.parent-header .account-type{color:#fff;background-color:#3146a1;padding:4px 10px;border-radius:4px}.parent-header .logo{display:flex;align-items:center;height:100%;padding:0}.parent-header .logo img{height:100%!important;max-height:70px!important;width:auto!important;padding:0!important;margin:0!important;-o-object-fit:contain!important;object-fit:contain!important}.home-header.tertiary_student-header{background-color:#24a3ed!important}.tertiary_student-header .main-nav a{color:#fff}.tertiary_student-header .main-nav a:hover{background-color:#ffffff1a}.tertiary_student-header .main-nav a.active{color:#fff;background-color:#fff3}.tertiary_student-header .account-type{color:#fff;background-color:#3146a1;padding:4px 10px;border-radius:4px}.tertiary_student-header .account-type.clickable{cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.tertiary_student-header .account-type.clickable:hover{opacity:.9}.safety-settings{min-height:100vh;background-color:#f0f0f0}.safety-content{margin-top:80px;padding:2rem}.info-banner{margin-bottom:2rem;display:flex;justify-content:center}.info-button-container{position:relative;display:inline-block}.info-button-container .coming-soon-tag{position:absolute;top:-10px;right:-10px;z-index:1}.info-button{background-color:#24a3ed;color:#fff;border:none;padding:1rem 2rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.info-button:hover{background-color:#1c3b57}.settings-section{background-color:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;border-left:4px solid #FFCB05}.settings-section h2{margin-bottom:1.5rem;color:#1c3b57}.toggle-section{display:flex;flex-direction:column;gap:1.5rem}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #24A3ED}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#24a3ed}input:checked+.slider:before{transform:translate(26px)}.chat-context-indicator{padding:8px;background:#f5f5f5;border-radius:4px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;border-left:3px solid #24A3ED}.active-child{font-weight:500;color:#1c3b57}.reset-conversation{padding:4px 8px;background:#e2e8f0;border-radius:4px;border:none;cursor:pointer}.reset-conversation:hover{background:#ffcb05;color:#1c3b57}.chat-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.chat-popup-content{background-color:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;padding:20px;position:relative;border-top:4px solid #FFCB05}.chat-popup-close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;padding:8px;color:#e90d0d}.chat-popup-messages{height:50vh;overflow-y:auto;margin-bottom:10px;display:flex;flex-direction:column}.beta-notice-banner{margin-bottom:1.5rem;display:flex;justify-content:flex-start}.beta-notice-button{background-color:#24a3ed;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s;display:flex;align-items:center}.beta-notice-button:hover{background-color:#1c3b57}.beta-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.beta-popup-content{background-color:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;border-top:4px solid #24A3ED}.beta-popup-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#e90d0d}.beta-popup-message{margin-top:1rem;line-height:1.6}.beta-popup-message p{margin-bottom:1rem}.beta-popup-message a{color:#24a3ed;text-decoration:none}.beta-popup-message a:hover{text-decoration:underline}.account-settings{min-height:100vh;background-color:#f0f7ff}.settings-content{max-width:800px;margin:90px auto 0;padding:20px}.settings-content h1{color:#1a3c6e;margin-bottom:2rem;font-size:2rem}.settings-section{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;text-align:center}.settings-section h2{color:#1a3c6e;margin-bottom:1rem;font-size:1.5rem}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#495057;font-weight:500}.form-group input{padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#24a3ed;box-shadow:0 0 0 2px #24a3ed40}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:.75rem;margin-top:1rem}.success-message{color:#28a745;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;padding:.75rem;margin-top:1rem}.save-button{background-color:#24a3ed;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:1rem}.save-button:hover{background-color:#1c82bd}.save-button:disabled{background-color:#6c757d;cursor:not-allowed}.ai-training-consent-settings{border-top:1px solid #e9ecef;padding-top:1.5rem;margin-top:1.5rem}.ai-training-consent-settings h4{color:#1a3c6e;margin-bottom:1rem;font-size:1.1rem}.checkbox-container{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.checkbox-container:hover{background-color:#f8f9fa}.checkbox-container input[type=checkbox]{margin:0;cursor:pointer;transform:scale(1.2)}.checkbox-container input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.checkbox-container input[type=checkbox]:disabled+.checkbox-text{color:#6c757d;cursor:not-allowed}.checkbox-text{color:#495057;line-height:1.5;font-size:.95rem}.modal-error{margin-top:.5rem;margin-bottom:0}.modal-password-group{margin:1rem 0}.modal-password-group label{margin-bottom:.5rem;display:block;font-weight:500;color:#495057}.modal-password-group input{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .2s}.modal-password-group input:focus{outline:none;border-color:#24a3ed;box-shadow:0 0 0 2px #24a3ed40}.modal-textarea-group{margin:1rem 0}.modal-textarea-group label{margin-bottom:.5rem;display:block;font-weight:500;color:#495057}.modal-textarea-group textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s}.modal-textarea-group textarea:focus{outline:none;border-color:#24a3ed;box-shadow:0 0 0 2px #24a3ed40}.modal-textarea-group textarea::-moz-placeholder{color:#6c757d;font-style:italic}.modal-textarea-group textarea::placeholder{color:#6c757d;font-style:italic}.character-count{display:block;margin-top:.25rem;font-size:.875rem;color:#6c757d;text-align:right}.character-count.valid{color:#28a745}.character-count.invalid{color:#dc3545}.legal-options-section{margin-top:2rem}.legal-options-buttons{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.settings-button{background-color:#6c757d;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.settings-button:hover{background-color:#5a6268}.settings-button.primary{background-color:#24a3ed}.settings-button.primary:hover{background-color:#1c82bd}.settings-button.secondary{background-color:#6c757d;border:2px solid #6c757d}.settings-button.secondary:hover{background-color:#5a6268;border-color:#5a6268}.settings-button:disabled{opacity:.6;cursor:not-allowed}.legal-options-note{color:#6c757d;font-size:.9rem;font-style:italic;margin:0}.legal-form-section{margin-top:2rem}.settings-back-button{background-color:#24a3ed;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:2rem}.settings-back-button:hover{background-color:#1c82bd}.modal-actions .button.primary{background-color:#24a3ed;color:#fff}.modal-actions .button.primary:hover{background-color:#1c82bd}.modal-actions .button.primary:disabled{background-color:#6c757d;cursor:not-allowed}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{flex-grow:1;padding-right:35px}.password-toggle-icon{position:absolute;right:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1.2rem;color:#555}.password-toggle-icon:hover{color:#000}.policy-section{margin-top:20px;margin-bottom:20px}.policy-section h3{color:#1a3c6e;margin-bottom:1rem;font-size:1.2rem}.policy-scroll-box{height:200px;overflow-y:scroll;border:1px solid #e0e0e0;padding:15px;margin-bottom:15px;background-color:#fff;border-radius:4px}.policy-scroll-box p{margin-bottom:1em;line-height:1.5;font-size:14px;color:#333}.view-retention-table-button{display:inline-block;margin-bottom:1rem;padding:.5rem 1rem;background-color:#e9ecef;color:#343a40;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-weight:500;font-size:.9rem;transition:background-color .2s,border-color .2s}.view-retention-table-button:hover{background-color:#dee2e6;border-color:#adb5bd}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;padding:2rem 3rem;border-radius:8px;box-shadow:0 5px 15px #0003;position:relative;max-width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-content h2{margin-top:0;margin-bottom:1.5rem;color:#1c3b57;text-align:center;flex-shrink:0}.modal-close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:2rem;font-weight:700;color:#666;cursor:pointer;line-height:1;padding:0;flex-shrink:0}.modal-close-button:hover{color:#333}.plan-selection-banner{background-color:#fff3cd;border:1px solid #ffeaa7;padding:2rem;border-radius:8px;margin-bottom:2rem}.plan-options{display:flex;gap:1rem;margin:1.5rem 0;justify-content:center;flex-wrap:wrap}.plan-option{border:2px solid #e0e0e0;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s;min-width:150px}.plan-option:hover{border-color:#24a3ed;background-color:#f8f9fa}.plan-option.selected{border-color:#24a3ed;background-color:#e8f4fd}.plan-option input[type=radio]{display:none}.plan-option-body{display:block;text-align:center}.plan-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.plan-actions p{width:100%;text-align:center;margin:0}.modal-scrollable-content{overflow-y:auto;margin-top:1rem;flex:1}.modal-body{flex:1;overflow-y:auto;margin-bottom:1rem;padding-right:10px}.modal-actions{flex-shrink:0;margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end}.modal-actions .button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.retention-table-modal{width:80%;max-width:800px}.retention-table-modal table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.9rem}.retention-table-modal th,.retention-table-modal td{border:1px solid #ddd;padding:10px 12px;text-align:left;vertical-align:top}.retention-table-modal th{background-color:#f8f9fa;font-weight:600;color:#333}.retention-table-modal tbody tr:nth-child(2n){background-color:#f9f9f9}.subscription-management-section{margin-top:2rem}.subscription-info{background-color:#f8f9fa;padding:1rem;border-radius:4px;margin-bottom:1rem}.subscription-info p{margin:0 0 .5rem}.subscription-info p:last-child{margin-bottom:0}.subscription-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:1rem;border-radius:4px;margin:1rem 0}.subscription-notice{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460;padding:1rem;border-radius:4px;margin:1rem 0}.cancel-subscription-button{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-subscription-button:hover{background-color:#c82333}.modal-actions .button.danger{background-color:#dc3545;color:#fff}.modal-actions .button.danger:hover{background-color:#c82333}.modal-actions .button.danger:disabled{background-color:#6c757d;cursor:not-allowed}.modal-actions .button.secondary{background-color:#6c757d;color:#fff}.modal-actions .button.secondary:hover{background-color:#5a6268}.modal-actions .button.secondary:disabled{background-color:#adb5bd;cursor:not-allowed}.data-download-section{margin-top:2rem;border-left:4px solid #24A3ED;padding-left:2rem}.data-download-section h2{color:#1a3c6e;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.data-download-section h2:before{content:"📊";font-size:1.2em}.data-download-section>p{color:#6c757d;margin-bottom:1.5rem;line-height:1.6}.data-download-info{background-color:#e7f3ff;border:1px solid #b6d7ff;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.data-download-info h4{color:#1a3c6e;margin-bottom:1rem;font-size:1.1rem}.data-download-info ul{margin:0;padding-left:1.5rem;color:#495057}.data-download-info li{margin-bottom:.5rem;line-height:1.5}.data-download-notes{background-color:#fff8e1;border:1px solid #ffecb3;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.data-download-notes p{margin:0 0 .75rem;color:#856404;font-weight:600}.data-download-notes ul{margin:0;padding-left:1.5rem;color:#856404}.data-download-notes li{margin-bottom:.5rem;line-height:1.5}.data-download-button{background-color:#24a3ed;color:#fff;border:none;border-radius:6px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.data-download-button:before{content:"⬇️";font-size:1.1em}.data-download-button:hover{background-color:#1c82bd;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.data-download-button:active{transform:translateY(0)}.export-summary{background-color:#f8f9fa;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.export-summary h4{color:#1a3c6e;margin-bottom:1rem;font-size:1.1rem}.export-summary ul{margin:0;padding-left:1.5rem;color:#495057}.export-summary li{margin-bottom:.5rem;line-height:1.5}.export-summary strong{color:#1a3c6e}.export-format-info{margin-bottom:1.5rem}.export-format-info h4{color:#1a3c6e;margin-bottom:1rem;font-size:1.1rem}.format-info{background-color:#e7f3ff;border:1px solid #b6d7ff;border-radius:6px;padding:1rem}.format-info strong{color:#1a3c6e;font-size:1.1rem;display:block;margin-bottom:.5rem}.format-info p{margin:0;color:#495057;line-height:1.5;font-size:.95rem}.export-notes{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:1.5rem;margin-bottom:1rem}.export-notes h4{color:#856404;margin-bottom:1rem;font-size:1.1rem}.export-notes ul{margin:0;padding-left:1.5rem;color:#856404}.export-notes li{margin-bottom:.5rem;line-height:1.5}@media (max-width: 768px){.data-download-section{padding-left:1rem;border-left-width:3px}.data-download-info,.data-download-notes{padding:1rem}.data-download-button{padding:.875rem 1.5rem;font-size:1rem;width:100%;justify-content:center}}.data-deletion-section{margin-top:2rem;border-left:4px solid #dc3545;padding-left:2rem;background-color:#fff5f5}.data-deletion-section h2{color:#dc3545;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-weight:600}.data-deletion-section h2:before{content:"🗑️";font-size:1.2em}.data-deletion-warning{background-color:#f8d7da;border:2px solid #dc3545;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.data-deletion-warning p{margin:0;color:#721c24;font-weight:600}.data-deletion-warning p:first-child{font-size:1.1rem;margin-bottom:.5rem}.data-deletion-info{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.data-deletion-info h4{color:#856404;margin-bottom:1rem;font-size:1.1rem}.data-deletion-info ul{margin:0;padding-left:1.5rem;color:#856404}.data-deletion-info li{margin-bottom:.5rem;line-height:1.5}.data-deletion-notes{background-color:#e7f3ff;border:1px solid #b6d7ff;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.data-deletion-notes p{margin:0 0 .75rem;color:#1a3c6e;font-weight:600}.data-deletion-notes ul{margin:0;padding-left:1.5rem;color:#495057}.data-deletion-notes li{margin-bottom:.5rem;line-height:1.5}.danger-button{background-color:#dc3545;color:#fff;border:none;border-radius:6px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.danger-button:before{content:"⚠️";font-size:1.1em}.danger-button:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc35454d}.danger-button:active{transform:translateY(0)}.deletion-warning-box{background-color:#f8d7da;border:2px solid #dc3545;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.deletion-warning-box h3{color:#721c24;margin:0 0 .5rem;font-size:1.2rem}.deletion-warning-box p{color:#721c24;margin:0;font-weight:500}.deletion-consequences{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.deletion-consequences h4{color:#856404;margin:0 0 1rem;font-size:1.1rem}.deletion-consequences ul{margin:0 0 1.5rem;padding-left:1.5rem;color:#856404}.deletion-consequences ul:last-child{margin-bottom:0}.deletion-consequences li{margin-bottom:.5rem;line-height:1.5}.modal-body .form-group input[type=text]{width:100%;padding:.75rem;border:2px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .2s}.modal-body .form-group input[type=text]:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.modal-body .form-group label{margin-bottom:.5rem;display:block;font-weight:600;color:#495057}@media (max-width: 768px){.data-deletion-section{padding-left:1rem;border-left-width:3px}.data-deletion-warning,.data-deletion-info,.data-deletion-notes{padding:1rem}.danger-button{padding:.875rem 1.5rem;font-size:1rem;width:100%;justify-content:center}.deletion-warning-box,.deletion-consequences{padding:1rem}}.demo-students-section{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.demo-students-list{margin-top:1.5rem}.demo-students-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.demo-students-table thead{background-color:#f8f9fa}.demo-students-table th{padding:.75rem;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.demo-students-table td{padding:.75rem;border-bottom:1px solid #dee2e6;color:#212529}.demo-students-table tbody tr:hover{background-color:#f8f9fa}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:500}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.settings-button.small{padding:.375rem .75rem;font-size:.875rem}.demo-students-info{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;margin-top:1.5rem}.demo-students-info h4{color:#1a3c6e;margin-bottom:.75rem}.demo-students-info ul{margin:0;padding-left:1.5rem;color:#495057}.demo-students-info li{margin-bottom:.5rem}.no-demo-students{text-align:center;padding:2rem;background-color:#f8f9fa;border-radius:8px}.no-demo-students .help-text{color:#6c757d;font-size:.9rem;margin-top:.5rem}.demo-student-info{background-color:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.demo-student-info p{margin:.25rem 0;color:#495057}.modal-success{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;padding:1rem;margin-bottom:1rem}.legal-form-container{max-width:600px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;border:1px solid #e0e0e0}.legal-form-container h1{text-align:center;margin-bottom:1.5rem;color:#333;font-size:1.8rem}.legal-form-container p{margin-bottom:1rem;line-height:1.6;color:#555}.legal-form{display:flex;flex-direction:column;gap:1.5rem}.legal-form .form-group{display:flex;flex-direction:column}.legal-form label{margin-bottom:.5rem;font-weight:700;color:#444}.legal-form textarea,.legal-form .checkbox-container{padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;background-color:#f9f9f9}.legal-form textarea{min-height:150px;resize:vertical}.legal-form .checkbox-group{margin-top:1rem}.legal-form .checkbox-container{display:flex;align-items:flex-start;cursor:pointer;padding:1rem;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;transition:background-color .2s ease}.legal-form .checkbox-container:hover{background-color:#f0f0f0}.legal-form .checkbox-container input[type=checkbox]{margin-right:.8rem;flex-shrink:0;position:relative;top:2px;width:18px;height:18px}.legal-form .checkbox-container .checkbox-text{font-weight:400;color:#333;line-height:1.5}.legal-form .submit-button{padding:.8rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease;align-self:center;margin-top:1rem}.legal-form .submit-button:hover:not(:disabled){background-color:#0056b3}.legal-form .submit-button:disabled{background-color:#ccc;cursor:not-allowed}.success-message{padding:1rem;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:4px;text-align:center;font-weight:700}.error-message{padding:1rem;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;text-align:center;font-weight:700}.legal-form small{margin-top:.25rem;font-size:.85rem;color:#666;text-align:right}.chatbot-container{position:fixed;top:0;left:0;right:0;width:100%;height:140px;background-color:#f8f8f8;border-bottom:1px solid #ddd;display:flex;flex-direction:column;z-index:1100}.chatbot-messages{flex:1;padding:.5rem;overflow-y:auto;background-color:#fff;display:flex;flex-direction:column;scroll-behavior:smooth;min-height:0}.chatbot-message{margin-bottom:.75rem;padding:.75rem 1rem;border-radius:1rem;max-width:75%;display:flex;align-items:flex-start;gap:.75rem;box-shadow:0 2px 4px #0000000d;transition:opacity .3s ease-in-out}.symbai-logo{width:56px;height:56px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.chatbot-message.user{background-color:#f8f9fa;color:#1c3b57;align-self:flex-end;margin-left:auto;border-bottom-right-radius:.4rem;border:1px solid #E90D0D}.chatbot-message.assistant{background-color:#f8f9fa;color:#212529;align-self:flex-start;border-bottom-left-radius:.4rem;border:1px solid #24A3ED}.chatbot-message.assistant.streaming{animation:pulse 2s infinite;border:1px solid #007bff}.chatbot-message.error{background-color:#fff2f2;border:1px solid #dc3545;color:#dc3545}@keyframes pulse{0%{box-shadow:0 0 #007bff66}70%{box-shadow:0 0 0 6px #007bff00}to{box-shadow:0 0 #007bff00}}.chatbot-input{display:flex;padding:.5rem;border-top:1px solid rgba(0,0,0,.1);background-color:#fff;height:48px;min-height:48px}.message-input{flex-grow:1;padding:.5rem .75rem;border:2px solid #e9ecef;border-radius:8px;margin-right:.75rem;min-height:32px;max-height:32px;overflow-y:auto;outline:none;background-color:#fff;font-size:.9rem;transition:border-color .2s ease;line-height:1.2;display:flex;align-items:center;margin-left:40px}.message-input:empty:before{content:attr(placeholder);color:#adb5bd}.message-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.chatbot-input button{padding:.4rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;font-weight:500;transition:all .2s ease;height:32px;display:flex;align-items:center}.chatbot-input button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.chatbot-input button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.chatbot-messages::-webkit-scrollbar{width:8px}.chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.chatbot-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#999}.chatbot-container.full-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;border:none;background-color:#fff}.chatbot-container.full-screen .chatbot-messages{height:calc(100% - 80px);max-height:none}.return-to-debate-button{position:absolute;top:10px;right:10px;padding:8px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;z-index:2001;display:flex;align-items:center;gap:8px}.return-to-debate-button:hover{background-color:#5a6268}.chat-fullscreen-button-container{position:absolute;top:auto;bottom:7px;left:10px;right:auto;transform:none;z-index:1001}.chatbot-input .chat-fullscreen-button-container .chat-fullscreen-button{width:34px!important;height:34px!important;padding:5px!important;background-color:#fff!important;color:#007bff!important;border:1px solid #e0e0e0!important;border-radius:4px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;position:relative!important;box-shadow:none!important}.chatbot-input .chat-fullscreen-button-container .chat-fullscreen-button:hover{background-color:#f8f9fa!important;border-color:#007bff!important}.chatbot-input .chat-fullscreen-button-container .chat-fullscreen-button svg{width:20px!important;height:20px!important;stroke-width:2px!important;color:#007bff!important;stroke:#007bff!important;fill:none!important}.chatbot-input .chat-fullscreen-button-container .chat-fullscreen-button{background-image:none!important}.chatbot-input .chat-fullscreen-button-container .chat-fullscreen-button .maximize-icon{color:#007bff!important;stroke:#007bff!important;fill:none!important}.chat-fullscreen-button:after{content:"Enter Full Screen Chat";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:5px;padding:5px 8px;background-color:#333;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none}.chat-fullscreen-button:hover:after{opacity:1;visibility:visible}.chatbot-container.full-screen .chat-fullscreen-button-container{display:none}.side-selection-popup{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:9999999!important;background-color:#f8faff!important;background-image:radial-gradient(circle at center,#f8faff,#edf2ff)!important;display:flex!important;justify-content:center!important;align-items:center!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.side-selection-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%!important;max-width:800px!important;background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important;border:none!important;text-align:center!important;display:flex;flex-direction:column;align-items:center;gap:2rem}.side-selection-content h3{background-color:#fffffff2;border-left:4px solid #24A3ED;padding:2rem;box-shadow:0 4px 20px #24a3ed33;border-radius:12px;font-size:1.7rem;line-height:1.5;text-align:center;max-width:100%;width:100%;position:relative;margin:0;color:#1c3b57;font-weight:600;animation:pulse-glow 3s infinite ease-in-out}.side-selection-content h3:before{content:"";display:inline-block;width:70px;height:70px;background-image:url(/assets/SymbaiLogo-xLWWtuUY.svg);background-size:contain;background-repeat:no-repeat;margin-right:1.5rem;vertical-align:middle}.side-selection-buttons{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:600px}.side-selection-buttons button{padding:1.5rem 2.5rem;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:1.4rem;transition:all .2s;box-shadow:0 4px 8px #00000026;text-transform:uppercase;letter-spacing:1px;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.side-selection-buttons .button-label{font-size:1.2rem;font-weight:600;letter-spacing:.5px;text-transform:none}.side-selection-buttons .button-subtext{font-size:.9rem;font-weight:400;opacity:.9;text-transform:none;letter-spacing:0;line-height:1.3;margin-top:.3rem}.side-selection-buttons button:first-child{background-color:#24a3ed;color:#fff}.side-selection-buttons button:first-child:hover{background-color:#1997e0;transform:translateY(-3px);box-shadow:0 6px 12px #24a3ed4d}.side-selection-buttons button:nth-child(2){background-color:#e90d0d;color:#fff}.side-selection-buttons button:nth-child(2):hover{background-color:#d60c0c;transform:translateY(-3px);box-shadow:0 6px 12px #e90d0d4d}.side-selection-buttons .cancel-button{background-color:#1c3b57cc;color:#fff;font-size:1.2rem;padding:1.5rem 2.5rem}.side-selection-buttons .cancel-button:hover{background-color:#1c3b57f2;transform:translateY(-3px);box-shadow:0 6px 12px #1c3b574d}.side-selection-popup:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#ffcb05,#e90d0d,#24a3ed 66%,#1c3b57);z-index:999}.side-selection-popup:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(0,123,255,.05) 0%,transparent 100%),radial-gradient(circle at 80% 70%,rgba(40,167,69,.05) 0%,transparent 100%);animation:float 15s infinite ease-in-out;z-index:0;pointer-events:none}.chatbot-container.full-screen.new-debate{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f8faff;background-image:radial-gradient(circle at center,#f8faff,#edf2ff);position:relative;overflow:hidden;padding:0}.chatbot-container.full-screen.new-debate .central-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:4rem;z-index:10}.chatbot-container.full-screen.new-debate .chatbot-messages{transform:translateY(-60px);flex:0;width:100%;position:relative;overflow:visible;display:flex;justify-content:center;margin-bottom:0}.chatbot-container.full-screen.new-debate .chatbot-input{transform:translateY(60px);width:100%;border-top:none;background:transparent;position:relative;display:flex;align-items:center;justify-content:center;gap:1rem;padding:0}@keyframes bounce{0%{transform:translate(-50%,-50%) translateY(0)}to{transform:translate(-50%,-50%) translateY(-10px)}}.chatbot-container.full-screen.new-debate .chatbot-messages:after{display:none}.chatbot-container.full-screen.new-debate .chatbot-message.assistant{background-color:#fffffff2;border-left:4px solid #24A3ED;padding:2rem;box-shadow:0 4px 20px #24a3ed33;border-radius:12px;font-size:1.5rem;line-height:1.5;text-align:center;width:100%;max-width:100%;position:relative;margin:0;color:#1c3b57}.chatbot-container.full-screen.new-debate .chatbot-message.assistant img{width:70px;height:70px;margin-right:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes pulse-glow{0%{box-shadow:0 4px 20px #24a3ed33}50%{box-shadow:0 4px 30px #24a3ed66}to{box-shadow:0 4px 20px #24a3ed33}}.chatbot-container.full-screen.new-debate .chatbot-message.assistant{animation:pulse-glow 3s infinite ease-in-out}.chatbot-container.full-screen.new-debate .message-input{flex:1;font-size:1.4rem;border:2px solid #24A3ED;box-shadow:0 4px 12px #24a3ed26;padding:1.5rem;border-radius:12px;min-height:65px;max-height:65px;background-color:#fffffff2;color:#1c3b57;font-weight:500;transition:all .3s ease;margin-left:0}.chatbot-container.full-screen.new-debate .message-input:focus{box-shadow:0 0 0 4px #24a3ed33;border-color:#24a3ed}.chatbot-container.full-screen.new-debate .message-input:empty:before{content:attr(placeholder);color:#1c3b5780}.chatbot-container.full-screen.new-debate .chatbot-input button{min-width:180px;height:65px;padding:0 2rem;font-size:1.4rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;background-color:#24a3ed;color:#fff;border:none;border-radius:12px;box-shadow:0 4px 8px #24a3ed4d;transition:all .2s ease}.chatbot-container.full-screen.new-debate .chatbot-input button:hover:not(:disabled){background-color:#1997e0;transform:translateY(-2px);box-shadow:0 6px 12px #24a3ed66}.chatbot-container.full-screen.new-debate .chatbot-input button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 4px #24a3ed66}.chatbot-container.full-screen.new-debate .return-to-debate-button{position:absolute;top:20px;right:20px;padding:.75rem 1.25rem;background-color:#1c3b57cc;color:#fff;border:none;border-radius:8px;font-weight:500;z-index:10;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 5px #0003;transition:all .2s ease;min-width:240px;white-space:nowrap}.chatbot-container.full-screen.new-debate .return-to-debate-button:hover{background-color:#1c3b57f2;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.chatbot-container.full-screen.new-debate:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#ffcb05,#e90d0d,#24a3ed 66%,#1c3b57);z-index:999}@keyframes float{0%{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(5deg);opacity:.9}to{transform:translateY(0) rotate(0);opacity:.7}}.chatbot-container.full-screen.new-debate:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(0,123,255,.05) 0%,transparent 100%),radial-gradient(circle at 80% 70%,rgba(40,167,69,.05) 0%,transparent 100%);animation:float 15s infinite ease-in-out;z-index:0;pointer-events:none}.chatbot-container.full-screen.new-debate .arrow-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"↓";font-size:2.5rem;color:#24a3ed;animation:bounce 1s infinite alternate;z-index:20}.chatbot-container.full-screen.new-debate .central-content:after{display:none}.chatbot-container.full-screen.new-debate .motion-processing{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem}.chatbot-container.full-screen.new-debate .loading-indicator{display:flex;justify-content:center;align-items:center}.chatbot-container.full-screen.new-debate .loading-spinner{width:48px;height:48px;border:5px solid rgba(36,163,237,.2);border-top:5px solid #24A3ED;border-radius:50%;animation:spin 1s linear infinite}.chatbot-container.full-screen.new-debate .loading-text{color:#1c3b57;font-size:1.3rem;font-weight:500;text-align:center}.chatbot-container.full-screen.new-debate .chatbot-message.assistant em{color:#ffcb05;font-style:italic;font-weight:500;display:block;margin-top:.75rem;font-size:1.3rem}.chatbot-container.full-screen.new-debate .return-to-home-button{position:absolute;top:20px;left:20px;padding:.75rem 1.25rem;background-color:#1c3b57cc;color:#fff;border:none;border-radius:8px;font-weight:500;z-index:10;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 5px #0003;transition:all .2s ease}.chatbot-container.full-screen.new-debate .return-to-home-button:hover{background-color:#1c3b57f2;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.chatbot-container.full-screen.new-debate .return-to-home-button svg{stroke:currentColor;width:18px;height:18px;margin-right:8px}.toast-notification{position:fixed;top:20px;right:20px;background-color:#dc3545;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10000;font-weight:500;font-size:14px;max-width:400px;animation:slideInFromRight .3s ease-out}.chatbot-input button.disabled{background-color:#6c757d!important;cursor:not-allowed!important;opacity:.6!important;transform:none!important}.chatbot-input button.disabled:hover{background-color:#6c757d!important;transform:none!important;opacity:.6!important}.chatbot-container.full-screen.new-debate .chatbot-input button.disabled{background-color:#6c757d!important;cursor:not-allowed!important;opacity:.6!important;transform:none!important;box-shadow:none!important}.chatbot-container.full-screen.new-debate .chatbot-input button.disabled:hover{background-color:#6c757d!important;transform:none!important;opacity:.6!important;box-shadow:none!important}.message-content{word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;flex:1;min-width:0}.home-header{background-color:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:1000}.actions-section{display:flex;justify-content:space-between;align-items:center;width:100%}.action-buttons-right{display:flex;gap:10px}.debates-table th,.debates-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.home-screen.teacher-screen{min-height:100vh;background-color:#f0f7ff}.home-header.teacher-header{background-color:#24a3ed;padding:0;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:1000;height:70px}.teacher-header .logo{display:flex;align-items:center;height:100%;padding:0;margin:0}.teacher-header .logo img{height:100%;max-height:70px;width:auto;padding:0;margin:0;-o-object-fit:contain;object-fit:contain}.teacher-header .main-nav{display:flex;gap:2rem;margin:0 2rem}.teacher-header .main-nav a{text-decoration:none;color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.teacher-header .main-nav a:hover{background-color:#ffffff1a}.teacher-header .main-nav a.active{color:#fff;background-color:#fff3}.teacher-header .account-controls{display:flex;align-items:center;gap:1rem}.teacher-header .account-type{font-weight:500;color:#fff;background-color:#3146a1;padding:4px 10px;border-radius:4px}.home-content h1{color:#1a3c6e;margin-bottom:1.5rem}.teacher-actions{margin-bottom:1.5rem}.filter-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3146a1;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.filter-button:hover{background-color:#283a87}.logout-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;color:#fff;background-color:#dc3545}.tabs-container{margin-bottom:20px}.tabs{display:flex;gap:10px;border-bottom:1px solid #ddd;padding-bottom:10px}.tab{padding:10px 20px;border:none;background:none;font-size:16px;font-weight:500;color:#666;cursor:pointer;position:relative;transition:color .2s}.tab:hover,.tab.active{color:#24a3ed}.tab.active:after{content:"";position:absolute;bottom:-11px;left:0;width:100%;height:3px;background-color:#24a3ed}.archived-header{transition:background-color .2s;border-radius:4px;padding:8px!important}.archived-header:hover{background-color:#f5f5f5}.archived-debates-table{margin-top:10px}.archived-row{background-color:#f8f8f8}.archived-row:hover{background-color:#f0f0f0!important}.table-header{padding:5px 0;margin-bottom:10px}.table-header h3{margin:0;font-size:1.2rem;color:#333}.white-box .table-header+table.debates-table thead tr{background-color:#3478a5}.white-box .table-header+table.debates-table th{background-color:#3478a5;color:#fff;font-size:1.1rem;letter-spacing:.03em;padding:15px 10px;border-bottom:none;text-shadow:0 1px 1px rgba(0,0,0,.2)}.archived-row td{color:#555}.restore-button{background-color:#3498db!important;padding:10px!important;min-width:44px!important;min-height:44px!important;border-radius:8px!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;box-shadow:0 2px 4px #3498db40!important;transition:opacity .2s,visibility .2s,transform .2s,box-shadow .2s!important}.restore-button:hover{background-color:#2980b9!important;transform:translateY(-2px)!important;box-shadow:0 4px 8px #3498db4d!important}.archived-row .restore-button{opacity:1!important;visibility:visible!important}.archive-button{color:#666;background-color:#f0f0f0;border:1px solid #ccc;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s}.archive-button:hover{background-color:#e0e0e0;color:#444}.restore-button{color:#3e7c17;background-color:#f0f0f0;border:1px solid #ccc;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s}.restore-button:hover{background-color:#e0e0e0;color:#2b5a0f}.button{padding:5px 10px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center}.open-button{background-color:transparent;color:#4a86e8}.archive-button,.restore-button{background-color:transparent;color:#888}.delete-button{background-color:transparent;color:#e53935}.copy-button{background-color:transparent;color:#4caf50}.view-copies-button{background-color:transparent;color:#9c27b0}.button:hover{opacity:.7}.teacher-notes-display{transition:all .2s ease}.teacher-notes-display:hover{background-color:#f0f0f0!important;border-color:#ccc!important}.students-list{list-style:none;padding:0;margin:0}.student-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.student-item:last-child{border-bottom:none}.lock-button{padding:8px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.lock-button.unlocked:hover{background-color:#45a049}.lock-button.locked:hover{background-color:#da190b}.modal-footer{margin-top:10px;padding-top:10px;border-top:1px solid #ddd}.shared-students-table{width:100%;border-collapse:collapse;margin-top:15px}.shared-students-table th,.shared-students-table td{padding:10px;text-align:left;border-bottom:1px solid #eee}.shared-students-table th{background-color:#f8f9fa;font-weight:600}.shared-students-table tr:last-child td{border-bottom:none}.action-cell{display:flex;gap:8px;justify-content:flex-start}.small-button{padding:6px 10px!important;min-width:auto!important;min-height:auto!important}.lock-button.small-button{padding:6px!important}.column-subtext{font-size:.75rem;color:#fff;font-weight:400;margin-top:3px}.button.students-button{background-color:#24a3ed!important;border:none!important;padding:5px 10px!important;border-radius:4px!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:5px!important;color:#fff!important;font-weight:500!important;box-shadow:0 2px 4px #24a3ed40!important;transition:all .2s!important}.button.students-button:hover{background-color:#1c82bd!important;transform:translateY(-2px)!important;box-shadow:0 4px 8px #24a3ed4d!important}.button.share-status-button{border:none!important;padding:5px 10px!important;border-radius:4px!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:5px!important;color:#fff!important;font-weight:500!important;box-shadow:0 2px 4px #00000026!important;transition:all .2s!important;min-width:90px;justify-content:center}.button.share-status-button.shared{background-color:#4caf50!important}.button.share-status-button.shared:hover{background-color:#3d8b40!important;transform:translateY(-2px)!important;box-shadow:0 4px 8px #4caf504d!important}.button.share-status-button.not-shared{background-color:#24a3ed!important}.button.share-status-button.not-shared:hover{background-color:#1c82bd!important;transform:translateY(-2px)!important;box-shadow:0 4px 8px #24a3ed4d!important}.modal-overlay.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1100}.modal-content.share-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;width:600px;max-width:90%;max-height:85vh;display:flex;flex-direction:column}.share-modal-content .modal-header{background-color:#24a3ed;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.share-modal-content .modal-close-button{background:none;border:none;color:#fff;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.modal-body.share-modal-body{padding:15px 20px;overflow-y:auto;flex-grow:1}.student-group h4{margin-top:0;margin-bottom:10px;font-size:1rem;color:#333;border-bottom:1px solid #eee;padding-bottom:5px}.student-share-item{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.student-share-item label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;flex:1}.student-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-share-item input[type=checkbox]{cursor:pointer;width:16px;height:16px}.no-students-in-group{font-style:italic;color:#777;font-size:.9rem;padding-left:5px}.loading-state,.empty-state{text-align:center;padding:30px 10px;color:#666}.modal-footer.share-modal-footer{border-top:1px solid #ddd;padding:12px 20px;display:flex;justify-content:flex-end;align-items:center;gap:10px;background-color:#f9f9f9}.button.cancel-button{padding:8px 16px;border-radius:4px;border:1px solid #ccc;background-color:#fff;cursor:pointer;color:#333}.button.cancel-button:hover{background-color:#f0f0f0}.button.share-update-button{padding:8px 16px;border-radius:4px;border:none;background-color:#4caf50;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px}.button.share-update-button:hover{background-color:#3d8b40}.button.share-update-button:disabled{background-color:#ccc;cursor:not-allowed}.success-message-inline{color:green;font-size:.9rem;margin-right:auto}.debates-table th .column-subtext{color:#d1eaff}.archived-debates-table th .column-subtext{color:#666}.button.lock-button.small-button{padding:6px!important;min-width:auto!important;min-height:auto!important;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.button.lock-button.unlocked{background-color:#4caf50!important;color:#fff!important}.button.lock-button.unlocked:hover{background-color:#45a049!important}.button.lock-button.locked{background-color:#f44336!important;color:#fff!important}.button.lock-button.locked:hover{background-color:#da190b!important}.button.lock-all-button,.button.unlock-all-button{background-color:#e90d0d;border:none;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:.9rem}.button.lock-all-button{background-color:#e90d0d}.button.lock-all-button:hover{background-color:#c50b0b}.button.unlock-all-button{background-color:#24a3ed}.button.unlock-all-button:hover{background-color:#1c82bd}.clickable-row:hover{background-color:#f5f5f5}.context-button{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;min-width:80px}.context-button.enabled{background-color:#4caf50;color:#fff}.context-button.disabled{background-color:#f44336;color:#fff}.context-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.teacher-screen .logo{height:100%;padding:0;margin:0}.teacher-screen .logo img{height:100%!important;max-height:70px!important;width:auto!important;padding:0!important;margin:0!important;-o-object-fit:contain!important;object-fit:contain!important}.share-status-button{padding:6px 12px;border-radius:15px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:5px}.share-status-button.shared{background-color:#4caf50;color:#fff}.share-status-button.not-shared{background-color:#2196f3;color:#fff}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.share-modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px #00000026}.share-modal-header{background-color:#1c3b57;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.share-modal-body{padding:20px;overflow-y:auto;flex:1}.share-modal-footer{padding:15px 20px;display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid #e0e0e0;background-color:#f9f9f9}.student-sharing-list{display:flex;flex-direction:column;gap:20px}.student-group{background-color:#f9f9f9;border-radius:8px;padding:15px;box-shadow:0 1px 3px #0000001a}.student-group h4{margin:0 0 15px;color:#1c3b57;font-size:14px;display:flex;align-items:center;justify-content:space-between}.student-share-item{padding:8px 0;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.student-share-item:last-child{border-bottom:none}.student-share-item label{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1}.student-name{font-size:14px;color:#333}.no-students-in-group{color:#666;font-style:italic;text-align:center;padding:10px}.success-message-inline{color:#4caf50;font-weight:500;margin-right:auto}.lock-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease}.lock-button.locked{background-color:#f44336;color:#fff}.lock-button.unlocked{background-color:#4caf50;color:#fff}.lock-button.small-button{width:28px;height:28px}.lock-all-button,.unlock-all-button{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.lock-all-button{background-color:#f44336;color:#fff;border:none}.unlock-all-button{background-color:#4caf50;color:#fff;border:none}.context-toggle-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 15px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.context-toggle-button.enabled{background-color:#4caf50;color:#fff;border-color:#45a049}.context-toggle-button.disabled{background-color:#f44336;color:#fff;border-color:#d32f2f}.context-toggle-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.payment-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#ffcb05,#ffd633);padding:2rem;position:relative}.payment-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.payment-logo{margin-bottom:2rem;z-index:1}.payment-logo img{height:150px;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.payment-container{background-color:#fff;padding:3rem;border-radius:16px;box-shadow:0 8px 24px #0000001f;width:100%;max-width:550px;text-align:center;position:relative;z-index:1}.beta-badge{position:absolute;top:-12px;right:30px;background:#24a3ed;color:#fff;padding:4px 16px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1px}.payment-container h1{margin-bottom:.5rem;color:#1c3b57;font-size:2rem;font-weight:700}.subtitle{color:#6c757d;font-size:1.1rem;margin-bottom:2rem}.payment-loading,.payment-error,.payment-info{padding:1.5rem;border-radius:12px}.payment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #24A3ED;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-error{background-color:#dc35451a;margin-bottom:1.5rem;border:1px solid rgba(220,53,69,.2)}.payment-error h3{color:#dc3545;margin-bottom:1rem;font-size:1.3rem}.payment-info{background:transparent;padding:0}.free-trial-highlight{background:linear-gradient(135deg,#24a3ed,#1c82bd);color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:1rem}.highlight-icon{font-size:2rem}.free-trial-highlight h3{margin:0;font-size:1.5rem;font-weight:600}.verification-info{background:#f8f9fa;padding:2rem;border-radius:12px;margin-bottom:2rem;text-align:left}.verification-info h4{color:#1c3b57;margin-bottom:1rem;font-size:1.2rem;text-align:center}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:center;margin-bottom:.8rem;font-size:1rem;color:#495057}.check-icon{color:#28a745;font-weight:700;margin-right:.8rem;font-size:1.2rem}.payment-terms{background:#fff8dc;border:1px solid #FFD633;padding:1.5rem;border-radius:12px;margin-bottom:2rem}.payment-terms p{margin:0;color:#1c3b57}.payment-terms p:first-child{font-size:1.1rem;margin-bottom:.5rem}.terms-detail{font-size:.9rem;color:#6c757d}.payment-button,.try-again-button{padding:1rem 2.5rem;background:linear-gradient(135deg,#24a3ed,#1c82bd);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.1rem;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 12px #24a3ed4d}.payment-button:hover,.try-again-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #24a3ed66}.payment-button:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.security-note{margin-top:1.5rem;font-size:.9rem;color:#6c757d;display:flex;align-items:center;justify-content:center;gap:.5rem}.lock-icon{font-size:1rem}.back-button{padding:1rem 1.5rem;background-color:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;margin-top:1rem;margin-left:1rem}.back-button:hover{background-color:#5a6268;transform:translateY(-1px)}.payment-actions{display:flex;justify-content:center;margin-top:1rem}@media (max-width: 640px){.payment-container{padding:2rem 1.5rem}.payment-container h1{font-size:1.5rem}.free-trial-highlight{flex-direction:column;padding:1rem}.free-trial-highlight h3{font-size:1.2rem}.verification-info{padding:1.5rem}.benefits-list li{font-size:.9rem}.payment-button{width:100%;padding:.9rem 1.5rem;font-size:1rem}}.enterprise-settings{display:flex;flex-direction:column;align-items:center;padding:2rem;background-color:#f8f9fa;min-height:100vh;background-color:#f0f0f0;padding:0}.enterprise-settings .home-content{padding:.5rem 2rem 2rem;margin-top:70px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.enterprise-settings h1{margin-bottom:2rem;color:#1c3b57}.chat-assistant{width:100%;max-width:800px;margin-bottom:2rem}.open-chat-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#24a3ed;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.open-chat-button:hover{background-color:#1c82bd}.context-manager{width:100%;max-width:800px;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #ffcb0533;box-sizing:border-box}.add-context{display:flex;gap:1rem;margin-bottom:2rem}.add-context input{flex:1;padding:12px;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.add-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#24a3ed;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.add-button:hover{background-color:#1c82bd}.add-button:disabled{background-color:#6c757d;cursor:not-allowed}.context-list{display:flex;flex-direction:column;gap:1rem}.context-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8f9fa;border-radius:4px;border:1px solid #dee2e6}.delete-button{display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e90d0d!important;color:#fff!important;padding:10px!important;min-width:44px!important;min-height:44px!important;border-radius:8px!important;border:none!important;box-shadow:0 2px 4px #e90d0d40!important;cursor:pointer;transition:all .2s!important;width:-moz-fit-content;width:fit-content;margin:0 auto}.delete-button:hover{background-color:#c50b0b!important;transform:translateY(-2px)!important;box-shadow:0 4px 8px #e90d0d4d!important}.delete-col{display:flex;justify-content:center;align-items:center}.button-group{margin-top:2rem}.back-button{padding:12px 24px;background-color:#1c3b57;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#152d43}.error-message{color:#e90d0d;padding:10px;margin-top:.5rem;background-color:#e90d0d1a;border:1px solid #E90D0D;border-radius:4px}.chat-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1c3b5780;display:flex;justify-content:center;align-items:center;z-index:1000}.chat-popup-content{background-color:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;padding:20px;position:relative;box-shadow:0 4px 12px #1c3b5740}.chat-popup-close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;padding:8px;color:#1c3b57}.chat-popup-messages{height:50vh;overflow-y:auto;margin-bottom:10px;padding:1rem}.chat-message{padding:8px 12px;margin:8px 0;border-radius:4px;max-width:80%}.chat-message.user{background-color:#24a3ed1a;margin-left:auto;color:#1c3b57}.chat-message.assistant{background-color:#ffcb051a;margin-right:auto;color:#1c3b57}.chat-input-form{display:flex;gap:8px;padding:1rem}.chat-input-form input{flex:1;padding:12px;border:1px solid #ced4da;border-radius:4px}.chat-input-form button{padding:12px 24px;background-color:#24a3ed;color:#fff;border:none;border-radius:4px;cursor:pointer}.chat-input-form button:hover{background-color:#1c82bd}.context-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.edit-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#24a3ed;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.edit-button:hover{background-color:#1c82bd}.context-content{margin-top:.5rem;width:100%}.context-content textarea{width:100%;padding:12px;border:1px solid #ced4da;border-radius:4px;font-size:1rem;resize:vertical;min-height:100px;font-family:inherit}.context-actions{display:flex;gap:1rem;margin-top:1rem}.save-button{padding:8px 16px;background-color:#24a3ed;color:#fff;border:none;border-radius:4px;cursor:pointer}.cancel-button{padding:8px 16px;background-color:#e90d0d;color:#fff;border:none;border-radius:4px;cursor:pointer}.context-display{background-color:#f8f9fa;padding:1rem;border-radius:4px;margin-top:.5rem;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;width:100%}.context-display pre{margin:0;font-family:inherit;font-size:inherit}.no-context{color:#6c757d;font-style:italic}.organization-context{margin-top:2rem;padding:1rem;background-color:#f8f9fa;border-radius:4px;border:1px solid #dee2e6}.category-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.add-category{display:flex;gap:1rem;flex:1}.add-category input{flex:1;padding:12px;border:1px solid #ced4da;border-radius:4px}.suggested-button{padding:8px 16px;background-color:#ffcb05;color:#1c3b57;border:none;border-radius:4px;cursor:pointer}.delete-all-button{padding:8px 16px;background-color:#e90d0d;color:#fff;border:none;border-radius:4px;cursor:pointer}.categories-table{width:100%;border-collapse:collapse;margin-top:1rem;max-height:500px;overflow-y:auto;display:block;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 2px 4px #0000000d}.categories-table .table-header{position:sticky;top:0;z-index:1;display:grid;width:calc(100% - 17px);border-radius:4px 4px 0 0}.table-header{padding:12px;text-align:left;font-weight:600;border-bottom:2px solid #dee2e6;background-color:#1c3b57;color:#fff}.table-row{border-bottom:1px solid #dee2e6;background-color:#fff}.table-row:last-child{border-bottom:none}.toggle{position:relative;display:inline-block;width:60px;height:34px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#24a3ed}input:checked+.toggle-slider:before{transform:translate(26px)}.content-display{cursor:pointer;padding:12px;position:relative}.content-display:hover{background-color:#ffcb051a}.text-col textarea{width:100%;padding:12px;border:1px solid #ced4da;border-radius:4px;resize:vertical;min-height:80px;font-size:1rem;font-family:inherit}.textarea-container{position:relative;flex-grow:1;display:flex;flex-direction:column;margin-bottom:15px;overflow:hidden}.textarea-container:after{content:"";position:absolute;bottom:1px;left:1px;right:1px;height:60px;background:linear-gradient(to bottom,#f5f5f700,#f5f5f7cc,#f5f5f7);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:5;display:block!important;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.preview-panel.has-overflow .textarea-container:after{opacity:1!important}.preview-panel:before{content:"Preview";position:absolute;top:0;left:20px;background-color:#ffcb05;padding:5px 10px;font-size:.8rem;border-radius:4px 4px 0 0;font-weight:700;color:#1c3b57;z-index:2}.preview-actions{display:flex;gap:10px;margin-top:5px}.preview-container .preview-panel:after{content:none}.preview-panel .textarea-fade-mask{position:absolute;bottom:0;left:1px;right:1px;height:50px;background:linear-gradient(to bottom,#f8f9fa00,#f8f9fa);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:2;border-bottom-left-radius:3px;border-bottom-right-radius:3px;margin:0;padding:0}.preview-panel.has-overflow .textarea-fade-mask{opacity:1}.preview-panel textarea{padding-bottom:30px}.assistant-button{padding:8px 16px;background-color:#ffcb05;color:#1c3b57;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500}.save-status-message{margin-top:1rem;padding:.5rem;border-radius:4px}.save-status-message.saved{color:#24a3ed}.save-status-message.unsaved{color:#ffcb05}.save-status-message.saving{color:#1c3b57}.save-status-message.error{color:#e90d0d}.file-upload-section{margin-top:2rem;padding:1rem;border:1px solid #dee2e6;border-radius:4px}.upload-mode-toggle{display:flex;gap:1rem;margin-bottom:1rem}.mode-button{padding:8px 16px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-weight:500;color:#1c3b57}.mode-button.active{background-color:#24a3ed;color:#fff;border-color:#1c82bd}.guidance-input{margin-bottom:1rem}.guidance-input textarea{width:100%;min-height:100px;padding:12px;border:1px solid #ced4da;border-radius:4px;resize:vertical}.upload-controls{display:flex;align-items:center;gap:1rem}.upload-button{display:flex;align-items:center;gap:.5rem;padding:8px 16px;background-color:#24a3ed;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.upload-button:hover{background-color:#1c82bd}.upload-status{margin-left:1rem;color:#1c3b57}.undo-button{padding:8px 16px;background-color:#ffcb05;color:#1c3b57;border:none;border-radius:4px;cursor:pointer;font-weight:500}.undo-button:disabled{opacity:.6;cursor:not-allowed}.organization-name-field{border:2px solid #FFCB05;padding:1rem;border-radius:4px;margin-bottom:1rem}.upload-button.disabled{opacity:.6;cursor:not-allowed}.requirement-notice{margin-top:1rem;margin-bottom:1rem;color:#e74c3c;font-size:.9rem}.fact-instructions{margin-top:1rem;margin-bottom:1rem;padding:10px 15px;background-color:#f5f9ff;border-left:3px solid #4a7bff;border-radius:4px}.fact-instructions p{margin:0;color:#333;font-size:.9rem}.required-indicator{color:#e90d0d;margin-left:.25rem}.quick-setup-section{margin-top:2rem;padding:1rem;border:1px solid #FFCB05;border-radius:4px;background-color:#ffcb050d}.quick-setup-button{display:flex;align-items:center;gap:.5rem;padding:12px 24px;background-color:#ffcb05;color:#1c3b57;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s,transform .1s;margin:1rem auto}.quick-setup-button:hover{background-color:#e6b800}.quick-setup-button:disabled{opacity:.6;cursor:not-allowed}.quick-setup-hint{color:#1c3b57;text-align:center;margin-top:.5rem;font-style:italic}.fact-button{background-color:#4a7bff;margin-left:8px}.fact-button:hover{background-color:#3a62cc}.facts-overview{margin-top:30px;background-color:#f5f9ff;border:1px solid #dae3f3;border-radius:6px;padding:20px}.facts-description{color:#555;margin-bottom:15px;font-size:.9rem}.facts-list{display:flex;flex-direction:column;gap:15px}.fact-item{background-color:#fff;border:1px solid #e0e0e0;border-left:4px solid #4a7bff;border-radius:4px;padding:15px}.fact-item h3{margin:0 0 8px;font-size:1rem;color:#333}.fact-item p{margin:0;font-size:.9rem;color:#555}.no-facts{color:#777;font-style:italic}.facts-actions{display:flex;flex-direction:column;margin-bottom:20px;padding:15px;background-color:#eef4ff;border-radius:6px;border:1px dashed #c0d4f5}.download-facts-button{background-color:#4a7bff;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;max-width:200px;transition:background-color .2s}.download-facts-button:hover{background-color:#3a62cc}.download-facts-button:disabled{background-color:silver;cursor:not-allowed}.facts-help-text{margin-top:10px;font-size:.85rem;color:#666;font-style:italic}.categories-section h2{margin-bottom:15px;font-size:1.4rem;color:#333}.toggle-col{display:flex;justify-content:center;align-items:center;width:80px}.table-row.is-fact{background-color:#f5f9ff;border-left:3px solid #4a7bff}.toggle-slider.fact-slider{background-color:#ddd}input:checked+.toggle-slider.fact-slider{background-color:#4a7bff}.facts-buttons{display:flex;gap:10px;margin-bottom:10px}.purge-facts-button{background-color:#e74c3c;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.purge-facts-button:hover{background-color:#c0392b}.source-field{margin-top:10px;display:flex;flex-direction:column;gap:5px;border-top:1px dashed #e0e0e0;padding-top:8px}.source-field label{font-size:.85rem;color:#555;font-weight:500}.source-field input{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;color:#333;width:100%}.source-field input:focus{border-color:#4a7bff;outline:none;box-shadow:0 0 0 2px #4a7bff33}.diagnose-facts-button{background-color:#3498db;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.diagnose-facts-button:hover{background-color:#2980b9}.fix-facts-button{background-color:#27ae60;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.fix-facts-button:hover{background-color:#219653}.fact-management{margin-top:8px;padding-left:8px;border-left:3px solid #e0f7fa}.manage-facts-button{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;background-color:#f0f8ff;border:1px solid #d0e8ff;border-radius:4px;font-size:13px;color:#0078d4;cursor:pointer;transition:all .2s}.manage-facts-button:hover{background-color:#e0f0ff;border-color:#b0d0ff}.facts-hint{font-size:12px;color:#666;margin-top:6px;font-style:italic}.is-fact .category-header{background-color:#f0f8ff}.is-fact .category-name{color:#0078d4;font-weight:500}.fact-editor-modal{max-width:80%;width:80%;margin:30px auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1050;box-shadow:0 5px 15px #00000080;border-radius:8px;overflow:hidden;background-color:#fff;display:block!important;visibility:visible!important}.fact-editor-modal .modal-body{max-height:70vh;overflow-y:auto;background-color:#fff;padding:20px;opacity:1!important;visibility:visible!important}.fact-editor-modal .modal-header,.fact-editor-modal .modal-footer{background-color:#fff;border-color:#dee2e6;padding:15px 20px;opacity:1!important;visibility:visible!important}.fact-editor-modal .modal-header{border-bottom:1px solid #dee2e6}.fact-editor-modal .modal-footer{border-top:1px solid #dee2e6;justify-content:space-between}.fact-editor-modal .modal-title{font-size:1.25rem;font-weight:600;color:#212529}.fact-editor-modal .close{font-size:1.5rem;color:#6c757d;opacity:.5;transition:opacity .15s}.fact-editor-modal .close:hover{opacity:1}.fact-editor-modal .modal-content{background-color:#fff;border:none;box-shadow:none;border-radius:8px}.fact-editor-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #00000080;opacity:1!important;visibility:visible!important;z-index:1100!important;position:relative;display:block!important}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1040}.modal-open .modal{display:block!important;overflow-x:hidden;overflow-y:auto}.modal{z-index:1050!important}.table-responsive{max-height:400px;overflow-y:auto}.table-responsive table thead{position:sticky;top:0;z-index:5;background-color:#f8f9fa}.fact-content-cell,.fact-source-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;background-color:transparent;padding:8px}.fact-content-text,.fact-source-text{white-space:normal;word-break:break-word;background-color:transparent;padding:4px;line-height:1.5}.fact-actions-cell{width:160px;text-align:right;white-space:nowrap}.action-buttons{display:flex;gap:8px;justify-content:flex-end}@media (min-width: 768px){.action-buttons{flex-direction:row}}.fact-editor-modal .btn-outline-primary,.fact-editor-modal .btn-outline-danger{padding:4px 8px;font-size:.85rem;border-radius:4px;transition:all .2s}.fact-editor-modal .btn-outline-primary:hover{background-color:#0d6efd;color:#fff}.fact-editor-modal .btn-outline-danger:hover{background-color:#dc3545;color:#fff}.fact-editor-modal .form-control{border-radius:4px;border:1px solid #ced4da;padding:8px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.fact-editor-modal .form-control:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40}.fact-editor-modal .badge{padding:6px 10px;font-size:.75rem;font-weight:500;border-radius:4px}@media (min-width: 768px){.action-buttons{flex-direction:row;justify-content:center}}.fact-editor-modal input,.fact-editor-modal textarea,.fact-editor-modal select,.fact-editor-modal .form-control{background-color:#fff;opacity:1!important}.fact-editor-modal .alert{opacity:1!important}.fact-editor-modal .table{background-color:#fff;border-collapse:collapse;width:100%}.fact-editor-modal .table th{background-color:#f8f9fa;color:#495057;font-weight:600;text-align:left;padding:12px 8px;border-bottom:2px solid #dee2e6}.fact-editor-modal .table td{padding:10px 8px;vertical-align:middle;border-top:1px solid #dee2e6}.fact-editor-modal .table tbody tr:nth-child(odd){background-color:#fff}.fact-editor-modal .table tbody tr:nth-child(2n){background-color:#f8f9fa}.fact-editor-modal .table tbody tr:hover{background-color:#e9ecef}.fact-table{width:100%;margin-bottom:1rem;background-color:#fff}.fact-editor-modal .add-fact-form{background-color:#f8f9fa;border-radius:6px;padding:15px;margin-bottom:20px;border:1px solid #dee2e6}.fact-editor-modal .add-fact-form label{font-weight:500;margin-bottom:5px;color:#495057}.fact-editor-modal .add-fact-form textarea,.fact-editor-modal .add-fact-form input{margin-bottom:15px}.fact-editor-modal .add-fact-form .btn{margin-top:5px}.fact-editor-modal .nav-tabs{border-bottom:1px solid #dee2e6;margin-bottom:15px}.fact-editor-modal .nav-tabs .nav-link{color:#6c757d;border:1px solid transparent;border-top-left-radius:4px;border-top-right-radius:4px;padding:8px 16px;font-weight:500;transition:color .15s ease-in-out}.fact-editor-modal .nav-tabs .nav-link:hover{color:#495057;border-color:#e9ecef #e9ecef #dee2e6}.fact-editor-modal .nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.fact-editor-modal .alert{padding:12px 16px;margin-bottom:15px;border-radius:4px}@keyframes shine-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.evaluating-text{position:relative;color:#666}.evaluating-text span{position:relative;overflow:hidden;animation:shine-wave 2s linear infinite;background-image:linear-gradient(90deg,transparent,#1C3B57,transparent);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 5px rgba(28,59,87,.1);font-weight:500}.white-box{background-color:#fff;border-radius:8px;padding:1rem 1.5rem 1.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.white-box>h1:first-child,.white-box>h2:first-child,.white-box>p:first-child,.white-box>div:first-child{margin-top:0}.help-button-container{display:flex;justify-content:center;margin:20px 0 15px;position:relative}.delete-category-button{display:flex!important;align-items:center!important;justify-content:center!important;background-color:#e90d0d!important;color:#fff!important;padding:10px!important;min-width:44px!important;min-height:44px!important;border-radius:8px!important;border:none!important;box-shadow:0 2px 4px #e90d0d40!important;cursor:pointer;transition:opacity .2s,visibility .2s,transform .2s,box-shadow .2s!important;opacity:0;visibility:hidden}.table-row:hover .delete-category-button{opacity:1;visibility:visible}.delete-category-button:hover{background-color:#c50b0b!important;transform:translateY(-2px)!important;box-shadow:0 4px 8px #e90d0d4d!important}.delete-category-button svg{margin-right:0}.side-by-side-container{display:flex;gap:20px;margin-top:1rem}.categories-container{flex:3;min-width:0}.preview-container{flex:1;position:sticky;top:100px;align-self:flex-start;max-height:calc(100vh - 150px);display:flex;flex-direction:column}.undo-button-container{position:fixed;bottom:30px;left:30px;z-index:999;display:flex;flex-direction:column;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;padding:10px;width:190px}.buttons-row{display:flex;gap:8px;justify-content:space-between}.action-button-popped{display:flex;align-items:center;justify-content:center;padding:8px 12px;background-color:#ffcb05;color:#1c3b57;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease;flex:1}.action-button-popped:hover{transform:translateY(-2px);box-shadow:0 3px 8px #00000026}.action-button-popped:disabled{background-color:#e6e6e6;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.action-button-popped .button-content{display:flex;align-items:center;gap:6px}.action-button-description{font-size:.75rem;margin-top:8px;font-weight:400;text-align:center;line-height:1.3;color:#666}.preview-panel{position:relative;padding:20px;height:100%;display:flex;flex-direction:column}.preview-panel textarea{width:100%;flex-grow:1;min-height:300px;padding:15px;border:1px solid #c0c0ca;border-radius:4px;font-size:.9rem;font-family:inherit;resize:vertical;background-color:#f5f5f7;white-space:pre-wrap;line-height:1.5;color:#333;overflow-y:auto;position:relative;cursor:default;background-image:linear-gradient(to right,rgba(220,220,225,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(220,220,225,.1) 1px,transparent 1px);background-size:20px 20px}.preview-actions{display:flex;gap:10px;margin-top:10px}.textarea-fade-mask{display:none}.full-screen-button{position:absolute;top:10px;right:20px;background-color:#24a3ed;color:#fff;border:none;border-radius:4px;padding:6px;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s;box-shadow:0 2px 4px #0000001a;width:32px;height:32px;min-width:32px;min-height:32px}.full-screen-button:hover{background-color:#1c82bd;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.full-screen-preview-overlay{position:fixed;top:70px;left:0;right:0;bottom:0;background-color:#f8f9fafa;z-index:1000;display:flex;flex-direction:column;padding:2rem;animation:fadeIn .25s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.full-screen-preview-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;width:100%;height:100%;padding:2rem;position:relative;overflow:hidden;display:flex;flex-direction:column;max-width:1200px;margin:0 auto}.full-screen-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #eee}.full-screen-preview-title{font-size:1.25rem;font-weight:600;color:#1c3b57;display:flex;align-items:center;gap:8px}.full-screen-preview-title:before{content:"";display:block;width:14px;height:14px;background-color:#ffcb05;border-radius:50%}.full-screen-preview-close{background-color:transparent;border:none;color:#666;font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:50%}.full-screen-preview-close:hover{color:#e90d0d;background-color:#e90d0d1a;transform:rotate(90deg)}.full-screen-preview-textarea{width:100%;height:100%;flex-grow:1;padding:1.5rem;border:1px solid #c0c0ca;border-radius:8px;background-color:#f5f5f7;font-size:1.1rem;font-family:inherit;resize:none;white-space:pre-wrap;line-height:1.5;color:#333;overflow-y:auto;box-shadow:inset 0 2px 4px #0000000d;cursor:default;background-image:linear-gradient(to right,rgba(220,220,225,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(220,220,225,.1) 1px,transparent 1px);background-size:20px 20px}.textarea-container:before{content:"";position:absolute;top:10px;right:45px;background-color:transparent;padding:0;z-index:6;pointer-events:none;opacity:0}.full-screen-preview-content:after{content:"Read Only";position:absolute;top:25px;right:70px;background-color:#1c3b571a;color:#1c3b57;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:600;z-index:6;pointer-events:none;opacity:.8}.help-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.help-popup-container{background-color:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;padding:24px;position:relative;box-shadow:0 4px 20px #00000026}.help-popup-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#666;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:4px}.help-popup-close:hover{background-color:#f0f0f0}.help-section{margin-bottom:24px}.help-section h3{color:#1c3b57;margin-bottom:8px;font-size:18px}.help-section p,.help-section li{line-height:1.5;color:#444;font-size:15px}.help-section ul,.help-section ol{padding-left:20px;margin-top:8px}.help-section li{margin-bottom:8px}.help-section strong{color:#24a3ed}.example-card{background-color:#f5f9ff;border-left:4px solid #24A3ED;padding:12px 16px;margin-bottom:16px;border-radius:0 4px 4px 0}.example-card h4{color:#1c3b57;margin:0 0 8px;font-size:16px}.example-card p{margin:0;font-size:14px}.comparison-table{display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:5px;overflow:hidden;margin:15px 0;box-shadow:0 1px 4px #00000014}.comparison-row{display:flex;border-bottom:1px solid #e0e0e0}.comparison-row:last-child{border-bottom:none}.comparison-row.header{background-color:#1c3b57;color:#fff;font-weight:600}.comparison-cell{padding:12px 15px;flex:1;line-height:1.4;font-size:14px}.comparison-row:not(.header) .comparison-cell:first-child{border-right:1px solid #e0e0e0;background-color:#f8f9fa}.comparison-row:not(.header) .comparison-cell:last-child{background-color:#f5f9ff}.key-note{background-color:#fffbea;border-left:4px solid #FFCB05;padding:12px 15px;font-weight:500;border-radius:0 4px 4px 0;margin-top:16px;font-size:15px!important;line-height:1.5;color:#333}.category-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:24px}.category-card{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.category-card h4{margin:0;padding:12px 16px;background-color:#1c3b57;color:#fff;font-size:16px;font-weight:600}.category-description{padding:12px 16px}.category-description p{margin:0 0 10px;font-size:14px;line-height:1.5}.category-example{background-color:#f5f9ff;padding:10px 12px;border-radius:4px;border-left:3px solid #24A3ED;margin-top:10px}.category-example p{margin:0;font-size:13px;font-style:italic}.usage-item{margin-bottom:20px;padding:16px;background-color:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.usage-item h4{margin:0 0 10px;color:#1c3b57;font-size:16px}.usage-item p{margin:0 0 10px}.usage-item ul{margin:0;padding-left:20px}.usage-item li{margin-bottom:6px}h2{color:#1c3b57;margin-bottom:16px;font-size:24px;text-align:center}.home-screen{min-height:100vh;background-color:#f0f0f0}.home-header{background-color:#fff;padding:0;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:1000;height:70px}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.new-debate-button{background-color:#28a745}.new-debate-button:hover{background-color:#218838}.delete-all-button{background-color:#dc3545}.delete-all-button:hover{background-color:#c82333}.debates-table th{background-color:#f8f9fa;font-weight:600;color:#495057}.debates-table tr:hover{background-color:#f8f9fa}.main-nav{display:flex;gap:2rem;margin:0 2rem}.main-nav a{text-decoration:none;color:#666;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.main-nav a:hover{background-color:#f0f0f0}.main-nav a.active{color:#007bff;background-color:#e6f3ff}.account-controls{display:flex;align-items:center;gap:1rem}.account-type{font-weight:500;color:#666}.logout-button,.switch-account-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;color:#fff}.logout-button{background-color:#dc3545}.logout-button:hover{background-color:#c82333}.switch-account-button{background-color:#6c757d}.switch-account-button:hover{background-color:#5a6268}.home-screen.student-screen{min-height:100vh;background-color:#f5f9f7}.home-header.student-header{background-color:#ffcb05;padding:0;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:1000;height:70px}.student-header .logo,.student-screen .logo{display:flex;align-items:center;height:100%;padding:0}.student-header .logo img,.student-screen .logo img{height:100%!important;width:auto!important;padding:0}.student-header .main-nav{display:flex;gap:2rem;margin:0 2rem;height:100%}.student-header .main-nav a{text-decoration:none;color:#1c3b57;font-weight:500;padding:0 1rem;border-radius:0;transition:background-color .2s;display:flex;align-items:center;height:100%}.student-header .main-nav a:hover{background-color:#0000000d}.student-header .main-nav a.active{color:#fff;background-color:#24a3ed}.student-header .account-controls{display:flex;align-items:center;gap:1rem;height:100%;padding-right:10px}.student-header .account-type{font-weight:500;color:#fff;background-color:#3146a1;padding:4px 10px;border-radius:4px}.home-content h1{color:#3146a1;margin-bottom:1.5rem}.debates-table th{background-color:#e8f4f1;font-weight:600;color:#3146a1}.debates-table tr:hover{background-color:#f5f9f7}.logout-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;color:#fff;background-color:#e76f51}.logout-button:hover{background-color:#d15b3e}.student-info-box{background-color:#e8f5e9;border-left:4px solid #4caf50;margin-bottom:20px}.student-info-message{padding:10px}.student-info-message p{margin:0;color:#2e7d32;font-size:16px}.no-debates-message{text-align:center;padding:30px;font-style:italic;color:#757575}.locked-indicator{display:inline-flex;align-items:center;justify-content:center;color:#757575;cursor:help;min-width:44px;min-height:44px}.tertiary-curriculum-guide-fab{position:fixed;top:90px;left:30px;width:auto;height:auto;padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px #667eea66;transition:all .3s ease;z-index:999;font-weight:500;font-size:14px;animation:pulse 2s infinite}.tertiary-curriculum-guide-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #667eea99;animation:none}.tertiary-curriculum-guide-fab:active{transform:translateY(0) scale(1)}.tertiary-curriculum-guide-fab-text{white-space:nowrap}.tertiary-curriculum-guide-window{position:fixed;top:85px;left:50%;transform:translate(-50%);width:90vw;max-width:1200px;height:calc(100vh - 115px);background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;z-index:1000;border:1px solid #e1e5e9;overflow:hidden;transition:all .3s ease}.tertiary-curriculum-guide-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.tertiary-curriculum-guide-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}.tertiary-curriculum-guide-controls{display:flex;gap:8px}.tertiary-curriculum-guide-control-btn{background:#fff3;border:none;border-radius:6px;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.tertiary-curriculum-guide-control-btn:hover{background:#ffffff4d}.tertiary-curriculum-guide-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.tertiary-curriculum-guide-message{display:flex;flex-direction:column}.tertiary-curriculum-guide-message.user{align-items:flex-end}.tertiary-curriculum-guide-message.assistant{align-items:flex-start}.tertiary-curriculum-guide-message-content{max-width:85%;padding:12px 16px;border-radius:18px;word-wrap:break-word;line-height:1.4}.tertiary-curriculum-guide-message.user .tertiary-curriculum-guide-message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:6px}.tertiary-curriculum-guide-message.assistant .tertiary-curriculum-guide-message-content{background:#f8f9fa;color:#333;border:1px solid #e9ecef;border-bottom-left-radius:6px}.tertiary-curriculum-guide-message-content h1,.tertiary-curriculum-guide-message-content h2,.tertiary-curriculum-guide-message-content h3{margin:0 0 8px;font-size:1em;font-weight:600}.tertiary-curriculum-guide-message-content p{margin:0 0 8px}.tertiary-curriculum-guide-message-content p:last-child{margin-bottom:0}.tertiary-curriculum-guide-message-content ul,.tertiary-curriculum-guide-message-content ol{margin:8px 0;padding-left:20px}.tertiary-curriculum-guide-message-content li{margin:4px 0}.tertiary-curriculum-guide-message-content strong{font-weight:600}.tertiary-curriculum-guide-message-content code{background:#0000001a;padding:2px 4px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.tertiary-curriculum-guide-message.user .tertiary-curriculum-guide-message-content code{background:#fff3}.tertiary-curriculum-guide-typing{display:flex;gap:4px;align-items:center}.tertiary-curriculum-guide-typing span{width:8px;height:8px;border-radius:50%;background:#999;animation:tertiary-curriculum-guide-typing-bounce 1.4s infinite ease-in-out}.tertiary-curriculum-guide-typing span:nth-child(1){animation-delay:-.32s}.tertiary-curriculum-guide-typing span:nth-child(2){animation-delay:-.16s}@keyframes tertiary-curriculum-guide-typing-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.tertiary-curriculum-guide-input-container{padding:16px;border-top:1px solid #e9ecef;display:flex;gap:12px;align-items:flex-end;background:#fff}.tertiary-curriculum-guide-input{flex:1;border:1px solid #e9ecef;border-radius:20px;padding:12px 16px;font-size:14px;resize:none;outline:none;transition:border-color .2s ease;font-family:inherit;line-height:1.4;max-height:100px}.tertiary-curriculum-guide-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tertiary-curriculum-guide-input:disabled{background:#f8f9fa;color:#6c757d}.tertiary-curriculum-guide-send-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.tertiary-curriculum-guide-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 8px #667eea4d}.tertiary-curriculum-guide-send-btn:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.tertiary-curriculum-guide-messages::-webkit-scrollbar{width:6px}.tertiary-curriculum-guide-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tertiary-curriculum-guide-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tertiary-curriculum-guide-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 480px){.tertiary-curriculum-guide-window{width:calc(100vw - 20px);height:calc(100vh - 120px);top:90px;left:10px;right:10px}.tertiary-curriculum-guide-fab{top:90px;left:15px;padding:12px 16px;font-size:13px}.tertiary-curriculum-guide-fab-text{display:none}.tertiary-curriculum-guide-fab:after{content:"Ask me!";margin-left:8px}}@media (max-width: 768px) and (min-width: 481px){.tertiary-curriculum-guide-fab{top:90px;left:20px;font-size:13px;padding:12px 18px}}@keyframes tertiary-curriculum-guide-slide-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tertiary-curriculum-guide-window{animation:tertiary-curriculum-guide-slide-in .3s ease-out}.curriculum-guide-fab{position:fixed;top:90px;left:30px;width:auto;height:auto;padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px #667eea66;transition:all .3s ease;z-index:999;font-weight:500;font-size:14px;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 4px 12px #667eea66}50%{box-shadow:0 4px 20px #667eea99}to{box-shadow:0 4px 12px #667eea66}}.curriculum-guide-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #667eea99;animation:none}.curriculum-guide-fab:active{transform:translateY(0) scale(1)}.curriculum-guide-fab-text{white-space:nowrap}.curriculum-guide-window{position:fixed;top:85px;left:50%;transform:translate(-50%);width:90vw;max-width:1200px;height:calc(100vh - 115px);background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;z-index:1000;border:1px solid #e1e5e9;overflow:hidden;transition:all .3s ease}.curriculum-guide-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.curriculum-guide-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}.curriculum-guide-controls{display:flex;gap:8px}.curriculum-guide-control-btn{background:#fff3;border:none;border-radius:6px;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.curriculum-guide-control-btn:hover{background:#ffffff4d}.curriculum-guide-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.curriculum-guide-message{display:flex;flex-direction:column}.curriculum-guide-message.user{align-items:flex-end}.curriculum-guide-message.assistant{align-items:flex-start}.curriculum-guide-message-content{max-width:85%;padding:12px 16px;border-radius:18px;word-wrap:break-word;line-height:1.4}.curriculum-guide-message.user .curriculum-guide-message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:6px}.curriculum-guide-message.assistant .curriculum-guide-message-content{background:#f8f9fa;color:#333;border:1px solid #e9ecef;border-bottom-left-radius:6px}.curriculum-guide-message-content h1,.curriculum-guide-message-content h2,.curriculum-guide-message-content h3{margin:0 0 8px;font-size:1em;font-weight:600}.curriculum-guide-message-content p{margin:0 0 8px}.curriculum-guide-message-content p:last-child{margin-bottom:0}.curriculum-guide-message-content ul,.curriculum-guide-message-content ol{margin:8px 0;padding-left:20px}.curriculum-guide-message-content li{margin:4px 0}.curriculum-guide-message-content strong{font-weight:600}.curriculum-guide-message-content code{background:#0000001a;padding:2px 4px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.curriculum-guide-message.user .curriculum-guide-message-content code{background:#fff3}.curriculum-guide-typing{display:flex;gap:4px;align-items:center}.curriculum-guide-typing span{width:8px;height:8px;border-radius:50%;background:#999;animation:curriculum-guide-typing-bounce 1.4s infinite ease-in-out}.curriculum-guide-typing span:nth-child(1){animation-delay:-.32s}.curriculum-guide-typing span:nth-child(2){animation-delay:-.16s}@keyframes curriculum-guide-typing-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.curriculum-guide-input-container{padding:16px;border-top:1px solid #e9ecef;display:flex;gap:12px;align-items:flex-end;background:#fff}.curriculum-guide-input{flex:1;border:1px solid #e9ecef;border-radius:20px;padding:12px 16px;font-size:14px;resize:none;outline:none;transition:border-color .2s ease;font-family:inherit;line-height:1.4;max-height:100px}.curriculum-guide-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.curriculum-guide-input:disabled{background:#f8f9fa;color:#6c757d}.curriculum-guide-send-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.curriculum-guide-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 8px #667eea4d}.curriculum-guide-send-btn:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.curriculum-guide-messages::-webkit-scrollbar{width:6px}.curriculum-guide-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.curriculum-guide-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.curriculum-guide-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 480px){.curriculum-guide-window{width:calc(100vw - 20px);height:calc(100vh - 120px);top:90px;left:10px;right:10px}.curriculum-guide-fab{top:90px;left:15px;padding:12px 16px;font-size:13px}.curriculum-guide-fab-text{display:none}.curriculum-guide-fab:after{content:"Ask me!";margin-left:8px}}@media (max-width: 768px) and (min-width: 481px){.curriculum-guide-fab{top:90px;left:20px;font-size:13px;padding:12px 18px}}@keyframes curriculum-guide-slide-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.curriculum-guide-window{animation:curriculum-guide-slide-in .3s ease-out}.home-screen.enterprise-screen{min-height:100vh;background-color:#f0f0f0}.home-header.enterprise-header{background-color:#3146a1;padding:0;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:1000;height:70px}.enterprise-header .logo{display:flex;align-items:center;height:100%;padding:0}.enterprise-header .logo img{height:100%;width:auto;padding:0}.enterprise-nav{display:flex;align-items:center;justify-content:center;gap:2rem;height:100%;flex:1}.enterprise-nav a{color:#fff;text-decoration:none;font-weight:500;padding:.75rem 1.25rem;border-radius:4px;transition:background-color .2s;font-size:1rem}.enterprise-nav a:hover{background-color:#ffffff1a}.enterprise-nav a.active{background-color:#24a3ed;color:#fff}.enterprise-header .account-controls{display:flex;align-items:center;gap:1rem;padding-right:1rem;height:100%}.enterprise-header .account-type{font-weight:500;color:#fff;background-color:#24a3ed;padding:.5rem 1rem;border-radius:4px;margin-right:.5rem}.enterprise-header .logout-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;color:#fff;background-color:#e90d0d}.enterprise-header .logout-button:hover{background-color:#c50b0b}.home-content{padding:2rem;margin-top:80px}.home-content h1{color:#1c3b57;margin-bottom:1.5rem}.white-box{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.actions-section{display:flex;gap:1rem;margin-bottom:2rem}.search-box{position:relative;width:100%}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666}.search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #ddd;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#24a3ed;box-shadow:0 0 0 2px #24a3ed40}.new-debate-button,.delete-all-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;color:#fff}.new-debate-button{background-color:#24a3ed}.new-debate-button:hover{background-color:#1c82bd}.delete-all-button{background-color:#e90d0d}.delete-all-button:hover{background-color:#c50b0b}.debates-table{width:100%;border-collapse:collapse}.debates-table th,.debates-table td{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}.debates-table th{background-color:#f0f8ff;font-weight:600;color:#1c3b57}.debates-table tr:hover{background-color:#f0f8ff}.button{padding:8px 16px;background-color:#24a3ed;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.button:hover{background-color:#1c82bd}.button.open-button{background-color:#24a3ed;font-weight:500;padding:10px;min-width:44px;min-height:44px;border-radius:8px;box-shadow:0 2px 4px #24a3ed40;display:flex;align-items:center;justify-content:center}.button.open-button:hover{background-color:#1c82bd;transform:translateY(-2px);box-shadow:0 4px 8px #24a3ed4d}.button.delete-button,button.delete-button,.debates-table .button.delete-button,.debates-table button.delete-button{background-color:#e90d0d!important;padding:10px!important;min-width:44px!important;min-height:44px!important;border-radius:8px!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;box-shadow:0 2px 4px #e90d0d40!important;opacity:0!important;visibility:hidden!important;transition:opacity .2s,visibility .2s,transform .2s,box-shadow .2s!important}.button.delete-button:hover,button.delete-button:hover,.debates-table .button.delete-button:hover,.debates-table button.delete-button:hover{background-color:#c50b0b!important;transform:translateY(-2px)!important;box-shadow:0 4px 8px #e90d0d4d!important}.debates-table tr:hover .button.delete-button,.debates-table tr:hover button.delete-button{opacity:1!important;visibility:visible!important}.logout-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;color:#fff;background-color:#e90d0d}.logout-button:hover{background-color:#c50b0b}.teacher .motion-filter-manager{margin-bottom:2rem}.student .main-nav{gap:1.5rem}.settings-section{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;width:100%}.coming-soon{position:relative;cursor:default!important;opacity:.7}.coming-soon-tag{position:absolute;top:-5px;right:-5px;background-color:#ffcb05;color:#1c3b57;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:10px;white-space:nowrap}.column-coming-soon{display:inline-block;margin-left:5px;background-color:#ffcb05;color:#1c3b57;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:10px;vertical-align:middle}.tutorials-screen{width:100%}.tutorials-container{max-width:1100px;margin:0 auto;padding:16px}.hero{margin-top:70px;margin-bottom:40px}.hero-header{text-align:center;margin-bottom:40px}.hero-header h1{margin:0 0 12px;font-size:32px;color:#0e2438}.hero-header p{color:#6b7280;font-size:18px;margin:0}.get-started-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto}.tutorial-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;position:relative;display:flex;flex-direction:column}.interactive-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9}.video-card{background:#fff;border:1px solid #e5e7eb}.card-badge-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-interactive{background:#0ea5e9;color:#fff}.badge-video{background:#6b7280;color:#fff}.similarity-note{font-size:12px;color:#6b7280;font-style:italic}.card-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fff;border-radius:12px;margin:0 auto 20px;color:#0ea5e9;box-shadow:0 2px 8px #00000014}.tutorial-card h2{font-size:20px;color:#111827;margin:0 0 12px;text-align:center}.card-description{color:#4b5563;font-size:14px;line-height:1.6;text-align:center;margin:0 0 20px;flex-grow:1}.cta-button{width:100%;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;margin-bottom:16px}.cta-button.primary{background:#0ea5e9;color:#fff}.cta-button.primary:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.feature-list{list-style:none;padding:0;margin:0;font-size:13px;color:#6b7280}.feature-list li{padding:4px 0;display:flex;align-items:center;gap:6px}.feature-list li:first-child{color:#374151;font-weight:500}.video-embed-container{margin-bottom:16px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.video-meta{display:flex;align-items:center;gap:6px;justify-content:center;color:#6b7280;font-size:13px;margin-top:12px}.section-divider{height:1px;background:#e5e7eb;margin:60px 0 40px}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;background:#eef6ff;color:#0b3b73;padding:6px 10px;border:1px solid #cfe3ff;border-radius:999px;font-size:13px}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tag{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb;color:#374151;font-size:12px}.hero-right{display:flex}.primary-video-placeholder{position:relative;flex:1;border:2px dashed #cbd5e1;border-radius:12px;background:linear-gradient(135deg,#fafafa,#f5f7fb);overflow:hidden}.coming-soon-ribbon{position:absolute;top:10px;left:-12px;background:#24a3ed;color:#fff;padding:6px 14px;font-size:12px;transform:rotate(-6deg);border-radius:4px;box-shadow:0 2px 8px #00000026}.placeholder-body{height:100%;min-height:220px;display:flex;align-items:center;gap:14px;padding:18px}.play-circle{width:52px;height:52px;border-radius:50%;background:#24a3ed;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #24a3ed59}.placeholder-text h3{margin:0 0 6px}.placeholder-text p{margin:0 0 6px;color:#4b5563}.placeholder-text .meta{display:inline-flex;gap:6px;align-items:center;color:#6b7280;font-size:12px}.grid-section{margin-top:22px}.section-header h2{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:18px;color:#1f2937}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width: 1100px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 820px){.hero{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(2,1fr)}.get-started-cards{grid-template-columns:1fr;gap:20px}}@media (max-width: 560px){.video-grid{grid-template-columns:1fr}.hero-header h1{font-size:24px}.hero-header p{font-size:16px}.tutorial-card{padding:20px}.video-embed-container iframe{height:200px}}.video-card{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.video-card.primary{grid-column:span 2}.video-thumb{position:relative;height:120px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;align-items:center;justify-content:center}.thumb-overlay{display:inline-flex;align-items:center;gap:6px;background:#0f172acc;color:#fff;padding:6px 10px;border-radius:999px;font-size:12px}.video-meta{padding:10px}.video-title{margin:0 0 4px;font-size:14px;color:#0f172a}.video-desc{margin:0 0 8px;font-size:13px;color:#4b5563;min-height:34px}.video-info{display:inline-flex;gap:6px;align-items:center;color:#6b7280;font-size:12px}.more-coming{margin:24px 0 40px}.more-box{border:1px dashed #cbd5e1;background:#f9fafb;padding:14px;border-radius:10px;text-align:center;color:#334155}.tutorial-resume-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tutorial-resume-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.tutorial-resume-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.tutorial-resume-modal .modal-header h2{margin:0;font-size:20px;color:#111827}.tutorial-resume-modal .modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.tutorial-resume-modal .modal-close:hover{color:#111827}.tutorial-resume-modal .modal-content{padding:24px;flex:1;overflow-y:auto}.tutorial-resume-modal .progress-info{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;margin-bottom:20px}.tutorial-resume-modal .progress-info svg{flex-shrink:0;color:#f59e0b;margin-top:2px}.tutorial-resume-modal .progress-info p{margin:0;color:#92400e;font-size:15px;line-height:1.5}.tutorial-resume-modal .progress-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:20px}.tutorial-resume-modal .progress-stats{margin:0 0 8px;font-size:14px;color:#6b7280}.tutorial-resume-modal .current-step{margin:0;font-size:14px;color:#4b5563}.tutorial-resume-modal .current-step code{background:#e5e7eb;padding:2px 6px;border-radius:4px;font-size:13px;font-family:monospace;text-transform:lowercase}.tutorial-resume-modal .modal-question{margin-bottom:16px}.tutorial-resume-modal .modal-question p{margin:0;font-size:16px;color:#111827;font-weight:500}.tutorial-resume-modal .modal-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.tutorial-resume-modal .action-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:2px solid transparent;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.tutorial-resume-modal .action-button.resume{background:#24a3ed;color:#fff;border-color:#24a3ed}.tutorial-resume-modal .action-button.resume:hover{background:#1a8dd7;border-color:#1a8dd7;transform:translateY(-1px);box-shadow:0 4px 12px #24a3ed40}.tutorial-resume-modal .action-button.restart{background:#fff;color:#374151;border-color:#e5e7eb}.tutorial-resume-modal .action-button.restart:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.tutorial-resume-modal .modal-footer{padding:0 24px 24px;text-align:center}.tutorial-resume-modal .cancel-button{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:8px 16px;transition:color .2s ease}.tutorial-resume-modal .cancel-button:hover{color:#111827;text-decoration:underline}.begin-tutorial-button{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#24a3ed;color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #24a3ed4d;transition:all .3s ease;z-index:9999}.begin-tutorial-button:hover{background-color:#1a8ed4;box-shadow:0 6px 16px #24a3ed66;transform:translateY(-2px)}.begin-tutorial-button:disabled{opacity:.6;cursor:not-allowed}.tutorial-persona-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2147483701;animation:fadeIn .3s ease;overscroll-behavior:contain}.tutorial-persona-content{background-color:#fff;border-radius:16px;padding:40px;max-width:600px;width:90%;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease;pointer-events:auto}.tutorial-persona-content h2{margin:0 0 12px;font-size:28px;color:#2c5aa0;text-align:center}.tutorial-persona-content>p{margin:0 0 32px;font-size:16px;color:#666;text-align:center}.persona-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.persona-option{display:flex;flex-direction:column;align-items:center;padding:24px;background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.persona-option:hover{border-color:#24a3ed;background-color:#f0f8ff;transform:translateY(-4px);box-shadow:0 4px 16px #24a3ed33}.persona-option svg{color:#24a3ed;margin-bottom:12px}.persona-option h3{margin:0 0 8px;font-size:20px;color:#2c5aa0}.persona-option p{margin:0;font-size:14px;color:#666;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.begin-tutorial-button{bottom:16px;right:16px;padding:10px 16px;font-size:13px}.tutorial-persona-content{padding:24px}.persona-options{grid-template-columns:1fr}.persona-option{padding:20px}}.__floater__open .react-joyride__tooltip{animation:tooltipFadeIn .3s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tutorial-multi-highlight{box-shadow:0 0 0 4px #ffff00e6,0 0 20px #ff0c!important;border-radius:8px!important;background-color:transparent!important;transition:all .3s ease!important;animation:tutorialPulse 2s infinite!important}svg rect.tutorial-multi-highlight{fill:transparent!important;stroke:#ffd000f2!important;stroke-width:4px!important;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px rgba(255,208,0,.9))}@keyframes tutorialPulse{0%{box-shadow:0 0 0 4px #ffff00e6,0 0 20px #ff0c;background-color:#ffff004d;outline:3px solid rgba(255,255,0,.8)}50%{box-shadow:0 0 0 6px #ff0,0 0 30px #ff0;background-color:#ff06;outline:4px solid rgba(255,255,0,1)}to{box-shadow:0 0 0 4px #ffff00e6,0 0 20px #ff0c;background-color:#ffff004d;outline:3px solid rgba(255,255,0,.8)}}