@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);html{height:100%}h1,h2,h3{font-family:Dela Gothic One,sans-serif}#root{width:100%}#root,body{background-color:#c5fffd;color:#1d438a;font-family:Rubik,sans-serif;font-size:16px;font-weight:400;height:100%}p{font-weight:300}.searchBar{border:2px solid #ccc;border-radius:25px;font-family:Rubik,sans-serif;font-size:16px;outline:none;padding:10px 15px;transition:all .3s ease-in-out;width:35%}.searchBar:focus{border-color:#007bff;box-shadow:0 0 8px rgba(0,123,255,.5)}.searchBar::placeholder{color:#aaa;font-style:italic}.button{background-color:#fed766;border:none;border-radius:5px;color:#52489c;cursor:pointer;font-family:Rubik,sans-serif;font-size:16px;margin-right:3%;padding:12px;transition:background-color .3s}.button:hover{background-color:#98ca34}.button:active{background-color:#7c9c3d}.main{background-color:#c5fffd;display:flex;flex-direction:row;min-height:100vh;min-height:calc(100vh - 70px)}.right_main{overflow:auto;width:100%}.space_between{display:flex;justify-content:space-between}.right_padding{padding:2% 0 2% 2%}.bold_title{font-size:24px;font-weight:800;line-height:40px}.bluebtn{background:#3090e2;border:1px solid #000;color:#fff;font-size:20px;margin-right:5%;padding:10px}.bluebtn:hover{background:#0056b3}.btn_indicator_container{align-items:center;display:flex;justify-content:space-between;width:100%}.form_postBtn{background:#3090e2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.mandatory_indicator{color:red;font-size:.8rem;margin-top:10px}.sideBarNav{align-items:center;background-color:#a5e7d3;display:flex;flex-direction:column;padding:4% 0;width:90px}.menu_button:first-child{margin-top:0}.menu_button{align-items:center;border-radius:15px;color:#14132b;display:flex;flex-direction:column;font-size:14px;height:fit-content;justify-content:center;line-height:20px;padding:10px;text-align:center;text-decoration:none;width:90%}.menu_button i{font-size:28px;margin-bottom:5px}.menu_button span{text-decoration:none}.menu_selected{background:#68a794}.additional-options{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%}.message-options{align-items:center;height:fit-content;width:90%}.message-option-selected{background:#89beae;color:#14132b}.header{align-items:center;background:#88d9e6;display:flex;height:70px;justify-content:space-around;width:100%}.headerLogo{height:60px;margin-right:5px;width:auto}.title{color:#1d438a;font-family:Dela Gothic One,sans-serif;font-size:32px;font-weight:800}.logout-button{background-color:#88d9e6;border:none;border-radius:5px;color:#52489c;cursor:pointer;font-family:Rubik,sans-serif;font-size:16px;margin-left:15%;padding:10px 15px;transition:background-color .3s}.logout-button:hover{background-color:#879ee6}.view-profile-button{background-color:#88d9e6;border:none;border-radius:5px;color:#52489c;cursor:pointer;font-family:Rubik,sans-serif;font-size:16px;margin-right:2%;padding:10px 15px}.view-profile-button:hover{background-color:#879ee6}.view-profile-button:active{background-color:#c9e2e6}.login-button{background-color:#fed766;border:none;border-radius:5px;color:#1d438a;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.loginLogo{height:100px;width:auto}.login-button:hover{background-color:#98ca34}.login-button:active{background-color:#7c9c3d}.signup-link{color:#1d438a;cursor:pointer;font-size:14px;margin-top:30px;text-align:center;text-decoration:none;transition:color .3s}.signup-link:hover{text-decoration:underline}.btns{margin-right:3%}.btn{background:#fff;border:1px solid #000}.btn:hover{background-color:#007bff}.question{background-color:#c5fffd;border-radius:10px;display:flex;flex-direction:row;margin:0 1%;max-width:97%}.question:hover{background-color:#a9e3e1}.postStats{color:#6b9796;text-align:center;width:10%}.question_mid{width:60%}.postTitle{color:#1d438a}.question_tags{margin-top:1%}.question_tag_button{background:#52489c;border-radius:8px;border-width:0;color:#fff;margin-left:2%;padding:1% 3%}.question_tag_button:first-child{margin-left:0}.lastActivity{display:flex;flex-direction:row;width:30%}.question_author{color:#fe4349}.question_meta{color:#6b9796}.tag_list{grid-gap:80px 20px;display:grid;grid-template-columns:repeat(3,1fr)}.tagNode{align-items:center;border:1px dashed #000;display:flex;flex-direction:column;justify-items:center;padding:5%;place-self:center;width:30%}.tagName{color:#6495ed}.form{background-color:#d4f0e8b6;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:20px auto;padding:20px;width:60%}.input_title{font-weight:700;margin-bottom:8px}.input_hint{color:#000;font-size:14px;font-style:italic;margin-bottom:5px;margin-left:10px}.input_input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:20px;padding:10px;width:100%}.input_error{color:red;margin-bottom:20px}.comment-section{background-color:#f9f9f9;border-radius:6px;font-size:.9rem;margin:.5em;padding:.5em}.toggle-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:1rem;padding:0;text-decoration:underline}.toggle-button:hover{color:#0056b3}.comments-container{margin-top:.5em}.comments-list{list-style-type:none;margin:0;padding:0}.comment-item{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:.25em;padding:.5em}.comment-text{font-size:.85rem;margin-bottom:.25em}.comment-meta{color:#666;font-size:.75rem}.no-comments{color:#666;font-size:.85rem;font-style:italic}.add-comment{flex-direction:column;margin-top:.5em}.add-comment,.input-row{display:flex;gap:.5em}.comment-username{border:1px solid #ccc;border-radius:4px;flex:2 1;font-size:.85rem;padding:.25em}.comment-username:focus{border-color:#007bff;outline:none}.comment-textarea{border:1px solid #ccc;border-radius:4px;flex:5 1;font-size:.85rem;padding:.25em;resize:none}.comment-textarea:focus{border-color:#007bff;outline:none}.add-comment-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.85rem;padding:.25em .5em}.add-comment-button:hover{background-color:#218838}.error{color:red;display:block;font-size:.75rem;margin-top:-.5em}.answer{border-bottom:1px dashed #000;display:flex;flex-direction:row}.answerText{width:75%}.answerAuthor{margin-left:5%}.answer_author{color:green}.answer_question_title{max-width:60%}.answer_question_meta{color:#bbb}.ansButton{margin:2% 0 2% 2%}.questionBody{border-bottom:1px dashed #000;display:flex;flex-direction:row;margin-top:5%}.answer_question_view{width:15%}.answer_question_text{width:60%}.answer_question_right{display:flex;flex-direction:column;margin-left:5%}.vote-container{align-items:center;display:flex;padding:12px}.vote-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:.125rem;margin-right:.5rem;outline:none;padding:.5rem}.vote-button-upvoted{background-color:#38a169;color:#fff}.vote-button-downvoted{background-color:#e53e3e;color:#fff}.vote-count{margin-left:.5rem}*{box-sizing:border-box}.chat-room{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;flex-grow:1;margin:auto;max-height:100vh;overflow:hidden;width:100%}.chat-header{background-color:#fed766;color:#1d438a;padding:10px 20px;text-align:center}.chat-messages{background-color:#f9f9f9;overflow-x:hidden}.user-name{font-weight:700;margin-right:5px}.message-input{background-color:#fff;border-top:1px solid #ddd;padding:10px}.message-textbox{border:1px solid #ddd;border-radius:4px;flex:1 1;margin-right:10px;padding:10px;resize:none;width:100%}.message-actions{align-items:center;display:flex;justify-content:space-between}.send-button{background-color:#fed766;border:none;border-radius:4px;color:#1d438a;cursor:pointer;padding:10px 20px;width:100px}.send-button:hover{background-color:#b49c54}.error-message{background-color:#ffe6e6;border:1px solid #fcc;border-radius:4px;display:inline-block;font-size:.85rem;margin-left:10px;padding:5px 10px;white-space:nowrap}.message{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;margin:auto auto 10px;padding:10px;width:98%}.message.sender{align-self:flex-end;background-color:#d1e7ff}.message.receiver{align-self:flex-start;background-color:#fff}.message-header{align-items:center;color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:5px}.message-sender{color:#333;font-weight:700}.message-time{color:#999;font-size:.8rem}.message-body{word-wrap:break-word;color:#333;font-size:1rem;line-height:1.5}.custom-button{background-color:#0072ed;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 16px;transition:background-color .3s}.custom-button:hover{background-color:#0056b3}.custom-input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.direct-message-container{box-sizing:border-box;display:flex;gap:16px;height:100vh;padding:16px}.chat-container{background-color:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex:1 1;flex-direction:column;padding:16px}.chat-container h2{color:#555;font-size:20px;margin-bottom:16px}.chat-messages{background-color:#fefefe;border:1px solid #ddd;flex:1 1;margin-bottom:16px;overflow-y:auto;padding:10px}.chat-message{margin-bottom:10px}.chat-message strong{color:#fed766}.message-input{align-items:center;display:flex;gap:8px}.chats-list{background-color:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:16px;width:30%}.chats-list h2{color:#555;font-size:18px;margin-bottom:16px}.chats-list-card:hover{background-color:#eaeaea}.create-panel{background-color:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:16px;padding:16px}.create-panel p{color:#555;margin-bottom:8px}.direct-message-error{color:red;font-weight:700;margin-top:15px}.selected-user{background-color:#f0f0f0;border-radius:6px;margin-bottom:8px;padding:8px}.chats-list-card{background-color:#f5f5f5;border-radius:6px;cursor:pointer;margin-bottom:10px;padding:12px;transition:background-color .3s}.users_list:last-child{border-bottom:1px dashed #000}.user-card-container{flex:2 1}.user{border-top:1px dashed #000;display:flex;flex-direction:row}.user:hover{background-color:#f0f0f0}.userStats{color:#bbb;text-align:right;width:30%}.user_mid{margin-bottom:auto;margin-left:2rem;margin-top:auto;width:60%}.userUsername{color:#6495ed;cursor:pointer}#user_search_bar{height:2rem;margin-left:auto;margin-right:auto;margin-top:auto;width:70%}.bold_title{font-weight:700;white-space:nowrap}.container,body{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.signupLogo{height:100px;width:auto}.container h2{color:#1d438a;font-size:2rem;margin-bottom:10px}.container h3{color:#4069b1;font-size:1.5rem;margin-bottom:20px}.container h4{color:#6386c2;font-size:1rem;margin:15px 0 5px;text-align:left}.container h4,form{max-width:400px;width:100%}form{display:flex;flex-direction:column;gap:15px}.input-text{background-color:#fff;color:#333;padding:12px;transition:border-color .3s,box-shadow .3s}.signup-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.signup-button:hover{background-color:#0056b3}.signup-button:active{background-color:#003f7f}.login-link{color:#007bff;cursor:pointer;font-size:14px;margin-top:30px;text-align:center;text-decoration:none;transition:color .3s}.login-link:hover{color:#0056b3;text-decoration:underline}.error-message{color:red;font-size:14px;margin-top:20px;text-align:center}.page-container{background:#f7f7f7;display:flex;justify-content:center;min-height:100vh;padding:40px 0}.page-container,.profile-card{box-sizing:border-box;width:100%}.profile-card{background:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);font-family:Arial,Helvetica,sans-serif;max-height:700px;max-width:600px;overflow-y:auto;padding:30px}.profile-card h2{color:#333;font-size:26px;font-weight:700;margin-bottom:20px;text-align:left}.profile-card h4{color:#555;font-size:18px;font-weight:700;margin-top:24px}.profile-card h4,.profile-card p{margin-bottom:10px;text-align:left}.profile-card p{color:#666;font-size:15px;line-height:1.4}.input-text{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:16px;margin-bottom:15px;max-width:400px;outline:none;padding:10px;width:100%}.input-text:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5)}.delete-button,.update-bio-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-right:10px;margin-top:15px;padding:10px 20px}.update-bio-button{background-color:#007bff;color:#fff}.update-bio-button:hover{background-color:#0056b3}.update-bio-button:active{background-color:#003f7f}.delete-button{background-color:#ff4c4c;color:#fff}.delete-button:hover{background-color:#c00}.delete-button:active{background-color:#900}.profile-card .success-message{color:#028002;margin-top:10px}.profile-card .error-message{color:red;margin-top:10px}.toggle-password-button{background-color:#ddd;border:none;border-radius:5px;color:#333;cursor:pointer;font-size:14px;margin-top:10px;padding:5px 10px}.toggle-password-button:hover{background-color:#bbb}.game-page{padding:20px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:100}.modal-backdrop.active{opacity:1;pointer-events:all}.game-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);left:50%;max-width:500px;opacity:0;padding:20px;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:80%;z-index:101}.game-modal.active{opacity:1;pointer-events:all}.modal-content{display:flex;flex-direction:column;gap:1rem}.game-type-buttons{align-items:center;flex-wrap:wrap}.game-type-buttons,.join-game-section{display:flex;gap:.5rem}.btn-close{background:none;border:none;cursor:pointer;font-size:1rem;font-weight:700;position:absolute;right:10px;top:10px}.game-available,.game-controls,.game-details{margin-bottom:15px}.btn-create-game,.btn-leave-game,.btn-refresh-list{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:50px;padding:10px 20px;text-align:center;transition:background-color .2s ease}.btn-create-game:hover,.btn-leave-game:hover,.btn-refresh-list:hover{background:#0056b3}.game-list h2{color:#444;font-size:20px}.btn-join-game-modal,.btn-select-game{background:#88d9e6;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 15px;transition:background-color .2s ease}.btn-join-game-modal:hover,.btn-select-game:hover{background:#59a1ac}body{margin:0;padding:0}.game-page{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:0 auto;max-width:900px;padding:30px}.game-status{color:#666;margin-left:20px}.game-header{align-items:center;display:flex;justify-content:space-between}.game-controls,.game-details{margin-bottom:15px}button{display:inline-block;margin:10px}.btn-create-game,.btn-join-game,.btn-leave-game,.btn-refresh-list{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.btn-create-game:hover,.btn-join-game:hover,.btn-leave-game:hover,.btn-refresh-list:hover{background:#0056b3}.game-items{display:flex;flex-direction:column;gap:10px}.game-item{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:15px}.game-item p{margin:5px 0}.game-item ul{list-style:none;margin:5px 0;padding:0}.game-item li{background:#eef2f3;border-radius:4px;margin:3px 0;padding:5px 10px}.game-item button{font-size:14px;margin-top:10px;padding:8px 16px}.game-error{color:red;font-weight:700;margin-top:15px}.btn-submit{background:#007bff;border:none;border-radius:4px;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.btn-submit:hover{background:#0056b3}.btn-submit:disabled,button:disabled{background:#ccc;cursor:not-allowed}.nim-game-details{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:20px}.nim-game-details h2{color:#444;font-size:20px}.nim-game-move{background:#fefefe;border:1px solid #ddd;border-radius:8px;margin-top:15px;padding:15px}.nim-game-move h3{color:#444;font-size:20px}.nim-game-move input{border:1px solid #ccc;border-radius:4px;margin-right:10px;padding:8px;width:100px}.nim-game-move button{padding:8px 16px}.current-turn{background-color:#fed766;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;justify-content:center}.battleship-boards-container,.battleship-boards-final-container{align-items:flex-start;background-color:#f0f8ff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;justify-content:space-around;margin-top:20px;padding:20px}.battleship-boards-final-container{align-items:center;justify-content:space-around}.opponent-side,.player-side{color:#333;font-family:Arial,sans-serif;font-size:1.2rem;text-align:center}.battleship-board{grid-gap:2px;background-color:#e6e6e6;border:2px solid #333;border-radius:5px;display:grid;gap:2px;grid-template-rows:repeat(10,30px);padding:10px}.board-cell,.board-row{display:flex}.board-cell{align-items:center;background-color:#add8e6;border:1px solid #999;cursor:pointer;height:30px;justify-content:center;transition:background-color .3s ease,transform .2s ease;width:30px}.opponent-board .board-cell:hover{background-color:#87ceeb;transform:scale(1.1)}.opponent-board .board-cell:active{background-color:#4682b4;transform:scale(.95)}.opponent-board .board-cell.selected{background-color:#fed766;border:2px solid #ff9800;box-shadow:0 0 5px rgba(0,0,0,.5);transform:scale(1.05)}.player-board .board-cell{background-color:#d3d3d3}.opponent-board .board-cell{background-color:#fff}.opponent-board .board-cell.X{background-color:#d4d47b;border:2px solid #8d9949;color:#fff;font-weight:700}.opponent-board .board-cell.O{background-color:#88d9e6;color:#000;font-style:italic}.player-board .board-cell.SHIP{background-color:#5d6bd2;border:2px solid #52489c}.player-board .board-cell .X{background-color:#8b0000}.game-chat-room{border:1px solid #ccc;color:#fff;display:flex;flex-direction:column;height:100%;max-width:400px;overflow:hidden;width:100%}.game-chat-room h2{font-size:18px;margin:0;padding:12px;text-align:center}.watchparty-page{padding:2rem}.btn-watchparty{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;min-width:180px;padding:.5rem 1.5rem;text-align:center}.btn-watchparty,.btn-watchparty:hover{background-color:#2d7df6}.watchparty-error{color:#fe4a49}.btn-start-party{background-color:#2d7df6}.btn-cancel,.btn-submit{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:.5rem 1rem}.private-party-section{margin-top:3rem}.section-heading{font-size:1.75rem;font-weight:700;margin-bottom:1rem}.private-join-form{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.private-label{font-size:1rem;font-weight:700}.private-code-input{border:1px solid #ccc;border-radius:6px;font-size:1rem;min-width:200px;padding:.5rem 1rem}.private-error{color:#fe4a49;font-weight:700;margin-top:.5rem}.room-code-input{margin-top:1rem}.room-code-label{display:block;font-weight:700;margin-bottom:.5rem}.watchparty-card{background-color:#f8f8f8;box-shadow:0 2px 5px rgba(0,0,0,.1)}.watchparty-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.2)}.status-live{color:green;font-weight:700}.status-ended{color:red;font-weight:700}.video-player-container{background:#000;border-radius:8px;margin-bottom:5px;overflow:hidden}.video-title{background:rgba(0,0,0,.7);color:#fff;font-size:1.1rem;margin:0;overflow:hidden;padding:1rem;text-overflow:ellipsis;white-space:nowrap}.video-wrapper{background:#000;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.youtube-iframe{border:none}.video-placeholder,.youtube-iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-placeholder{align-items:center;background:#222;color:#fff;display:flex;font-size:1.2rem;justify-content:center}@media (max-width:768px){.video-title{font-size:1rem;padding:.75rem}}.queue-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);max-height:500px;overflow-y:auto;padding:1.5rem}.queue-header{align-items:center;color:#333;display:flex;font-size:1.25rem;gap:.5rem;margin-bottom:1rem;margin-top:0}.queue-count{color:#666;font-size:.9rem;font-weight:400}.queue-empty-message{color:#666;font-style:italic;padding:1rem;text-align:center}.queue-item{align-items:center;background:#f8f9fa;border-radius:4px;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s ease}.queue-item:hover{background:#e9ecef}.queue-item[draggable=true]{cursor:grab}.queue-item[draggable=true]:active{cursor:grabbing}.queue-item.drag-over{background:#e2e5e8;border:1px dashed #adb5bd}.queue-item-number{color:#6c757d;font-weight:700;min-width:1.5rem}.queue-item-title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-remove{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1.25rem;opacity:.7;padding:0 .25rem;transition:opacity .2s}.queue-item-remove:hover{opacity:1}.queue-container::-webkit-scrollbar{width:8px}.queue-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.queue-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.queue-container::-webkit-scrollbar-thumb:hover{background:#aaa}.manual-video-form{align-self:flex-start;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;width:100%}.form-header{align-items:center;background-color:#f5f5f5;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.form-header h2{font-size:1.2rem;margin:0}.form-content{background-color:#fff;padding:16px}.form-group{gap:12px;margin-bottom:16px}.form-group,.input-group{display:flex;flex-direction:column}.input-group{gap:4px}.form-input{border:1px solid #ddd;border-radius:4px;padding:8px 12px;width:100%}.input-error{color:#ea4335;font-size:.875rem;margin-top:4px}.title-loading{color:#666;font-style:italic}.video-title-preview{background-color:#f9f9f9;border-left:3px solid #4285f4;border-radius:4px;padding:8px}.form-actions{display:flex;justify-content:flex-end}.submit-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .2s}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.button-loading{align-items:center;display:flex;gap:8px}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:12px;width:12px}@keyframes spin{to{transform:rotate(1turn)}}.message{border-radius:4px;margin-top:12px;padding:8px 12px}.message.success{background-color:#e6f4ea;color:#34a853}.message.error{background-color:#fce8e6;color:#ea4335}.manual-video-form.collapsed{max-height:50px}.manual-video-form.expanded{max-height:200px}.youtube-search-container{align-self:flex-start;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;width:100%}.search-header{align-items:center;background-color:#f5f5f5;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.search-header h2{font-size:1.2rem;margin:0}.toggle-icon{font-size:1.5rem}.search-controls{background-color:#fff;padding:16px}.search-input-group{display:flex;gap:8px;width:100%}.search-input{border:1px solid #ddd;border-radius:4px;flex-grow:1;padding:8px 12px}.button-group{display:flex;gap:8px}.clear-button,.search-button{border:none;border-radius:4px;cursor:pointer;padding:8px 16px}.search-button{background-color:#4285f4;color:#fff}.search-button:disabled{background-color:#ccc;cursor:not-allowed}.clear-button{background-color:#f1f1f1}.video-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style:none;margin:0;padding:0}.video-item{border:1px solid #eee;border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.video-thumbnail{height:auto;width:100%}.video-info{padding:8px}.add-button{background-color:#fed766;border-radius:4px;color:#1d438a;cursor:pointer;margin-top:auto;padding:8px;transition:background-color .3s ease}.add-button:hover{background-color:#e5c056}.add-button:active{background-color:#cca04d}.error-message,.loading-spinner{padding:16px;text-align:center}.error-message{color:#ea4335}.youtube-search-container.collapsed{max-height:50px}.youtube-search-container.expanded{max-height:500px}.search-results{background-color:#f8f9fa;padding:16px}.voting-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem}.voting-header{justify-content:space-between;margin-bottom:1.5rem}.voting-header,.voting-title{align-items:center;display:flex}.voting-title{font-size:1.25rem;gap:.5rem;margin:0}.vote-icon{color:#4caf50}.host-restriction{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.lock-icon{color:#666}.vote-initiation{display:flex;gap:1rem;margin-bottom:1.5rem}.vote-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.vote-button.remove{background-color:#ffebee;color:#d32f2f}.vote-button.remove:hover:not(:disabled){background-color:#ffcdd2}.vote-button.reorder{background-color:#e3f2fd;color:#1976d2}.vote-button.reorder:hover:not(:disabled){background-color:#bbdefb}.vote-button:disabled{cursor:not-allowed;opacity:.6}.vote-button.active{box-shadow:0 0 0 2px currentColor}.button-icon{font-size:.9em}.vote-options-container{margin-bottom:1.5rem}.vote-options-title{color:#333;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.vote-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.vote-option{align-items:center;background:#f5f5f5;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem 1rem}.video-info{display:flex;flex-direction:column;gap:.25rem}.video-vote-title{word-wrap:break-word;font-weight:500;overflow-wrap:break-word}.vote-count{color:#666;font-size:.85rem}.vote-conclusion{display:flex;gap:1rem;margin-top:1rem}.conclude-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.conclude-button.success{background-color:#e8f5e9;color:#2e7d32}.conclude-button.success:hover{background-color:#c8e6c9}.conclude-button.cancel{background-color:#fff3e0;color:#e65100}.conclude-button.cancel:hover{background-color:#ffe0b2}.current-queue{margin-top:1.5rem}.queue-title{color:#333;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.queue-list{list-style:none;margin:0;padding:0}.queue-item{border-bottom:1px solid #eee;display:flex;gap:.5rem;padding:.5rem 0}.queue-position{color:#666;font-weight:700;min-width:1.5rem}.queue-video-title{flex:1 1}.participants-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:400px;padding:1.25rem}.participants-header{margin-bottom:1rem}.participants-title{align-items:center;color:#333;display:flex;font-size:1.25rem;gap:.5rem;margin:0}.participant-count{color:#666;font-size:.9rem;font-weight:400}.participants-list{flex-grow:1;list-style:none;margin:0 0 1rem;overflow-y:auto;padding:0}.participant-item{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.25rem 1rem;transition:all .2s ease}.participant-item.host{background:#fff8e6;border-left:3px solid #ffc107}.participant-item.current-user{background:#e6f7ff;border-left:3px solid #1890ff}.participant-item.empty-message{background:transparent;color:#666;font-style:italic;justify-content:center}.participant-info{align-items:center;display:flex;gap:.75rem;overflow:hidden}.participant-icon{color:#666;flex-shrink:0}.host-crown{color:#ffc107}.participant-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-badge{color:#1890ff;font-size:.8em}.participant-actions{display:flex;gap:.5rem}.action-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.25rem;transition:all .2s}.action-button:hover{background:rgba(0,0,0,.05)}.action-button.transfer-host:hover{color:#ffc107}.action-button.kick:hover{color:#f5222d}.host-indicator{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;gap:.5rem;margin-top:auto;padding:.75rem}.host-label{color:#333;font-weight:500}.host-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participants-list::-webkit-scrollbar{width:6px}.participants-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.participants-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.participants-list::-webkit-scrollbar-thumb:hover{background:#aaa}.watch-party-page{display:flex;flex-direction:column;height:100%;padding:1rem}.btn-refresh-list{cursor:pointer;font-weight:700;margin-bottom:1rem;padding:.5rem 1rem}.btn-leave-party,.btn-next-video,.btn-watchparty{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;min-width:180px;padding:.5rem 1.5rem;text-align:center}.btn-next-video,.btn-watchparty{background-color:#2d7df6;color:#fff}.btn-leave-party{background-color:#fe4349;color:#ffebee}.watchparty-error{color:red;margin-bottom:1rem}.watchparty-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.watchparty-card{background-color:#f9f9f9;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.1);cursor:pointer;padding:1rem;transition:.2s ease}.watchparty-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:scale(1.02)}.watchparty-controls{display:flex;gap:1rem;margin-bottom:1.5rem}.control-container{display:flex;flex:2 1;height:55px;justify-content:space-between;margin-bottom:1rem}.btn-start-party{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem}.watchparty-modal{align-items:center;background:rgba(0,0,0,.4);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background:#fff;border-radius:12px;max-width:400px;padding:2rem;width:100%}.input-party-title{font-size:1rem;margin-bottom:1rem;margin-top:1rem;padding:.5rem;width:100%}.toggle-container{margin-bottom:1rem}.toggle-label{align-items:center;display:flex;font-weight:700;gap:.5rem}.btn-cancel,.btn-next-video,.btn-submit{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:.5rem 1rem}.main-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr;margin-bottom:10px;overflow:hidden}.video-container{display:flex;flex-direction:column;grid-template-columns:2fr;max-height:100%;overflow:hidden}.queue-container{overflow:auto}.video-controls-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr;height:auto;overflow:auto}.participants-container{overflow-y:auto}.search-results{flex:1 1;overflow-y:auto}.search-results ul{list-style:none;margin:0;padding:0}.search-result{align-items:center;background:#f8f8f8;border:1px solid #eee;border-radius:5px;display:flex;margin-bottom:10px;padding:5px}.video-info-container{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-rows:1fr 1fr;margin-bottom:1rem;max-height:inherit}.voting-container{height:fit-content;min-height:186px;overflow:auto}.search-container{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.chat-room-container{background:#fff;border-radius:10px;bottom:1rem;box-shadow:0 4px 10px rgba(0,0,0,.2);display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:fixed;right:1rem;transition:transform .3s ease-in-out,opacity .3s;width:350px;z-index:1000}.chat-room-container.collapsed{height:50px;opacity:.95;transform:translateY(calc(100% - 50px))}.chat-room-container.expanded{height:500px}.chat-header{align-items:center;background-color:#fadd6d;border-top-left-radius:10px;border-top-right-radius:10px;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:space-between;padding:12px 16px;position:sticky;top:0;width:100%;z-index:2000}.chat-title,.toggle-icon{color:#2d3c5f;font-weight:700}.toggle-icon{font-size:20px}.chat-room{border-radius:0}.watch-party-chat{background:#1e1e1e;border:1px solid #ccc;border-radius:8px;color:#fff;display:flex;flex-direction:column;height:100%;max-width:400px;overflow:hidden;width:100%}.watch-party-chat h2{background:#333;border-bottom:1px solid #444;font-size:18px;margin:0;padding:12px;text-align:center}.chat-input{align-items:center;background:#333;border-top:1px solid #444;display:flex;padding:8px}.chat-input input{background:#222;flex-grow:1;outline:none;padding:8px}.chat-input button,.chat-input input{border:none;border-radius:4px;color:#fff}.chat-input button{background:#007bff;cursor:pointer;margin-left:8px;padding:8px 12px;transition:background .2s}.chat-input button:hover{background:#0056b3}.chat-error{background:#300;border-top:1px solid #f44;color:#f55;font-size:14px;padding:8px;text-align:center}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer;overflow:visible;text-transform:none}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :after,.rbc-calendar :before{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.rbc-ellipsis,.rbc-event-label,.rbc-row-segment .rbc-event-content,.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{border-bottom:1px solid #ddd;flex:1 0;font-size:90%;font-weight:700;min-height:0;overflow:hidden;padding:0 3px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{background:none;border:none;color:inherit;cursor:pointer;margin:0;padding:0;-webkit-user-select:text;-moz-user-select:text;user-select:text}.rbc-row-content{-moz-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;height:100%;overflow-y:scroll;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;justify-content:center;margin-bottom:10px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{background:none;background-image:none;border:1px solid #ccc;color:#373a3c;display:inline-block;line-height:normal;margin:0;padding:.375rem 1rem;text-align:center;vertical-align:middle;white-space:nowrap}.rbc-toolbar button.rbc-active,.rbc-toolbar button:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.rbc-toolbar button.rbc-active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button:active:hover{background-color:#d4d4d4;border-color:#8c8c8c;color:#373a3c}.rbc-toolbar button:focus,.rbc-toolbar button:hover{background-color:#e6e6e6;border-color:#adadad;color:#373a3c}.rbc-toolbar button:hover{cursor:pointer}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width:767px){.rbc-toolbar{flex-direction:column}}.rbc-day-slot .rbc-background-event,.rbc-event{background-color:#3174ad;border:none;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;margin:0;padding:2px 5px;text-align:left;width:100%}.rbc-day-slot .rbc-slot-selecting .rbc-background-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:#265985}.rbc-day-slot .rbc-background-event:focus,.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0 rgba(51,51,51,.5)}.rbc-event-continues-prior{border-bottom-left-radius:0;border-top-left-radius:0}.rbc-event-continues-after{border-bottom-right-radius:0;border-top-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:rgba(0,0,0,.1)}.rbc-show-more{background-color:hsla(0,0%,100%,.3);color:#3174ad;font-size:85%;font-weight:700;height:auto;line-height:normal;z-index:4}.rbc-show-more:focus,.rbc-show-more:hover{color:#265985}.rbc-month-view{border:1px solid #ddd;display:flex;flex:1 0;flex-direction:column;height:100%;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;flex:1 0;flex-basis:0px;flex-direction:column;height:100%;overflow:hidden;position:relative}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex:1 0;flex-direction:row;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 5px 15px rgba(0,0,0,.25);padding:10px;position:absolute;z-index:5}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex:1 0;flex-direction:column;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{border-bottom:1px solid #ddd;padding:3px 5px;text-align:left}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1 1}.rbc-timeslot-group{border-bottom:1px solid #ddd;display:flex;flex-flow:column nowrap;min-height:40px}.rbc-header-gutter,.rbc-time-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;margin-right:10px;position:absolute;right:0;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{align-items:flex-start;border:1px solid #265985;display:flex;flex-flow:column wrap;max-height:100%;min-height:20px;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1;height:100%;line-height:1;min-height:1em;width:100%}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{background-color:#fff;border-right:1px solid #ddd;left:0;margin-right:-1px;position:sticky;z-index:10}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0;flex-basis:0px;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-day-bg,.rbc-time-view-resources .rbc-header{flex:1 1;flex-basis:0 px;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{background-color:rgba(0,0,0,.5);color:#fff;font-size:75%;padding:3px;position:absolute;width:100%;z-index:10}.rbc-slot-selecting{cursor:move}.rbc-time-view{border:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.rbc-time-view .rbc-time-gutter{text-align:right;white-space:nowrap}.rbc-time-view .rbc-allday-cell{box-sizing:content-box;height:100%;position:relative;width:100%}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row.rbc-row-resource,.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:0}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{align-items:flex-start;border-top:2px solid #ddd;display:flex;flex:1 0;overflow-y:auto;position:relative;width:100%}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%}.rbc-current-time-indicator{background-color:#74ad31;height:1px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.event-modal{align-items:center;background:rgba(0,0,0,.4);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.event-form-content{background:#fff;border-radius:12px;max-width:400px;padding:2rem;width:100%}.input-field{font-size:1rem;margin-bottom:1rem;margin-top:1rem;padding:.5rem;width:100%}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel{background-color:#ccc;font-weight:700}.btn-cancel,.btn-submit{border-radius:6px;cursor:pointer;padding:.5rem 1rem}.btn-submit{background-color:#28a745;color:#fff}.tag-selection{margin:1rem 0}.tag-options{display:flex;gap:10px}.tag-button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:700;padding:8px 12px;transition:all .2s}.tag-button:hover{filter:brightness(.9)}.tag-button.selected{border:2px solid #000}.form-buttons{display:flex;gap:10px;justify-content:center;margin-top:1rem}.form-buttons button{background-color:#2d7df6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem .8rem}.form-buttons button:disabled{background-color:#888}.form-buttons button[type=button]{background-color:#ccc;color:#000}.visibility-selection{margin-bottom:15px}.description-block{line-height:.9;margin-top:10px;max-width:600px;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.event-action-buttons button{background-color:#2d7df6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-right:8px;padding:.4rem .8rem}.event-action-buttons .delete-button{background-color:#b54e4e}.event-action-buttons .close-button{background-color:#ccc;color:#000}.event-action-buttons button:hover{opacity:.9}.note-block{line-height:1;margin-top:2px;max-width:600px;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.note-block h1,.note-block h2,.note-block h3,.note-block p{margin:.2em 0}.note-block ul{margin:.2em 0;padding-left:1.2em}.note-block li{margin:.1em 0}.form-buttons-button{background-color:#2d7df6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem .8rem}.tag-key{align-items:center;display:flex}.event-tags-header{font-size:14px;font-weight:lighter;margin-right:10px}.color-key{display:flex}.color-key-item{border-radius:5px;color:#fff;display:inline-block;font-size:12px;margin-right:10px;opacity:.8;padding:5px 10px}.calendar-container{box-sizing:border-box;margin:20px;padding:20px}.visibility-selection{margin-bottom:10px;margin-top:10px}.calendar-toolbar{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.filters{display:flex;flex-direction:column;gap:5px}.tag-selection,.visibility-selection{margin:0!important}.major-event-countdown{background-color:#87ceeb;border:1px solid #00b3ff;border-radius:8px;box-shadow:0 0 5px #00b3ff;font-weight:700;padding:10px}.calendar-bottom-section{display:flex;gap:20px;margin-top:10px}.calendar-left-panel{flex:2 1;min-width:0}.calendar-right-panel{flex:1 1;max-width:300px;min-width:250px}.rbc-toolbar-label{font-size:1.8rem;font-weight:700}.rbc-toolbar button{background-color:#c5fffd;border:1px solid #00bfff;border-radius:4px;color:#036;cursor:pointer;padding:6px 10px;transition:background-color .2s}.rbc-toolbar button:hover{background-color:#88d9e6}.rbc-toolbar button:active{background-color:#036}.rbc-toolbar button.rbc-active{background-color:#036;color:#fff;font-weight:700}.rbc-calendar{border:none;border-radius:6px}.rbc-time-slot{border-bottom:none!important;border-top:none!important}.rbc-time-content{border-left:1px solid #00bfff}.rbc-time-gutter{border-right:none!important}.rbc-time-view .rbc-today{background-color:transparent!important}.rbc-time-view .rbc-header,.rbc-time-view .rbc-timeslot-group{border-bottom:1px solid #00bfff!important}.rbc-time-view .rbc-header{border-right:1px solid #00bfff!important}.rbc-month-view,.rbc-time-view{border:1px solid #00bfff}.rbc-month-view table{background-color:transparent!important;border-collapse:collapse!important;border-spacing:0!important}.rbc-month-header,.rbc-month-view .rbc-month-header,.rbc-month-view thead,.rbc-month-view thead tr{border-bottom:none!important}.rbc-month-view td,.rbc-month-view th{background-color:transparent!important;border:none!important;margin:0!important;padding:0!important}.rbc-month-view .rbc-header{border-bottom:1px solid #00bfff!important;border-right:1px solid #00bfff!important}.rbc-month-view .rbc-header+.rbc-header{border-left:none!important}.rbc-date-cell,.rbc-day-bg,.rbc-month-view .rbc-date-cell{border:none!important;box-shadow:none!important;outline:none!important}.rbc-month-view .rbc-day-bg{border:1px solid #00bfff!important;border-left:none!important;border-top:none!important}.rbc-month-row:last-child .rbc-day-bg{border-bottom:none!important}.rbc-month-view .rbc-row-segment:last-child,.rbc-row-bg .rbc-day-bg:last-child{border-right:none!important}.rbc-month-view .rbc-row-content .rbc-row:last-child td{border-bottom:none!important}.rbc-off-range{color:#4682b4}.rbc-off-range-bg{background-color:#c9dce8}.rbc-today{background-color:#88d9e6!important}.rbc-month-row,.rbc-row-bg,.rbc-row-content{background-color:transparent!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0!important}.rbc-row-content{overflow:hidden!important;position:relative}.rbc-event{border-radius:8px}.rbc-event-content,.rbc-row-segment{margin:0!important;overflow:hidden!important;padding:0!important}.rbc-event,.rbc-events-container{box-sizing:border-box!important;max-width:100%!important}.rbc-event{left:0!important;margin-right:0!important;right:0!important;width:100%!important}.rbc-month-view .rbc-row-bg:last-child .rbc-day-bg:last-child{padding-right:1px!important}.calendar-container .filters select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#c5fffd;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%23003366%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:16px 16px;border:1px solid #00bfff;border-radius:6px;color:#036;font-family:inherit;font-size:14px;padding:4px 8px}.calendar-container .filters select:hover{background-color:#88d9e6}.calendar-container .filters select:focus{border-color:#036;box-shadow:0 0 3px #00bfff;outline:none}.rbc-time-view .rbc-day-slot{box-sizing:border-box}.rbc-time-gutter,.rbc-time-header-gutter{border-right:1px solid #00bfff!important;box-sizing:border-box}.rbc-time-slot{border:none!important;box-shadow:none!important}.rbc-time-view .rbc-time-content>div>div{border-right:none!important}.rbc-time-view .rbc-day-slot{border-right:1px solid #00bfff!important}.rbc-time-view .rbc-day-slot:last-child{border-right:none!important}
/*# sourceMappingURL=main.86c0d558.css.map*/