.decor-icon{width:100px;position:absolute}.icon-top-left{top:-30px;left:-30px}.icon-top-right{top:-30px;right:-30px}.icon-bottom-left{bottom:-30px;left:-30px}.icon-bottom-right{bottom:-30px;right:-30px}@media (max-width: 768px){.decor-icon{width:70px}.icon-top-left{top:-20px;left:-20px}.icon-top-right{top:-20px;right:-20px}.icon-bottom-left{bottom:-20px;left:-20px}.icon-bottom-right{bottom:-20px;right:-20px}}@media (max-width: 480px){.decor-icon{width:60px}}#app-root:has(.home-page-grid-container){width:100%;max-width:1200px;padding:30px;height:900px}.home-page-grid-container{width:100%;height:100%;display:grid;grid-template-columns:350px 1fr 1fr;grid-template-rows:min-content 1fr;gap:20px;min-height:500px}.grid-item{background:#ffffffb3;border:3px solid #ff8ac9;border-radius:20px;padding:20px;display:flex;flex-direction:column;box-shadow:0 4px 10px #ff69b433}.grid-item:not(.avatar-area){align-items:flex-start;text-align:left}.avatar-area{grid-column:1;grid-row:1 / span 2;padding:0;display:flex;justify-content:center;align-items:center;background:#fff8fc;position:relative;cursor:pointer;z-index:2}.large-avatar{width:100%;height:100%;object-fit:cover;border-radius:17px}.no-avatar-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#a0a0a0;font-size:1.2em;background-color:#f0f0f0}.user-info-area{grid-column:2;grid-row:1}.user-info-area h2{font-size:28px;margin-bottom:15px;color:#ffe8f3;text-shadow:0px 0px 10px #ff0080;text-align:center;width:100%}.user-info-area p{font-size:16px;margin-bottom:8px;word-break:break-all;line-height:1.4}.user-info-area p strong{color:#c2185b}.control-panel-area{grid-column:3;grid-row:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:1}.control-panel-area h3{font-size:28px;margin-bottom:20px;color:#ffe8f3;text-shadow:0px 0px 10px #ff0080;text-align:center;width:100%}.control-button-group{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:300px;margin-top:10px;justify-items:center;align-items:center;align-self:center}.control-button{padding:8px 12px;font-size:16px;font-family:"Baloo 2",cursive;border:2px solid #ffb3e0;border-radius:20px;color:#d63384;background:#fff0f5;cursor:pointer;transition:all .2s;box-shadow:0 4px 8px #ff69b433;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-button:hover{background:pink;color:#fff;border-color:#ff69b4;transform:translateY(-2px);box-shadow:0 6px 12px #ff69b44d}.control-button.active{background:linear-gradient(to right,#ff69b4,#ff85c1);color:#fff;border-color:#ff1493;box-shadow:0 4px 15px #ff69b499;transform:translateY(-1px);text-shadow:1px 1px #d63384}.control-button.logout-button{background:linear-gradient(to right,#85c1ff,#69b4ff);text-shadow:2px 2px #3384d6;color:#fff}.control-button.logout-button:hover{background:linear-gradient(to right,#1493ff,#69b4ff)}.control-button.logout-button.active{background:linear-gradient(to right,#1493ff,#69b4ff);box-shadow:0 4px 15px #69b4ff99;text-shadow:1px 1px #3384d6}.content-area-bottom{grid-column:2 / span 2;grid-row:2;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:overlay}.default-content-message,.overview-content,.todo-list-content,.history-content,.inventory-content,.exercise-content{width:100%}.default-content-message p{font-size:1.2em;color:#a0a0a0;margin-top:20px;text-align:center}.overview-content h3,.history-content h3,.todo-list-content h3,.inventory-content h3,.exercise-content h3{font-size:24px;color:#ffe8f3;text-shadow:0px 0px 10px #ff0080;margin-bottom:20px;text-align:center;width:100%}.overview-content p,.todo-list-content p,.inventory-content p,.exercise-content p{font-size:18px;margin-bottom:10px;color:#555}.overview-content p strong,.history-content p strong{color:#d63384}.history-list{width:100%;overflow-y:auto;padding-right:10px;margin-top:10px}.history-item{background:#fff0f5cc;border:1px solid #ffb3e0;border-radius:10px;padding:15px;margin-bottom:10px;box-shadow:0 2px 5px #ff69b41a}.history-item h4{font-size:20px;color:#c2185b;margin-top:0;margin-bottom:10px;text-align:left;text-shadow:none}.history-item p{font-size:15px;margin-bottom:5px;color:#444;text-align:left}@media (max-width: 992px){.home-page-grid-container{grid-template-columns:200px 1fr 1fr;grid-template-rows:minmax(min-content,250px) 1fr;gap:15px}.large-avatar[src*=placeholder],.no-avatar-placeholder .large-avatar{content:url(https://via.placeholder.com/200x800?text=Avatar)}.user-info-area h2,.control-panel-area h3{font-size:22px}.control-button-group{max-width:270px}.control-button{font-size:15px;padding:7px 10px}.overview-content h3,.history-content h3,.todo-list-content h3,.inventory-content h3,.exercise-content h3{font-size:22px}.overview-content p,.history-content p{font-size:16px}.history-item h4{font-size:18px}.history-item p{font-size:14px}}@media (max-width: 768px){#app-root:has(.home-page-grid-container){grid-template-columns:1fr;grid-template-rows:auto;gap:15px;max-width:600px}.avatar-area{grid-column:1;grid-row:auto;min-height:250px}.large-avatar[src*=placeholder],.no-avatar-placeholder .large-avatar{content:url(https://via.placeholder.com/600x300?text=Avatar)}.grid-item:not(.avatar-area){align-items:center;text-align:center}.user-info-area h2,.control-panel-area h3{text-align:center}.user-info-area,.control-panel-area,.content-area-bottom{grid-column:1;grid-row:auto;align-items:center;text-align:center}.user-info-area h2,.control-panel-area h3{font-size:28px}.control-button-group{grid-template-columns:repeat(3,1fr);max-width:300px}.overview-content p,.history-content p,.todo-list-content p,.inventory-content p,.exercise-content p,.default-content-message p{text-align:center}.overview-content h3,.history-content h3,.todo-list-content h3,.inventory-content h3,.exercise-content h3{font-size:24px}.default-content-message{margin-top:10px}.history-item h4,.history-item p{text-align:left}}@media (max-width: 480px){#app-root:has(.home-page-grid-container){padding:10px;height:auto;min-height:100vh;display:block}.home-page-grid-container{grid-template-columns:120px 1fr;grid-template-rows:auto auto 1fr;gap:5px;min-height:auto;height:100%}.avatar-area{grid-column:1;grid-row:1;border-radius:17px;position:sticky;top:10px;z-index:10;background:#ffffffe6;box-shadow:0 2px 5px #ff69b433}.large-avatar[src*=placeholder],.no-avatar-placeholder .large-avatar{content:url(https://via.placeholder.com/120x120?text=Avatar)}.control-panel-area{grid-column:2;grid-row:1;padding-top:10px;position:sticky;top:10px;z-index:9;background:#ffffffe6;box-shadow:0 2px 5px #ff69b433}.user-info-area{grid-column:1 / span 2;grid-row:2}.content-area-bottom{grid-column:1 / span 2;grid-row:3;padding-top:10px}.grid-item{padding:15px}.grid-item:not(.avatar-area){align-items:flex-start;text-align:left}.user-info-area h2,.control-panel-area h3{font-size:20px;margin-bottom:10px;text-align:left;width:auto}.user-info-area p{font-size:14px;text-align:left}.control-button-group{grid-template-columns:repeat(2,1fr);max-width:none;width:100%;justify-items:stretch}.control-button{font-size:13px;padding:8px 5px;min-width:60px}.overview-content h3,.history-content h3,.todo-list-content h3,.inventory-content h3,.exercise-content h3{font-size:20px;margin-bottom:15px;text-align:left}.overview-content p,.history-content p,.todo-list-content p,.inventory-content p,.exercise-content p,.default-content-message p{font-size:14px;text-align:left}.history-item h4{font-size:16px}.history-item p{font-size:13px}}.todo-list-container{width:100%;margin:20px auto;background-color:#f7fafd;border-radius:12px;box-shadow:0 6px 15px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;display:flex;flex-direction:column}h2{text-align:center;color:#ff69b4;margin-bottom:25px;font-size:2.2em;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.05)}.error-message{color:#e74c3c;text-align:center;padding:15px;background-color:#ffebee;border:1px solid #e74c3c;border-radius:8px;margin-top:20px}.tabs{display:flex;justify-content:center;gap:15px;margin-bottom:25px;position:sticky;top:0;background-color:#f7fafd;padding:10px 0;z-index:10;border-bottom:1px solid #e0e0e0}.tab-button{background-color:#e0e0e0;color:#555;border:none;padding:12px 25px;border-radius:25px;cursor:pointer;font-size:1.1em;font-weight:600;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.tab-button:hover{background-color:#d0d0d0;color:#333}.tab-button.active{background-color:#ff69b4;color:#fff;box-shadow:0 4px 10px #ff69b44d;transform:translateY(-2px)}.tab-content{flex-grow:1;overflow-y:auto;padding-top:10px;min-height:400px}.todo-section h3{text-align:center;color:#555;margin-bottom:20px;font-size:1.8em;font-weight:600;padding-top:10px}.topic-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;padding:10px}.topic-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #eee}.topic-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.topic-card h4{color:#ff69b4;text-shadow:none;margin-top:0;margin-bottom:10px;font-size:1.4em;font-weight:600}.topic-card p{font-size:.95em;line-height:1.5;color:#666;margin-bottom:8px}.topic-card p strong{color:#444}.topic-card .status-message{color:#28a745;font-weight:700;text-align:center;margin-top:15px;padding-top:10px;border-top:1px dashed #e0e0e0}.topic-card.done{opacity:.8;border:1px solid #d4edda;background-color:#e9f5ed}.no-homework-message{text-align:center;color:#888;font-size:1.1em;padding:30px;background-color:#f0f0f0;border-radius:8px;margin:20px}.topic-card .start-button{background-color:#ff69b4;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;margin-top:15px;transition:all .3s ease;width:100%;box-sizing:border-box;align-self:flex-end}.topic-card .start-button:hover{background-color:#e05c9f;transform:translateY(-1px);box-shadow:0 4px 8px #ff69b466}.topic-card.done .start-button{display:none}@media (max-width: 768px){.todo-list-container{padding:15px;margin:10px auto;min-height:auto}h2{font-size:1.8em;margin-bottom:20px}.tabs{flex-wrap:wrap;gap:10px;padding:8px 0}.tab-button{padding:10px 20px;font-size:1em}.topic-card-grid{grid-template-columns:1fr;gap:20px;padding:5px}.topic-card{padding:20px}.topic-card h4{font-size:1.2em}.topic-card p{font-size:.9em}.topic-card .start-button{padding:10px 15px;font-size:.9em}}@media (max-width: 480px){.todo-list-container{padding:10px}h2{font-size:1.5em}.tab-button{padding:8px 15px;font-size:.9em}}.exercise-menu-wrapper{display:flex;gap:15px;width:100%;max-height:550px;overflow:hidden;background-color:#fff8fc;border-radius:15px;box-shadow:0 4px 10px #ff69b41a;padding:15px}.menu-column{flex:0 0 30%;max-width:30%;border-right:1px solid #ffb3e0;padding-right:15px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.menu-column::-webkit-scrollbar{display:none}.content-column{flex:1;padding-left:15px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.content-column::-webkit-scrollbar{display:none}.menu-column h3,.content-column h4{text-align:center;font-size:24px;color:#d63384;text-shadow:1px 1px #ff8ac9;margin-bottom:20px}.content-column h4{font-size:20px;margin-bottom:15px;color:#4a4a4a}.loading-message,.error-message,.no-data-message,.no-topics-message{text-align:center;color:#777;margin-top:20px;font-size:1.1em}.error-message{color:#ff4d4f;font-weight:700}.main-menu{list-style:none;padding:0;margin:0}.menu-item{background-color:#ffe0f0;border:1px solid #ffb3e0;border-radius:8px;margin-bottom:4px;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease-in-out}.menu-item:hover{background-color:pink;transform:translateY(-1px)}.menu-item-header{display:flex;align-items:center;padding:8px 10px;font-size:.95em;font-weight:500;color:#4a4a4a}.item-icon{margin-right:8px;font-size:1.1em}.item-name{flex-grow:1}.toggle-icon{margin-left:8px;font-size:.8em;transform:rotate(90deg)}.back-button-standalone{margin-bottom:15px;width:100%;padding:8px 10px;font-size:1em}.breadcrumb-nav{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:15px;gap:5px;padding-bottom:10px;border-bottom:1px solid #eee;font-size:1em;color:#444}.breadcrumb-nav span{cursor:pointer;padding:3px 6px;border-radius:4px;transition:background-color .2s ease;white-space:nowrap}.breadcrumb-nav span:hover{background-color:#e9e9e9;color:#007bff}.breadcrumb-nav .separator{margin:0 3px;color:#aaa}.topic-list{list-style:none;padding:0;margin:0}.topic-item{background-color:#e6f7ff;border:1px solid #91d5ff;border-radius:10px;padding:15px;margin-bottom:10px;box-shadow:0 2px 5px #0000000d;cursor:pointer}.topic-item:hover{background-color:#cce9ff}.topic-item p{margin:0 0 8px;color:#333;font-size:.95em}.topic-item p strong{color:#1890ff;font-size:1.1em}.start-exercise-button{background-color:#52c41a;color:#fff;border:none;border-radius:5px;padding:8px 15px;cursor:pointer;font-size:.9em;transition:background-color .2s ease-in-out;display:block;margin-top:10px;width:100%;box-sizing:border-box}.start-exercise-button:hover{background-color:#73d13d}.topic-detail{background-color:#e0fff0;border:1px solid #a0e9a0;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0080001a}.topic-detail p{margin-bottom:10px;font-size:1em;color:#222}.topic-detail p strong{color:#007bff}.back-to-list-button{background-color:#6c757d;color:#fff;border:none;border-radius:5px;padding:8px 15px;cursor:pointer;font-size:.9em;transition:background-color .2s ease-in-out;margin-top:10px;width:100%;box-sizing:border-box}.back-to-list-button:hover{background-color:#5a6268}@media (max-width: 768px){.exercise-menu-wrapper{flex-direction:column;max-height:none;overflow-y:visible;padding:10px}.menu-column{flex:none;width:100%;max-width:100%;border-right:none;border-bottom:1px solid #ffb3e0;padding-right:0;padding-bottom:10px;max-height:250px}.content-column{flex:none;width:100%;padding-left:0;padding-top:10px;max-height:400px}.menu-column h3,.content-column h4{font-size:20px;margin-bottom:15px}.menu-item-header{padding:8px 10px;font-size:.95em}.breadcrumb-nav{font-size:.9em}}@media (max-width: 480px){.exercise-menu-wrapper{padding:5px}.menu-column{max-height:200px}.content-column{max-height:350px}.menu-column h3,.content-column h4{font-size:18px;margin-bottom:10px}.topic-item,.topic-detail{padding:10px}.start-exercise-button,.back-to-list-button{padding:6px 10px;font-size:.8em}}.admin-account-management-container{padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px #0000001a}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px}.user-table th,.user-table td{border:1px solid #dee2e6;padding:12px;text-align:left}.user-table th{background-color:#e9ecef;font-weight:700}.user-table tr:nth-child(2n){background-color:#f2f2f2}.actions-cell{white-space:nowrap}.action-button{padding:8px 12px;border:none;border-radius:5px;cursor:pointer;margin-right:5px;color:#fff;font-size:12px}.edit-button{background-color:#007bff}.edit-button:hover{background-color:#0056b3}.delete-button{background-color:#dc3545}.delete-button:hover{background-color:#c82333}.admin-loading,.admin-error,.no-users{text-align:center;margin-top:20px;font-size:16px;color:#666}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:25px;border-radius:10px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:500px;animation:fadeIn .3s ease-in-out}.modal-footer{justify-content:space-between;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.chat-bubble-container{position:absolute;bottom:calc(100% - 15px);left:100%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center}.chat-bubble{background-color:#fff;border:2px solid #ff8ac9;border-radius:15px;padding:10px 15px;box-shadow:0 4px 12px #ff69b44d;max-width:400px;min-width:300px;text-align:center;position:relative;font-size:.95em;color:#333;pointer-events:all;box-sizing:border-box}.chat-bubble p{margin:0;line-height:1.4;word-wrap:break-word}.chat-bubble-arrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ff8ac9;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);z-index:1}.chat-bubble-arrow:after{content:"";position:absolute;left:-8px;top:-12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff;z-index:2}@media (max-width: 992px){.chat-bubble{max-width:300px}}@media (max-width: 768px){.chat-bubble-container{bottom:calc(100% + 10px)}.chat-bubble{max-width:250px;padding:8px 12px;font-size:.9em}}@media (max-width: 480px){.chat-bubble-container{bottom:90%;right:50%}.chat-bubble{max-width:275px;padding:6px 10px;font-size:.7em;min-width:250px}.chat-bubble-arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ff8ac9;bottom:-8px}.chat-bubble-arrow:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ffffff;top:-10px;left:-6px}}#app-root:has(.test-container){width:100%;max-width:1200px}.test-container{display:flex;gap:20px;padding:20px;max-width:1200px;width:100%;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden}.test-column-1{display:flex;flex-direction:column;gap:20px;width:400px}.test-column-2{display:flex;flex-direction:column;flex:1;gap:20px;min-width:0;justify-content:space-between}.test-metadata,.question-display-area,.question-list-area,.answer-options-area{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow-y:auto;display:flex;flex-direction:column}.test-metadata{background-color:#e0f7fa;text-align:left;overflow-y:hidden}.test-metadata h3{color:#00796b;margin-top:0;margin-bottom:10px;font-size:1.3em}.test-metadata p{margin:5px 0;color:#333;font-size:.95em}.question-display-area{background-color:#fff}.question-display-content{flex-grow:1;display:flex;flex-direction:column}.question-display-content p{margin-bottom:15px;line-height:1.6;font-size:1.1em;color:#222}.question-display-content b{color:#004d40}.question-list-area{background-color:#e8f5e9;align-items:center;justify-content:space-between}.question-list-area h4{color:#2e7d32;margin-top:0;margin-bottom:15px;font-size:1.2em}.question-buttons-container{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px;width:100%}.question-button{background-color:#fff;text-shadow:none;color:#d63384;border:1px solid #d3d3d3;width:40px;height:40px;margin:5px;cursor:pointer;font-size:14px;transition:background-color .2s,border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000001a;border-radius:5px;display:flex;align-items:center;justify-content:center}.question-button:hover:not(.active):not(.correct):not(.wrong){background-color:#e0e0e0}.question-button.active{background-color:#2e7d32;color:#fff;border-color:#1b5e20;box-shadow:0 2px 5px #0003}.question-button.answered{background-color:#c8e6c9;color:#4caf50;border-color:#81c784}.question-button.answered.active{background-color:#2e7d32;color:#fff}.question-button.correct{background-color:#28a745;color:#fff;border-color:#218838}.question-button.wrong{background-color:#dc3545;color:#fff;border-color:#c82333}.question-button.correct.active{background-color:#218838;border-color:#1a7337}.question-button.wrong.active{background-color:#c82333;border-color:#b21f2d}.test-actions{display:flex;gap:10px;width:100%;align-items:center;margin-top:auto}.submit-test-button{background-color:#4caf50;color:#fff;padding:12px 25px;border:none;border-radius:5px;cursor:pointer;font-size:1.1em;font-weight:700;transition:background-color .3s ease;width:80%;max-width:200px}.submit-test-button:hover:not(:disabled){background-color:#45a049}.submit-test-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.back-button{background-color:#f44336;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease;width:80%;max-width:200px}.back-button:hover{background-color:#da190b}.answer-options-area{background-color:#fff}.error-message{color:#d32f2f;font-weight:700;text-align:center;margin:20px}.image-container{text-align:center;margin-bottom:20px;width:100%}.large-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 5px #0000001a;cursor:zoom-in;transition:transform .3s ease-in-out}.large-image.enlarged{transform:scale(1.5);cursor:zoom-out;position:relative;z-index:10}.access-element{margin-bottom:20px;font-style:italic;color:#666}.writing-input{border:1px solid #ccc;border-radius:4px;padding:8px 10px;font-size:1em;margin:0 5px;min-width:80px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.writing-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.writing-input:disabled{background-color:#e9ecef;cursor:not-allowed;color:#6c757d}.choice-group,.multi-choice-group{display:flex;flex-direction:column;gap:10px;margin-top:15px;text-align:left}.choice-group.many-options,.multi-choice-group.many-options{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.choiceContainer{display:flex;align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:5px;padding:10px 15px;cursor:pointer;transition:background-color .2s,border-color .2s;min-width:250px;flex-basis:calc(50% - 10px);box-sizing:border-box}.navigation-buttons-container{display:flex;justify-content:space-around}.nav-button{background-color:#ff8ac9;padding:5px 15px}.nav-button:disabled{background-color:#838383}@media (min-width: 768px){.choice-group.many-options .choiceContainer,.multi-choice-group.many-options .choiceContainer{flex-basis:calc(50% - 10px)}}.choiceContainer:hover:not(.disabled){background-color:#e0e0e0;border-color:#bbb}.choiceContainer.selected{background-color:#d1ecf1;border-color:#007bff;font-weight:700}.choiceContainer.disabled{cursor:not-allowed;opacity:.8}.choiceContainer input[type=radio],.choiceContainer input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.choiceContainer label{flex-grow:1;cursor:inherit}.choiceContainer.correct-answer{background-color:#d4edda;border-color:#28a745;color:#155724}.choiceContainer.wrong-answer{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.choiceContainer.correct-answer-unselected{background-color:#fff3cd;border-color:#ffc107;color:#856404}.writing-input.correct-answer{border-color:#28a745;background-color:#d4edda;color:#155724}.writing-input.wrong-answer{border-color:#dc3545;background-color:#f8d7da;color:#721c24}.sort-question-area{margin-top:20px;padding:15px;background-color:#f0f4c3;border-radius:8px;border:1px solid #cddc39}.sort-question-area p{font-weight:700;margin-bottom:15px;color:#558b2f}.sort-area{display:flex;flex-wrap:wrap;gap:10px;border:2px dashed #9e9e9e;min-height:80px;padding:10px;border-radius:8px;background-color:#fcfcfc;align-content:flex-start;margin-bottom:15px}.sort-area.disabled-sort-area{background-color:#eee;border-color:#ccc;cursor:not-allowed}.sort-item{background-color:#ffe082;color:#e65100;padding:8px 12px;border:1px solid #ffb300;border-radius:20px;cursor:grab;transition:background-color .2s,transform .2s;font-size:.95em;-webkit-user-select:none;user-select:none}.sort-item:hover:not(.disabled){background-color:#ffca28;transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.sort-item.disabled{cursor:not-allowed;opacity:.7;background-color:#e0e0e0;border-color:#ccc;color:#666}.sorting-area{border-color:#4caf50;background-color:#e8f5e9}.sort-item.correct-answer{background-color:#d4edda;border-color:#28a745;color:#155724}.sort-item.wrong-answer{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.explanation-container{margin-top:25px;padding:15px;background-color:#e3f2fd;border-left:5px solid #2196f3;border-radius:5px;text-align:left}.explanation-container h4{color:#1976d2;margin-top:0;margin-bottom:10px}.explanation-container p{color:#333;line-height:1.5}.explanation-container strong{color:#d32f2f}@media (max-width: 992px){.test-container{flex-direction:column;height:auto;padding:15px;gap:15px}.test-column-1,.test-column-2{flex:none;width:100%;gap:15px}.test-metadata,.question-display-area,.question-list-area,.answer-options-area{flex:1}.question-buttons-container{justify-content:flex-start}.choice-group.many-options .choiceContainer,.multi-choice-group.many-options .choiceContainer{flex-basis:100%}}@media (max-width: 576px){.test-container{padding:10px;gap:10px}.test-column-1,.test-column-2{gap:10px}.test-metadata,.question-display-area,.answer-options-area,.question-list-area{padding:10px}.test-metadata h3{font-size:1.1em}.question-display-content p{font-size:1em}.submit-test-button,.back-button{width:95%;padding:10px;font-size:1em}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(to bottom right,pink,#ffe4f0);font-family:"Baloo 2",cursive;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:auto;padding:20px}h1,h2,h3,h4,h5,h6{font-family:Cherry Bomb One,cursive;color:#fce;text-shadow:3px 3px #ff69b4,-2px -2px #ff69b4}p{color:#555}#root{width:100%;max-width:1200px;justify-items:center}#app-root{position:relative;z-index:1;width:460px;text-align:center;background:#fff0faf2;border:5px solid #ff8ac9;border-radius:40px;padding:50px 40px;box-shadow:0 10px 30px #ff69b466;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .5s ease-in-out}input{padding:18px;margin:15px 0;border:3px solid #ffa0d2;border-radius:25px;font-size:20px;background:#fff8fc;color:#d63384;text-align:center;font-weight:700}input::placeholder{color:#e295b5}button{font-size:22px;font-family:Cherry Bomb One,cursive;border:none;border-radius:30px;color:#fff;text-shadow:2px 2px #d63384;cursor:pointer;box-shadow:0 6px 12px #ff69b466;transition:all .2s}button:hover{transform:scale(1.05)}.login-button{background:linear-gradient(to right,#ff69b4,#ff85c1);padding:10px}.login-button:hover{background:linear-gradient(to right,#ff1493,#ff69b4)}.logout-button{background:linear-gradient(to right,#85c1ff,#69b4ff);text-shadow:2px 2px #3384d6}.logout-button:hover{background:linear-gradient(to right,#1493ff,#69b4ff)}.msg{margin-top:20px;font-size:18px;color:#c2185b;font-weight:700;min-height:24px}@media (max-width: 768px){#app-root{width:90%;padding:30px 20px;border-radius:30px}h1,h2{font-size:36px;margin-bottom:20px;text-shadow:2px 2px #ff69b4,-1px -1px #ff69b4}input{padding:15px;margin:10px 0;font-size:18px}button{font-size:20px;box-shadow:0 4px 8px #ff69b466}.msg{font-size:16px;margin-top:15px}}@media (max-width: 480px){body{padding:unset}#app-root{padding:15px;border-radius:25px}h1,h2{font-size:32px;margin-bottom:15px}input{padding:12px;font-size:16px}button{font-size:18px}.msg{font-size:14px}}