*,:after,:before{box-shadow:none;outline:none}:focus{outline:none}:focus-visible{border-radius:4px;border-radius:var(--focus-border-radius,4px);outline:2px solid #db11e2;outline:var(--focus-outline-width,2px) solid var(--focus-color,#db11e2);transition:outline-color .2s ease,box-shadow .2s ease}.focused-element{background-color:#e0f7fa;border:3px solid #bd2ad1}.next-element{background-color:#f1f8e9}.prev-element{background-color:#fff3e0}*{font-family:Arial,sans-serif}html{height:99%}#root,body{height:100%}:root{--font-family:"Arial",sans-serif;--text-size:16px;--title-text-color:#000;--body-text-color:#222;--secondary-text-color:#666;--main-title-font:"Arial Black",sans-serif;--main-title-color:#000;--subtitle-font:"Georgia",serif;--subtitle-color:#444;--title-size-multiplier:1;--standard-text-font:var(--font-family);--standard-text-color:#000;--standard-text-size-multiplier:1;--answerer-text-font:"Verdana",sans-serif;--answerer-text-color:#006400;--asker-text-font:"Tahoma",sans-serif;--asker-text-color:#8b0000;--hyperlink-color:#1a0dab;--background-color:#fff;--secondary-background-color:#eee;--main-header-bg:#f1f1f1;--sub-header-bg:#fafafa;--button-color:#007bff;--button-text-font:"Arial",sans-serif;--button-text-color:#fff;--secondary-button-color:#ccc;--secondary-button-text-font:"Arial",sans-serif;--secondary-button-text-color:#000;--sidebar-button-fill-color:#ddd;--text-box-color:#fff;--padding-multiplier:1;--border-type:solid;--border-color:#ddd;--border-width:1px}input[type=text]{background-color:#fff;background-color:var(--text-box-color,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ccc);border-radius:4px;box-sizing:border-box;color:#000;color:var(--text-color,#000);font-family:Arial,sans-serif;font-family:var(--font-family,"Arial",sans-serif);font-size:16px;padding:10px;padding:calc(10px*var(--padding-multiplier, 1));transition:border-color .3s,box-shadow .3s}input[type=text]:focus{border-color:#007bff;border-color:var(--button-color,#007bff);box-shadow:0 0 5px rgba(0,123,255,.5);outline:none}body.mouse-mode :focus{box-shadow:none!important;outline:none!important}body.keyboard-mode :focus{border-radius:4px;outline:2px solid #db11e2;outline:2px solid var(--focus-color,#db11e2);outline-offset:2px;transition:outline-color .2s ease,box-shadow .2s ease}.main{display:flex;flex-direction:row;height:90%}.right_main{background-color:var(--background-color);color:var(--body-text-color);overflow:auto;width:85%}.space_between{display:flex;justify-content:space-between}.right_padding{padding:calc(2%*var(--padding-multiplier)) 0 calc(2%*var(--padding-multiplier)) calc(2%*var(--padding-multiplier))}.bold_title{color:var(--title-text-color);font-family:var(--font-family);font-size:24px;font-weight:800;line-height:40px}.bluebtn{background-color:var(--button-color);border:1px solid var(--button-color);color:var(--button-text-color);cursor:pointer;font-size:20px;margin-right:5%;padding:10px;transition:background-color .3s}.bluebtn:hover{filter:brightness(90%)}.btn_indicator_container{width:100%}.form_postBtn{padding:10px 20px;transition:background-color .3s}.form_postBtn:hover{filter:brightness(90%)}.mandatory_indicator{font-size:.8rem;margin-top:10px}.sideBarNav{align-items:center;background-color:#fff;background-color:var(--background-color,#fff);border-right:1px dashed #000;border-right:1px dashed var(--border-color,#000);display:flex;flex-direction:column;font-family:Arial,sans-serif;font-family:var(--font-family,Arial,sans-serif);padding:4% 0;padding:calc(4%*var(--padding-multiplier, 1)) 0;width:15%}.menu_button:first-child{margin-top:0}.menu_button{border-radius:5px;color:#6495ed;color:var(--hyperlink-color,#6495ed);cursor:pointer;height:40px;line-height:40px;margin-top:20px;margin-top:calc(20px*var(--padding-multiplier, 1));text-align:center;text-decoration:none;transition:background-color .2s;width:80%}.menu_button:hover{background-color:#0056b3;background-color:var(--button-hover-color,#0056b3);color:#fff;color:var(--button-text-color,#fff)}.menu_selected{background:#ccc;background:var(--secondary-button-color,#ccc);color:#000;color:var(--button-text-color,#000)}.additional-options{align-items:center;display:flex;flex-direction:column;padding:4% 0;padding:calc(4%*var(--padding-multiplier, 1)) 0;width:100%}.message-options{color:#6495ed;color:var(--hyperlink-color,#6495ed);width:max-content}.message-option-selected{background:#3090e2;background:var(--button-color,#3090e2);border-radius:5px;color:#fff;color:var(--button-text-color,#fff);width:110%}.header{align-items:center;background-color:var(--main-header-bg);display:flex;font-family:var(--font-family);height:10%;justify-content:space-around;width:100%}.title{color:var(--title-text-color);font-size:calc(32px*var(--title-size-multiplier));font-weight:800}.logout-button,.view-profile-button{background-color:var(--button-color);border:none;border-radius:calc(5px*var(--padding-multiplier));color:var(--button-text-color);cursor:pointer;font-size:calc(16px*var(--standard-text-size-multiplier));padding:calc(10px*var(--padding-multiplier)) calc(15px*var(--padding-multiplier));transition:background-color .3s}.view-profile-button{margin-left:calc(10px*var(--padding-multiplier))}.view-profile-button:hover{filter:brightness(90%)}.view-profile-button:active{filter:brightness(80%)}.signup-link{color:var(--hyperlink-color);cursor:pointer;font-size:14px;margin-top:calc(30px*var(--padding-multiplier));text-align:center;text-decoration:none;transition:color .3s}.signup-link:hover{text-decoration:underline}#question_list,.question_list{border-top:1px solid #ccc;border-top:1px solid var(--border-color,#ccc);display:flex;flex-direction:column;gap:20px;gap:calc(20px*var(--padding-multiplier, 1));padding:20px;padding:calc(20px*var(--padding-multiplier, 1))}.question_list:last-child{border-bottom:1px dashed #000;border-bottom:1px dashed var(--border-color,#000)}.bold_title{color:var(--text-color,#000);font-size:1.5rem}.right_padding{padding-left:20px;padding-left:calc(20px*var(--padding-multiplier, 1))}.btns{margin-right:15%;margin-right:calc(15%*var(--padding-multiplier, 1))}#question_count{color:#666;color:var(--secondary-text-color,#666);font-size:1rem}.btns{display:flex;gap:8px;gap:calc(8px*var(--padding-multiplier, 1))}.btns button{background-color:#007bff;background-color:var(--button-color,#007bff);border:none;border-radius:4px;color:#fff;color:var(--button-text-color,#fff);cursor:pointer;font-size:.9rem;padding:6px 12px;padding:calc(6px*var(--padding-multiplier, 1)) calc(12px*var(--padding-multiplier, 1));transition:background-color .2s}.btns button:hover{background-color:#0056b3;background-color:var(--button-hover-color,#0056b3)}.btns button:disabled{background-color:#ccc;background-color:var(--button-disabled-color,#ccc);cursor:not-allowed}.btn{background-color:#fff;background-color:var(--button-text-color,#fff);border:1px solid #000;border:1px solid var(--border-color,#000);border-radius:4px;color:#000;color:var(--text-color,#000);cursor:pointer;font-size:.9rem;padding:6px 12px;padding:calc(6px*var(--padding-multiplier, 1)) calc(12px*var(--padding-multiplier, 1));transition:background-color .2s ease}.btn:hover{background-color:#007bff;background-color:var(--button-color,#007bff);color:#fff;color:var(--button-text-color,#fff)}.question{border-top:1px dashed #000;border-top:1px dashed var(--border-color,#000);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;padding:12px 0;padding:calc(12px*var(--padding-multiplier, 1)) 0}.postStats{color:#888;color:var(--secondary-text-color,#888);display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;justify-content:center;text-align:center;width:10%}.question_mid{width:60%}.postTitle{color:#6495ed;color:var(--main-title-color,#6495ed);font-size:1.2rem;font-weight:700;margin-bottom:6px;margin-bottom:calc(6px*var(--padding-multiplier, 1))}.question_tags{display:flex;flex-wrap:wrap;gap:.5rem}.question_tag_button{background:#ccc;background:var(--secondary-background-color,#ccc);border:none;border-radius:8px;color:#fff;color:var(--button-text-color,#fff);cursor:pointer;font-size:.85rem;padding:4px 12px;transition:background-color .2s ease}.question_tag_button:hover{background:#aaa;background:var(--button-hover-color,#aaa)}.lastActivity{align-items:flex-end;display:flex;flex-direction:column;font-size:.85rem;justify-content:center;width:30%}.question_author{color:red;color:var(--asker-text-color,red)}.question_meta{color:#888;color:var(--secondary-text-color,#888)}.tag_list{grid-gap:80px 20px;grid-gap:calc(80px*var(--padding-multiplier, 1)) calc(20px*var(--padding-multiplier, 1));background-color:#fff;background-color:var(--background-color,#fff);color:#000;color:var(--text-color,#000);display:grid;grid-template-columns:repeat(3,1fr);padding-top:20px;padding-top:calc(20px*var(--padding-multiplier, 1))}.tagNode,.tag_list{font-family:Arial,sans-serif;font-family:var(--font-family,Arial,sans-serif)}.tagNode{align-items:center;background-color:#f9f9f9;background-color:var(--secondary-background-color,#f9f9f9);border:1px dashed #000;border:var(--border-width,1px) var(--border-type,dashed) var(--border-color,#000);border-radius:8px;color:#000;color:var(--text-color,#000);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:5%;padding:calc(5%*var(--padding-multiplier, 1));place-self:center;text-align:center;width:30%}.tagNode:hover{background-color:#e0e0e0;background-color:var(--button-color,#e0e0e0);color:#fff;color:var(--button-text-color,#fff)}.tagName{color:#6495ed;color:var(--hyperlink-color,#6495ed);font-size:1.1rem;font-weight:700}.tagDescription,.tagName{margin-bottom:5px;margin-bottom:calc(5px*var(--padding-multiplier, 1))}.tagDescription{color:#333;color:var(--standard-text-color,#333);font-size:.9rem}.form{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:6px;margin:calc(20px*var(--padding-multiplier)) auto;padding:calc(20px*var(--padding-multiplier));width:60%}.form,.input_input,textarea.input_input{color:var(--body-text-color);font-family:var(--standard-text-font)}.input_input,textarea.input_input{background-color:var(--text-box-color);border:var(--border-width) var(--border-type) var(--button-color);border-radius:4px;box-sizing:border-box;font-size:calc(16px*var(--standard-text-size-multiplier));margin-bottom:calc(20px*var(--padding-multiplier));padding:calc(10px*var(--padding-multiplier));resize:vertical;transition:border-color .3s,box-shadow .3s;width:100%}.input_title{color:var(--title-text-color);font-size:1rem;font-weight:700;margin-bottom:4px}.input_hint{color:var(--secondary-text-color);font-size:.85rem;margin-bottom:6px}.input_input{background-color:var(--text-box-color);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--body-text-color);font-family:var(--standard-text-font);font-size:1rem;min-height:100px;padding:calc(10px*var(--padding-multiplier));resize:vertical;transition:border-color .3s,box-shadow .3s;width:100%}.input_input:focus{border-color:var(--button-color);box-shadow:0 0 5px rgba(0,123,255,.5);outline:none}.input_error{color:red;font-size:.85rem;margin-top:6px}.warning-box{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;margin-bottom:1rem;padding:1rem}.form_postBtn{background-color:var(--button-color);border:none;border-radius:4px;color:var(--button-text-color);cursor:pointer;font-size:1rem;padding:calc(10px*var(--padding-multiplier));transition:background-color .3s ease}.form_postBtn:hover{background-color:#0056b3;background-color:var(--button-hover-color,#0056b3)}.btn_indicator_container{align-items:center;display:flex;justify-content:space-between;margin-top:calc(20px*var(--padding-multiplier))}.mandatory_indicator{color:red;font-size:.85rem}.comment-section{background-color:var(--secondary-background-color);border-radius:6px;color:var(--body-text-color);font-size:.9rem;margin:.5em;padding:calc(.5em*var(--padding-multiplier))}.toggle-button{background:none;border:none;color:var(--hyperlink-color);cursor:pointer;font-size:1rem;padding:0;text-decoration:underline}.toggle-button:hover{filter:brightness(90%)}.comments-container{margin-top:.5em}.comments-list{list-style-type:none;margin:0;padding:0}.comment-item{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;margin-bottom:.25em;padding:calc(.5em*var(--padding-multiplier))}.comment-text{color:var(--body-text-color);font-size:.85rem;margin-bottom:.25em}.comment-meta{font-size:.75rem}.comment-meta,.no-comments{color:var(--secondary-text-color)}.no-comments{font-size:.85rem;font-style:italic}.add-comment{flex-direction:column;margin-top:calc(.5em*var(--padding-multiplier))}.add-comment,.input-row{display:flex;gap:calc(.5em*var(--padding-multiplier))}.comment-textarea{background-color:var(--text-box-color);border:1px solid var(--border-color);border-radius:4px;color:var(--body-text-color);flex:5 1;font-family:var(--standard-text-font);font-size:.85rem;padding:calc(.5em*var(--padding-multiplier));resize:none}.comment-textarea:focus{border-color:var(--button-color);box-shadow:0 0 3px rgba(0,123,255,.5);outline:none}.add-comment-button{background-color:var(--button-color);border:none;border-radius:4px;color:var(--button-text-color);cursor:pointer;flex:1 1;font-size:.85rem;padding:calc(.5em*var(--padding-multiplier)) calc(1em*var(--padding-multiplier));transition:background-color .3s}.add-comment-button:hover{filter:brightness(90%)}.error{display:block;font-size:.75rem;margin-top:-.5em}.answer{border-bottom:1px dashed var(--border-color);display:flex;flex-direction:row}.answer,.answerText{color:var(--body-text-color)}.answerText{font-family:var(--standard-text-font);font-size:calc(16px*var(--standard-text-size-multiplier));width:75%}.answerAuthor{color:var(--secondary-text-color);display:flex;flex-direction:column;font-size:.9rem;justify-content:flex-start;margin-left:5%}.answer_author{color:var(--answerer-text-color);font-weight:700}.ai-answer{background-color:#f0f8ff;border:2px dashed #5b9bd5;border-radius:8px;margin-top:10px;padding:10px}.ai-tag{color:#1d4ed8;font-size:.9em;font-style:italic;margin:5px 0}.ai-vote-buttons{margin-top:10px}.ai-vote{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-weight:700;margin-right:10px;padding:5px 10px}.ai-vote.upvote{color:green}.ai-vote.downvote{color:red}.answer_question_title{color:var(--title-text-color);font-family:var(--main-title-font);font-size:calc(24px*var(--title-size-multiplier));font-weight:700;line-height:1.4;max-width:60%}.answer_question_meta{color:var(--secondary-text-color)}.ansButton{background-color:var(--button-color);border:none;border-radius:4px;color:var(--button-text-color);cursor:pointer;font-size:16px;margin:calc(2%*var(--padding-multiplier)) 0;padding:10px 20px;transition:background-color .3s}.ansButton:hover{filter:brightness(90%)}.questionBody{border-bottom:1px dashed var(--border-color);color:var(--body-text-color);display:flex;flex-direction:row;margin-top:calc(5%*var(--padding-multiplier))}.answer_question_view{color:var(--secondary-text-color);width:15%}.answer_question_text{color:var(--body-text-color);font-family:var(--standard-text-font);font-size:calc(16px*var(--standard-text-size-multiplier));width:60%}.answer_question_right{color:var(--secondary-text-color);display:flex;flex-direction:column;font-size:.9rem;margin-left:5%}.question_author{color:var(--asker-text-color);font-weight:700}#user_search_bar{background-color:#fff;background-color:var(--text-box-color,#fff);border:1px solid #ccc;border:var(--border-width,1px) var(--border-type,solid) var(--border-color,#ccc);border-radius:4px;box-sizing:border-box;color:#333;color:var(--text-color,#333);font-size:1rem;height:2rem;padding:8px;padding:calc(8px*var(--padding-multiplier, 1));transition:border-color .3s,box-shadow .3s;width:70%}#user_search_bar:focus{border-color:#007bff;border-color:var(--button-color,#007bff);box-shadow:0 0 5px rgba(0,123,255,.5);outline:none}.bold_title{color:#000;color:var(--main-title-color,#000);font-size:1.25rem;font-weight:700;white-space:nowrap}.vote-container{align-items:center;display:flex;padding:12px;padding:calc(12px*var(--padding-multiplier, 1))}.vote-button{background-color:#f0f0f0;background-color:var(--secondary-background-color,#f0f0f0);border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:.125rem;color:#000;color:var(--text-color,#000);cursor:pointer;margin-right:.5rem;margin-right:calc(.5rem*var(--padding-multiplier, 1));padding:.5rem;padding:calc(.5rem*var(--padding-multiplier, 1));transition:background-color .2s,color .2s}.vote-button-upvoted{background-color:#38a169;background-color:var(--button-primary,#38a169)}.vote-button-downvoted,.vote-button-upvoted{color:#fff;color:var(--button-text-color,#fff)}.vote-button-downvoted{background-color:#e53e3e;background-color:var(--button-secondary,#e53e3e)}.vote-count{color:#000;color:var(--text-color,#000);margin-left:.5rem;margin-left:calc(.5rem*var(--padding-multiplier, 1))}.vote-button:focus-visible{background-color:#fff8f0;outline:2px solid #db11e2;outline-offset:3px}.vote-button-upvoted:focus-visible{background-color:#38a169;outline-color:#388e3c}.vote-button-downvoted:focus-visible{background-color:#e53e3e;outline-color:#d32f2f}*{box-sizing:border-box;font-family:var(--font-family)}.chat-room{background-color:var(--background-color);border:var(--border-width) var(--border-type) var(--border-color);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;margin:auto;overflow:hidden;width:100%}.chat-header{background-color:var(--main-header-bg);color:var(--button-text-color);font-size:1.2rem;padding:10px 20px;text-align:center}.chat-messages{background-color:var(--secondary-background-color);overflow-x:hidden;padding:5px}.user-name{color:var(--text-color);font-weight:700;margin-right:5px}.message-input{background-color:var(--background-color);border-top:var(--border-width) var(--border-type) var(--border-color);padding:10px}.message-textbox{background-color:var(--text-box-color);border:var(--border-width) var(--border-type) var(--border-color);border-radius:4px;color:var(--standard-text-color);flex:1 1;font-size:calc(16px*var(--standard-text-size-multiplier));margin-right:10px;padding:10px;resize:none}.message-actions{align-items:center;display:flex;justify-content:space-between}.send-button{background-color:var(--button-color);border:none;border-radius:4px;color:var(--button-text-color);cursor:pointer;font-size:1rem;padding:calc(10px*var(--padding-multiplier)) calc(20px*var(--padding-multiplier));transition:background-color .3s ease}.send-button:hover{background-color:#0056b3;background-color:var(--button-hover-color,#0056b3)}.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:var(--secondary-background-color);border:var(--border-width) var(--border-type) var(--border-color);border-radius:8px;color:var(--body-text-color);display:flex;flex-direction:column;font-family:var(--font-family);margin:auto;margin-bottom:calc(10px*var(--padding-multiplier));padding:calc(10px*var(--padding-multiplier));width:98%}.message.sender{align-self:flex-end;background-color:#d1e7ff;background-color:var(--sender-message-bg,#d1e7ff)}.message.receiver{align-self:flex-start;background-color:#fff;background-color:var(--receiver-message-bg,#fff)}.message-header{align-items:center;color:var(--secondary-text-color);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:calc(5px*var(--padding-multiplier))}.message-sender{color:var(--standard-text-color);font-weight:700}.message-time{color:var(--secondary-text-color);font-size:.8rem}.message-body{word-wrap:break-word;color:var(--standard-text-color);font-size:calc(16px*var(--standard-text-size-multiplier));line-height:1.5}.custom-button{background-color:var(--button-color);border:none;border-radius:6px;color:var(--button-text-color);cursor:pointer;padding:calc(10px*var(--padding-multiplier)) calc(16px*var(--padding-multiplier));transition:background-color .3s}.custom-button:hover{background-color:#0056b3;background-color:var(--button-hover-color,#0056b3)}.custom-input{background-color:var(--text-box-color);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--body-text-color);font-family:var(--standard-text-font);font-size:16px;padding:calc(10px*var(--padding-multiplier));width:100%}.direct-message-container{box-sizing:border-box;color:var(--body-text-color);gap:calc(16px*var(--padding-multiplier));height:100vh}.chat-container,.direct-message-container{background-color:var(--background-color);display:flex;padding:calc(16px*var(--padding-multiplier))}.chat-container{border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);flex:1 1;flex-direction:column}.chat-container h2{color:var(--title-text-color);font-size:20px}.chat-container h2,.chat-messages{margin-bottom:calc(16px*var(--padding-multiplier))}.chat-messages{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:6px;flex:1 1;max-height:400px;overflow-y:auto;padding:calc(10px*var(--padding-multiplier))}.chat-message{margin-bottom:calc(10px*var(--padding-multiplier))}.chat-message strong{color:var(--hyperlink-color)}.message-input{align-items:center;display:flex;gap:calc(8px*var(--padding-multiplier))}.chats-list{background-color:var(--background-color);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:calc(16px*var(--padding-multiplier));width:30%}.chats-list h2{color:var(--title-text-color);font-size:18px;margin-bottom:calc(16px*var(--padding-multiplier))}.chats-list-card:hover{background-color:var(--secondary-button-color)}.create-panel{background-color:var(--background-color);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:calc(16px*var(--padding-multiplier));padding:calc(16px*var(--padding-multiplier))}.create-panel p{color:var(--body-text-color);margin-bottom:calc(8px*var(--padding-multiplier))}.direct-message-error{color:red;font-weight:700;margin-top:calc(15px*var(--padding-multiplier))}.user-card-container{background-color:#fff;background-color:var(--background-color,#fff);color:#000;color:var(--text-color,#000);flex:2 1;font-family:Arial,sans-serif;font-family:var(--font-family,Arial,sans-serif);padding:20px;padding:calc(20px*var(--padding-multiplier, 1))}.users_list{grid-gap:20px;grid-gap:calc(20px*var(--padding-multiplier, 1));border-bottom:1px dashed #000;border-bottom:var(--border-width,1px) var(--border-type,dashed) var(--border-color,#000);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px;margin-top:calc(20px*var(--padding-multiplier, 1));padding-bottom:20px;padding-bottom:calc(20px*var(--padding-multiplier, 1))}.user{align-items:center;background-color:#fff;background-color:var(--background-color,#fff);border:1px dashed #000;border:var(--border-width,1px) var(--border-type,dashed) var(--border-color,#000);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;padding:calc(12px*var(--padding-multiplier, 1));transition:background-color .2s ease}.user:hover{background-color:#f9f9f9;background-color:var(--secondary-background-color,#f9f9f9)}.user_mid{display:flex;flex:1 1;flex-direction:column;justify-content:center}.userUsername{color:#6495ed;color:var(--hyperlink-color,#6495ed);font-size:1.2rem;font-weight:700;word-break:break-word}.userStats{color:#666;color:var(--text-color,#666);font-size:.9rem;text-align:right;width:40%}.container{align-items:center;background-color:var(--secondary-background-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:calc(20px*var(--padding-multiplier))}.container h2{color:var(--title-text-color);font-size:2rem;margin-bottom:10px}.container h3{color:var(--body-text-color);font-size:1.5rem;margin-bottom:20px}.container h4{color:var(--secondary-text-color);font-size:1rem;margin:calc(15px*var(--padding-multiplier)) 0 calc(5px*var(--padding-multiplier));text-align:left}.container h4,form{max-width:400px;width:100%}form{display:flex;flex-direction:column;gap:calc(15px*var(--padding-multiplier))}.input-text{background-color:var(--text-box-color);border:1px solid var(--border-color);color:var(--body-text-color);padding:calc(12px*var(--padding-multiplier));transition:border-color .3s,box-shadow .3s}.input-text:focus{border-color:var(--button-color)}.login-button{background-color:var(--button-color);border:none;border-radius:5px;color:var(--button-text-color);cursor:pointer;font-size:16px;padding:calc(12px*var(--padding-multiplier));transition:background-color .3s}.login-button:hover{filter:brightness(90%)}.login-button:active{filter:brightness(80%)}.login-link{color:var(--hyperlink-color);cursor:pointer;font-size:14px;margin-top:calc(30px*var(--padding-multiplier));text-align:center;text-decoration:none;transition:color .3s}.login-link:hover{text-decoration:underline}.error-message{color:red;font-size:14px;margin-top:calc(20px*var(--padding-multiplier));text-align:center}.page-container{background:#f7f7f7;background:var(--secondary-background-color,#f7f7f7);display:flex;justify-content:center;min-height:100vh;padding:40px 0;padding:calc(40px*var(--padding-multiplier, 1)) 0}.page-container,.profile-card{box-sizing:border-box;width:100%}.profile-card{background:#fff;background:var(--background-color,#fff);border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);font-family:"Arial, Helvetica, sans-serif";font-family:var(--font-family,"Arial, Helvetica, sans-serif");max-height:700px;max-width:600px;overflow-y:auto;padding:30px;padding:calc(30px*var(--padding-multiplier, 1))}.profile-card h2{color:#333;color:var(--text-color,#333);font-size:26px;font-weight:700;margin-bottom:20px;text-align:left}.profile-card h4{color:#555;color:var(--text-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;color:var(--text-color,#666);font-size:15px;line-height:1.4}.input-text{border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:5px;box-sizing:border-box;font-size:16px;margin-bottom:15px;max-width:400px;outline:none;padding:10px;padding:calc(10px*var(--padding-multiplier, 1));width:100%}.input-text:focus{border-color:#007bff;border-color:var(--button-color,#007bff);box-shadow:0 0 5px rgba(0,123,255,.5)}.delete-button,.login-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-right:10px;margin-right:calc(10px*var(--padding-multiplier, 1));margin-top:15px;margin-top:calc(15px*var(--padding-multiplier, 1));padding:10px 20px;padding:calc(10px*var(--padding-multiplier, 1)) calc(20px*var(--padding-multiplier, 1))}.login-button{background-color:#007bff;background-color:var(--button-color,#007bff);color:#fff;color:var(--button-text-color,#fff)}.login-button:hover{background-color:#0056b3;background-color:var(--button-hover-color,#0056b3)}.login-button:active{background-color:#003f7f;background-color:var(--button-active-color,#003f7f)}.delete-button{background-color:#ff4c4c;background-color:var(--button-danger,#ff4c4c);color:#fff;color:var(--button-text-color,#fff)}.delete-button:hover{background-color:#c00;background-color:var(--button-danger-hover,#c00)}.delete-button:active{background-color:#900;background-color:var(--button-danger-active,#900)}.profile-card .success-message{color:#028002;color:var(--success-color,#028002);margin-top:10px}.profile-card .error-message{color:red;color:var(--error-color,red);margin-top:10px}.toggle-password-button{background-color:#ddd;background-color:var(--button-secondary-color,#ddd);border:none;border-radius:5px;color:#333;color:var(--text-color,#333);cursor:pointer;font-size:14px;margin-top:10px;padding:5px 10px;padding:calc(5px*var(--padding-multiplier, 1)) calc(10px*var(--padding-multiplier, 1))}.toggle-password-button:hover{background-color:#bbb;background-color:var(--button-secondary-hover,#bbb)}.game-header h1{color:var(--title-text-color)}.game-available,.game-controls,.game-details{margin-bottom:calc(15px*var(--padding-multiplier))}button{font-family:var(--standard-text-font)}.game-list{border-top:1px solid var(--border-color);margin-top:calc(15px*var(--padding-multiplier));padding-top:calc(15px*var(--padding-multiplier))}.game-list h2{color:var(--title-text-color);font-size:20px}.game-items{display:flex;flex-direction:column;gap:calc(10px*var(--padding-multiplier))}.game-modal{align-items:center;background:rgba(0,0,0,.4);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background:var(--secondary-background-color);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.25);padding:calc(24px*var(--padding-multiplier));text-align:center}.modal-content h2{color:var(--title-text-color);margin-bottom:calc(20px*var(--padding-multiplier))}.game-item{background:var(--secondary-background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--body-text-color);padding:calc(15px*var(--padding-multiplier))}.game-item p{color:var(--secondary-text-color)}.game-item p,.game-players{margin:calc(5px*var(--padding-multiplier)) 0}.game-players{list-style:none;padding:0}.game-players li{background:var(--secondary-background-color);border-radius:4px;color:var(--body-text-color);margin:calc(3px*var(--padding-multiplier)) 0;padding:calc(5px*var(--padding-multiplier)) calc(10px*var(--padding-multiplier))}.btn-join-game{background:var(--button-color);border:none;border-radius:4px;color:var(--button-text-color);cursor:pointer;font-size:14px;margin-top:calc(10px*var(--padding-multiplier));padding:calc(8px*var(--padding-multiplier)) calc(16px*var(--padding-multiplier));transition:background-color .3s}.btn-join-game:hover{background:#0056b3;background:var(--button-hover-color,#0056b3)}.btn-join-game:disabled{background:#ccc;background:var(--button-disabled-color,#ccc);cursor:not-allowed}.game-page{background:var(--background-color);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:var(--body-text-color);margin:0 auto;max-width:900px;padding:calc(20px*var(--padding-multiplier))}.game-header h1{color:var(--main-title-color);font-family:var(--main-title-font);font-size:24px}.game-status{color:var(--secondary-text-color);font-size:1rem;margin-left:20px}.game-controls,.game-details{margin-bottom:calc(15px*var(--padding-multiplier))}button{display:inline-block;margin:calc(10px*var(--padding-multiplier))}.btn-create-game,.btn-join-game,.btn-leave-game,.btn-refresh-list{background:var(--button-color);border:none;border-radius:4px;color:var(--button-text-color);cursor:pointer;font-size:16px;padding:calc(10px*var(--padding-multiplier)) calc(20px*var(--padding-multiplier));transition:background-color .2s ease}.btn-create-game:hover,.btn-join-game:hover,.btn-leave-game:hover,.btn-refresh-list:hover{background:#0056b3;background:var(--button-hover-color,#0056b3)}button:disabled{background:#ccc;background:var(--button-disabled-color,#ccc);cursor:not-allowed}.game-error{color:red;color:var(--error-color,red);font-weight:700;margin-top:calc(15px*var(--padding-multiplier))}body{background-color:var(--background-color);font-family:var(--font-family);margin:0;padding:0}.nim-rules{background-color:var(--secondary-background-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:calc(20px*var(--padding-multiplier));padding:calc(20px*var(--padding-multiplier))}.nim-rules h2{color:var(--main-title-color);font-family:var(--main-title-font)}.nim-rules li,.nim-rules p{color:var(--body-text-color);font-size:calc(16px*var(--standard-text-size-multiplier))}.nim-game-details{background:var(--secondary-background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--body-text-color);margin-top:calc(20px*var(--padding-multiplier));padding:calc(20px*var(--padding-multiplier))}.nim-game-details h2{color:var(--main-title-color);font-family:var(--main-title-font);font-size:20px}.nim-game-move{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;margin-top:calc(15px*var(--padding-multiplier));padding:calc(15px*var(--padding-multiplier))}.nim-game-move h3{color:var(--subtitle-color);font-family:var(--subtitle-font);font-size:20px}.input-move{background-color:var(--text-box-color);border:1px solid var(--border-color);border-radius:4px;color:var(--body-text-color);font-family:var(--font-family);margin-right:calc(10px*var(--padding-multiplier));padding:calc(8px*var(--padding-multiplier));width:100px}.btn-submit{background:var(--button-color);border:none;border-radius:4px;color:var(--button-text-color);cursor:pointer;font-size:16px;padding:calc(10px*var(--padding-multiplier)) calc(20px*var(--padding-multiplier));transition:background-color .2s ease}.btn-submit:hover{background:#0056b3;background:var(--button-hover-color,#0056b3)}.btn-submit:disabled,button:disabled{background:#ccc;background:var(--button-disabled-color,#ccc);cursor:not-allowed}.keyboard-help-page{background-color:#f9f9f9;background-color:var(--background-color,#f9f9f9);color:#333;color:var(--text-color,#333);font-family:Arial,sans-serif;font-family:var(--font-family,Arial,sans-serif);padding:2rem;padding:calc(2rem*var(--padding-multiplier, 1))}.heading{color:#000;color:var(--title-text-color,#000);font-size:2rem;font-size:calc(2rem*var(--title-size-multiplier, 1));font-weight:700;margin-bottom:1.5rem;margin-bottom:calc(1.5rem*var(--padding-multiplier, 1));text-align:center}.keybindings-table{background-color:#fff;background-color:var(--background-color,#fff);border-collapse:collapse;box-shadow:0 2px 8px rgba(0,0,0,.1);width:100%}.keybindings-table td,.keybindings-table th{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color,#ddd);color:#333;color:var(--body-text-color,#333);font-size:1rem;font-size:calc(1rem*var(--standard-text-size-multiplier, 1));padding:1rem;padding:calc(1rem*var(--padding-multiplier, 1));text-align:left}.keybindings-table th{background-color:#f2f2f2;background-color:var(--main-header-bg,#f2f2f2);color:#333;color:var(--text-color,#333);font-weight:700}.keybindings-table tr:hover{background-color:#f1f1f1;background-color:var(--secondary-button-color,#f1f1f1);cursor:pointer}.keybindings-table tr:focus{background-color:#e7f3ff;outline:2px solid #007bff}@media (max-width:768px){.keybindings-table thead{display:none}.keybindings-table,.keybindings-table tbody,.keybindings-table td,.keybindings-table tr{display:block;width:100%}.keybindings-table tr{margin-bottom:1rem}.keybindings-table td{padding-left:50%;position:relative;text-align:right}.keybindings-table td:before{color:#666;color:var(--secondary-text-color,#666);content:attr(data-label);font-weight:700;left:1rem;position:absolute;text-align:left}}.exit-message{background-color:#f9f9f9;background-color:var(--secondary-background-color,#f9f9f9);border:2px solid #ccc;border:2px solid var(--border-color,#ccc);border-radius:8px;color:#333;color:var(--text-color,#333);font-weight:700;margin-top:3rem;margin-top:calc(3rem*var(--padding-multiplier, 1));padding:.75rem;padding:calc(.75rem*var(--padding-multiplier, 1))}.organization-header{display:flex;flex-wrap:wrap;gap:1rem}.org-form{align-items:center;display:flex;gap:.5rem}.org-form-title{font-size:1.2rem;margin:0}.org-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:1rem;padding:.5rem}.org-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.org-button,.org-button:hover{background-color:#007bff}.organization-card{border-bottom:1px dashed #ccc;cursor:pointer;padding:1rem;transition:background-color .2s}.organization-card:last-child{border-bottom:none}.organization-card:focus,.organization-card:hover{background-color:#f0f0ff;outline:none}.organization-name{font-size:1.25rem;margin:0 0 .5rem}.organization-invite{color:#555;margin:0}.organization-page{gap:1.5rem;padding:1rem}.organization-page,.organization_list{display:flex;flex-direction:column}.no-data{color:#777;font-weight:700;text-align:center}.org-detail-page{color:#333;font-family:Arial,sans-serif;margin:2rem auto;max-width:800px;padding:1rem}.org-detail-header{border-bottom:2px solid #ddd;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.org-detail-title{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.org-detail-id,.org-detail-invite{font-size:1.1rem;margin:.25rem 0}.org-detail-section{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-bottom:2rem;padding:1rem}.section-title{color:#34495e;font-size:1.75rem}.admin-list,.members-list,.questions-list,.sensitive-questions-list{list-style:none;margin:0;padding:0}.admin-item,.member-item,.question-item{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:.5rem;padding:.5rem}.admin-item{color:#e74c3c}.member-item{color:#2980b9}.question-item{cursor:pointer;transition:background-color .3s ease}.question-item:hover{background-color:#f1f1f1}.error{color:red;margin-top:1rem;text-align:center}.customization-page{background-color:var(--background-color);color:var(--body-text-color);display:flex;flex-wrap:wrap;font-family:var(--font-family);gap:2rem;padding:2rem}.settings-section{display:flex;flex:1 1 40%;flex-direction:column;gap:2rem;min-width:300px}.preview-section{flex:1 1 55%;min-width:350px}.settings-group{background-color:var(--secondary-background-color);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.settings-group label{color:var(--title-text-color);display:inline-block;font-weight:600;margin-bottom:.25rem;margin-right:.5rem}.settings-group .collapsible-content{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding-top:.5rem}.settings-group .color-control{align-items:center;display:flex;gap:.5rem}.settings-group input[type=color]{background:none;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;flex-shrink:0;height:48px;padding:0;width:48px}.settings-group input[type=range],.settings-group select{background-color:var(--text-box-color);border:1px solid var(--border-color);border-radius:4px;color:var(--body-text-color);font-size:1rem;margin-bottom:1rem;padding:.5rem;width:100%}.settings-actions{display:flex;gap:1rem;justify-content:flex-end}.reset-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:.75rem 1.25rem}.reset-btn{background-color:#000;color:#fff}.save-btn{background-color:var(--button-color);color:#fff}.collapsible-section{border-top:2px solid var(--border-color);margin-top:1rem;padding-top:1rem}.collapsible-header{align-items:center;background-color:var(--main-header-bg);border-radius:4px;color:var(--title-text-color);cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:.5rem}.collapsible-header h4{font-size:1rem;margin:0}.section-title{color:var(--title-text-color);font-size:1.2rem;font-weight:700;margin-bottom:1rem}.theme-preview{background-color:var(--background-color);border:2px dashed var(--border-color);border-radius:8px;color:var(--body-text-color);font-family:var(--font-family);padding:1rem}.theme-preview .title{color:var(--title-text-color);font-size:calc(32px*var(--title-size-multiplier));font-weight:800;padding:1rem 0;text-align:center}.theme-preview .header{background-color:var(--main-header-bg)}@media (max-width:768px){.customization-page{flex-direction:column}.settings-actions{justify-content:center}}
/*# sourceMappingURL=main.455caf80.css.map*/