:root{--primary-color: #4361ee;--primary-hover: #3a56d4;--secondary-color: #f8f9fa;--text-color: #333333;--light-text: #ffffff;--border-color: #e0e0e0;--shadow: 0 4px 12px rgba(0, 0, 0, .08);--section-bg: #ffffff;--input-bg: #f8f9fa;--header-bg: #4361ee;--footer-bg: #4361ee;--transition: all .3s ease;--border-radius: 8px;--history-item-bg: #f8f9fa;--footer-link-hover-color: #d1e0ff}.score-summary{margin-bottom:1.5rem;text-align:center}.score-summary h3{margin:0;color:var(--primary-color);font-size:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6;margin:0;padding:0;background-color:var(--secondary-color);color:var(--text-color);transition:var(--transition)}header{background:var(--header-bg);color:var(--light-text);padding:1.2rem 0;text-align:center;box-shadow:var(--shadow);position:relative;z-index:10}header h1{margin:0;display:inline-block;font-weight:600;letter-spacing:-.5px}.theme-button{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;background-color:#ffffff26;color:var(--light-text);border:none;border-radius:50%;cursor:pointer;font-size:1rem;transition:var(--transition);display:flex;align-items:center;justify-content:center}.theme-button:hover{background-color:#ffffff40;transform:translateY(-50%) scale(1.05)}.generated-topic-box,.feedback-box,.diff-box{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.2rem;margin-bottom:1.5rem}.generated-topic-box h3,.feedback-box h3,.diff-box h3{color:var(--primary-color);margin-top:0;margin-bottom:.75rem;font-size:1.1rem}#user-writing-area{width:100%;min-height:200px;margin-bottom:1rem}.timer-controls{margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.timer{font-size:1.25rem;font-weight:700;color:var(--primary-color);padding:.3rem .6rem;background-color:rgba(var(--primary-color-rgb, 67, 97, 238),.1);border-radius:4px}.timer-controls button{padding:.5rem 1rem;font-size:.9rem}.writing-actions{margin-top:1rem;text-align:right}.writing-actions button{padding:.8rem 1.5rem}#diff-pre{white-space:pre-wrap;word-wrap:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;padding:1rem;border-radius:var(--border-radius);background-color:#f7f7f7;border:1px solid #eee;max-height:400px;overflow-y:auto}.diff-inserted{background-color:#e6ffed;color:#24292e;display:block}.diff-deleted{background-color:#ffeef0;color:#24292e;text-decoration:line-through;display:block}.diff-unchanged{color:#586069;display:block}.highlight-block{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-left:3px solid var(--primary-color)}.highlight-block .original{font-weight:500;margin-bottom:.5rem;color:#666}.highlight-block .revised{line-height:1.5}.highlight-block del{background-color:#ffebee;color:#b71c1c;text-decoration:line-through}.highlight-block ins{background-color:#e8f5e9;color:#2e7d32;text-decoration:none}body.dark-mode .highlight-block{background:#2d3142}body.dark-mode .highlight-block del{background-color:#502020;color:#fcc}body.dark-mode .highlight-block ins{background-color:#205020;color:#cfc}.explain-button{background-color:#6c757d;color:var(--light-text);padding:.4rem .8rem;font-size:.85rem;margin-top:.75rem;margin-left:0;display:block}.explain-button:hover{background-color:#5a6268}.explanation-section{margin-top:1rem;padding:.75rem;background-color:#00000008;border-radius:var(--border-radius);font-size:.9rem;border:1px solid var(--border-color)}body.dark-mode .explanation-section{background-color:#ffffff0d;border-color:#4a4f60}.explanation-section p{margin-bottom:.5rem}.explanation-section ul,.explanation-section ol{margin-left:1.5rem;margin-bottom:.5rem}.explanation-section pre{white-space:pre-wrap;word-wrap:break-word;background-color:var(--input-bg);padding:.5rem;border-radius:4px}body.dark-mode .explanation-section pre{background-color:#2d3142}.follow-up-container{margin-top:1rem;padding:.75rem;background-color:#00000005;border:1px solid var(--border-color);border-radius:var(--border-radius)}.follow-up-textarea{width:100%;min-height:60px;padding:.5rem;margin-bottom:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;background-color:var(--input-bg);color:var(--text-color);resize:vertical}.follow-up-button{background:var(--primary-color);color:var(--light-text);padding:.5rem 1rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;transition:var(--transition);font-weight:500}.follow-up-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.follow-up-response{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border-color)}.follow-up-response p:first-child{font-style:italic;margin-bottom:.5rem}.follow-up-response .ai-follow-up-answer{margin-top:.5rem}.follow-up-response .ai-follow-up-answer p{margin-bottom:.5rem}.follow-up-response .ai-follow-up-answer ul,.follow-up-response .ai-follow-up-answer ol{margin-left:1.5rem;margin-bottom:.5rem}.follow-up-response .ai-follow-up-answer pre{white-space:pre-wrap;word-wrap:break-word;background-color:var(--input-bg);padding:.5rem;border-radius:4px;margin-top:.5rem}main{padding:2rem 1rem;max-width:900px;margin:0 auto}section{background:var(--section-bg);padding:2rem;margin-bottom:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border-color)}h2{color:var(--primary-color);margin-top:0;margin-bottom:1.5rem;font-weight:600;font-size:1.5rem;letter-spacing:-.5px}label{display:block;margin-bottom:.6rem;font-weight:500;font-size:.95rem}input[type=text],input[type=password],input[type=url],input[type=number],textarea,select{width:100%;padding:.8rem 1rem;margin-bottom:1.2rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--input-bg);transition:var(--transition);font-size:1rem}input[type=text]:focus,input[type=password]:focus,input[type=url]:focus,input[type=number]:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee26}button{background:var(--primary-color);color:var(--light-text);padding:.8rem 1.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;transition:var(--transition);font-weight:500}button:hover{background:var(--primary-hover);transform:translateY(-2px)}button:active{transform:translateY(0)}#credentials-status{margin-top:1rem;padding:.8rem;background-color:#4361ee1a;border-radius:var(--border-radius);color:var(--primary-color);font-weight:500}#credentials-status a{color:var(--primary-color);text-decoration:underline;font-weight:600}#credentials-status a:hover{color:var(--primary-hover)}small{display:block;font-size:.8rem;color:#777;margin-top:-.8rem;margin-bottom:1rem}body.dark-mode small{color:#aaa}.button-secondary{background-color:#6c757d;color:var(--light-text);border:1px solid #6c757d}.button-secondary:hover{background-color:#5a6268;border-color:#5a6268}body.dark-mode .button-secondary{background-color:#4a5568;color:var(--light-text);border-color:#4a5568}body.dark-mode .button-secondary:hover{background-color:#5a6578;border-color:#5a6578}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0009}.modal-content{background-color:var(--section-bg);margin:10% auto;padding:20px;border:1px solid var(--border-color);border-radius:var(--border-radius);width:80%;max-width:600px;box-shadow:var(--shadow);text-align:center}body.dark-mode .modal-content{background-color:var(--section-bg);border-color:var(--border-color)}#camera-video-feed{width:100%;max-height:400px;border-radius:var(--border-radius);margin-bottom:1rem;background-color:#000}.modal-controls{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.form-buttons{display:flex;gap:1rem;margin-bottom:1rem}.form-buttons button{flex:1}#test-api-button{background-color:#6c757d}#test-api-button:hover{background-color:#5a6268}#clear-credentials{background-color:#f8f9fa;color:#666;border:1px solid #ddd}#clear-credentials:hover{background-color:#eee;color:#333}#exercise-output{margin:1.5rem 0;padding:1.5rem;background:var(--input-bg);border-radius:var(--border-radius);border:1px solid var(--border-color);word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.exercise-wrapper{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.exercise-instruction{font-style:italic;margin-bottom:1rem}.exercise-stimulus{font-weight:700;margin-bottom:1rem}.exercise-options .option{margin-bottom:.5rem}.exercise-options .option label{margin-left:.5rem;font-weight:400}#interactive-answer-area input[type=text]{margin-top:.5rem}input.inline-blank{width:auto;padding:.3rem .5rem;margin:0 .3rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-color);font-size:.95rem;min-width:80px;text-align:center}body.dark-mode input.inline-blank{background-color:#3a3f50;border-color:#4a4f60}.question-container{padding:1rem;margin-bottom:1rem;border:1px solid #eee;border-radius:var(--border-radius)}body.dark-mode .question-container{border-color:#3a3f50}.question-number{font-size:1.1rem;color:var(--primary-color);margin-bottom:.75rem}.question-block-instruction{font-style:italic;font-size:.9rem;margin-bottom:.5rem;color:#555}body.dark-mode .question-block-instruction{color:#bbb}.question-separator{border:none;border-top:1px dashed var(--border-color);margin:1.5rem 0}.solution-question-block{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}body.dark-mode .solution-question-block{border-bottom-color:#3a3f50}.solution-question-block:last-child{border-bottom:none;margin-bottom:0}.solution-question-block p{margin-bottom:.3rem}.judgment-status-correct{color:#28a745;font-weight:700}.judgment-status-incorrect{color:#dc3545;font-weight:700}.judgment-status-partially-correct{color:#ffc107;font-weight:700}.judgment-status-error{color:#721c24;font-weight:700;background-color:#f8d7da;padding:.2em .4em;border-radius:3px}.ai-feedback{margin-top:.5rem;padding:.5rem;background-color:#00000005;border-left:3px solid var(--primary-color);font-size:.9em}body.dark-mode .ai-feedback{background-color:#ffffff0a;border-left-color:var(--primary-hover)}.ai-judger-textarea{width:100%;padding:.8rem 1rem;margin-top:.5rem;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--input-bg);transition:var(--transition);font-size:1rem;min-height:80px;resize:vertical}body.dark-mode .ai-judger-textarea{background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--border-color)}body.dark-mode .ai-judger-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6c8fff33}#answer-section{margin:1.5rem 0;padding:1.5rem;background:var(--section-bg);border-radius:var(--border-radius);border:1px solid var(--border-color)}#answer-section h3{margin-top:0;margin-bottom:1rem;color:var(--primary-color);font-size:1.3rem}.answer-buttons{display:flex;gap:1rem;margin-top:1rem}.feedback-message{margin-top:1.5rem;padding:1rem;border-radius:var(--border-radius);font-weight:500;display:none}.feedback-correct{background-color:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.feedback-incorrect{background-color:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2)}.solution-box{margin-top:1.5rem;padding:1rem;background-color:#4361ee0d;border:1px solid rgba(67,97,238,.2);border-radius:var(--border-radius)}#copy-exercise,#print-exercise{margin-right:1rem}#history-section h2,#exercise-generation-section h2{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.settings-button{font-size:.8rem;padding:.4rem .8rem;background-color:var(--secondary-color);color:var(--primary-color);border:1px solid var(--border-color)}.settings-button:hover{background-color:var(--input-bg)}#history-list{list-style:none;padding:0}#history-list li{background:var(--history-item-bg);border:1px solid var(--border-color);padding:1.2rem;margin-bottom:.75rem;border-radius:var(--border-radius);display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}#history-list li:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-2px)}#history-list li .history-details{flex-grow:1}#history-list li .history-prompt{font-weight:600;display:block;margin-bottom:.4rem;white-space:normal;overflow-wrap:break-word;word-break:break-word}#history-list li .history-meta{font-size:.85rem;color:#888}.history-buttons{display:flex;gap:.5rem}#history-list li button.view-history-btn{padding:.6rem 1.2rem;background-color:#f0f0f0;color:#555;font-size:.9rem;box-shadow:none;border:1px solid var(--border-color)}#history-list li button.view-history-btn:hover{background-color:#e0e0e0;color:#333}#history-list li button.delete-history-btn{padding:.6rem 1.2rem;background-color:#f8d7da;color:#842029;font-size:.9rem;box-shadow:none;border:1px solid #f5c2c7}#history-list li button.delete-history-btn:hover{background-color:#f5c2c7;color:#721c24}footer{text-align:center;padding:1.5rem;background:var(--footer-bg);color:var(--light-text);margin-top:3rem;box-shadow:0 -4px 12px #0000000d}footer a{color:inherit;text-decoration:underline;transition:color .3s ease}footer a:hover{color:var(--footer-link-hover-color);text-decoration:none}@media (max-width: 768px){main{padding:1rem .5rem}section{padding:1.5rem}.theme-button{position:absolute;right:1rem;top:1.2rem;transform:none}header h1{display:block;text-align:center}#history-list li{flex-direction:column;align-items:flex-start}#history-list li .history-buttons{width:100%;margin-top:1rem}#history-list li button.view-history-btn,#history-list li button.delete-history-btn{flex:1;margin:0}}#auto-tune-badge{background-color:#28a745;color:#fff;font-size:.8em;border-radius:10px;padding:2px 8px;margin-left:10px;cursor:help;position:relative}#auto-tune-badge:after{content:" Difficulty personalized based on your past performance";font-size:.8em;color:#fff;background:#28a745;border-radius:8px;padding:2px 8px;margin-left:8px;position:absolute;left:100%;top:50%;transform:translateY(-50%);white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}#auto-tune-badge:hover:after{opacity:1}.badge.level-beginner{background-color:#4caf50}.badge.level-intermediate{background-color:#ffc107}.badge.level-advanced{background-color:#f44336}.progress-card{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem}.progress-card h3{margin-top:0;color:var(--primary-color)}.progress-card .badge{font-weight:700;padding:2px 8px;border-radius:8px;margin-left:8px}.stance-badge{font-weight:700;padding:.2em .6em;border-radius:4px}#display-user-stance{background-color:#4361ee33;color:var(--primary-color)}#display-ai-stance{background-color:#dc354533;color:#dc3545}#debate-transcript{border:1px solid var(--border-color);padding:1rem;min-height:300px;max-height:50vh;overflow-y:auto;margin-bottom:1rem;background-color:var(--input-bg);display:flex;flex-direction:column;gap:1rem}.transcript-message{padding:.75rem 1rem;border-radius:var(--border-radius);max-width:80%;line-height:1.5}.transcript-message.user-message{background-color:var(--primary-color);color:var(--light-text);margin-left:auto;border-bottom-right-radius:0}.transcript-message.ai-message{background-color:var(--section-bg);border:1px solid var(--border-color);margin-right:auto;border-bottom-left-radius:0}.message-speaker{font-weight:700;display:block;margin-bottom:.3rem;font-size:.9rem}.user-message .message-speaker{color:#ffffffd9}.ai-message .message-speaker{color:var(--primary-color)}.feedback-analysis-section{margin-bottom:1.5rem;padding:1rem;border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);background-color:var(--input-bg)}.feedback-analysis-section h4{margin-top:0;margin-bottom:.75rem;color:var(--primary-color);font-size:1.1rem}.feedback-analysis-section ul{list-style-type:none;padding-left:0}.feedback-analysis-section li{padding:.5rem 0;border-bottom:1px dashed var(--border-color)}.feedback-analysis-section li:last-child{border-bottom:none}.provider-buttons{display:flex;gap:1rem;margin-bottom:1rem}.provider-buttons button{flex:1;background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--border-color)}.provider-buttons button.active{background-color:var(--primary-color);color:var(--light-text);border-color:var(--primary-color)}.provider-buttons button:hover:not(.active){background-color:var(--border-color)}.provider-info{font-size:.9rem;color:#666;background:var(--input-bg);padding:.75rem;border-radius:var(--border-radius);margin-bottom:1.5rem;border:1px solid var(--border-color)}body.dark-mode .provider-info{color:#bbb}.analysis-output-box{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem}.analysis-output-box h3{margin-top:0;margin-bottom:.75rem;color:var(--primary-color);font-size:1.2rem}.subtle-instruction{font-size:.9rem;color:#666;margin-bottom:1rem;font-style:italic}.highlighted-text-content,.suggestion-content{line-height:1.7;white-space:pre-wrap;word-wrap:break-word}.highlighted-bias{background-color:#43a0d24d;padding:.1em .3em;border-radius:4px;cursor:help;position:relative;border-bottom:2px dotted rgba(67,160,210,.8)}.highlighted-fallacy{background-color:#ffb6044d;padding:.1em .3em;border-radius:4px;cursor:help;position:relative;border-bottom:2px dotted rgba(255,182,4,.8)}.highlighted-fallacy:after,.highlighted-bias:after{content:attr(data-type) ": " attr(data-explanation);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background-color:#333;color:#fff;padding:.5rem .8rem;border-radius:var(--border-radius);font-size:.85rem;white-space:nowrap;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none;box-shadow:0 2px 8px #0000004d;font-style:normal}.highlighted-fallacy:hover:after,.highlighted-bias:hover:after{opacity:1;visibility:visible}body.dark-mode .subtle-instruction{color:#aaa}body.dark-mode .highlighted-fallacy{background-color:#ffc10766;border-bottom-color:#ffc107b3}body.dark-mode .highlighted-bias{background-color:#43a0d266;border-bottom-color:#43a0d2b3}body.dark-mode .highlighted-fallacy:after{background-color:#f0f0f0;color:#222}.feedback-tabs{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:1.5rem}.tab-button{padding:.8rem 1.5rem;cursor:pointer;border:none;background-color:transparent;color:var(--text-color);opacity:.7;position:relative;top:2px;border-bottom:2px solid transparent}.tab-button.active{opacity:1;font-weight:600;border-bottom-color:var(--primary-color)}.tab-content{display:none;line-height:1.7}.tab-content.active{display:block}body.dark-mode .tab-button.active{border-bottom-color:var(--primary-color)}body.dark-mode{--primary-color: #6c8fff;--primary-hover: #7c98ff;--secondary-color: #1a1a2e;--text-color: #e0e0e0;--light-text: #ffffff;--border-color: #2c3e50;--shadow: 0 4px 15px rgba(0, 0, 0, .3);--section-bg: #222538;--input-bg: #2d3142;--header-bg: #2d3142;--footer-bg: #2d3142;--history-item-bg: #2d3142;--footer-link-hover-color: #b0c4de}body.dark-mode header,body.dark-mode footer{background:var(--header-bg);color:var(--light-text)}body.dark-mode section{background:var(--section-bg);box-shadow:var(--shadow);border-color:var(--border-color)}body.dark-mode h2{color:var(--primary-color)}body.dark-mode label{color:var(--text-color)}body.dark-mode input[type=text],body.dark-mode input[type=password],body.dark-mode input[type=url],body.dark-mode input[type=number],body.dark-mode textarea,body.dark-mode select{background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--border-color)}body.dark-mode input[type=text]:focus,body.dark-mode input[type=password]:focus,body.dark-mode input[type=url]:focus,body.dark-mode input[type=number]:focus,body.dark-mode textarea:focus,body.dark-mode select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6c8fff33}body.dark-mode input[type=text]::placeholder,body.dark-mode input[type=password]::placeholder,body.dark-mode input[type=url]::placeholder,body.dark-mode input[type=number]::placeholder,body.dark-mode textarea::placeholder{color:#8a8a8a}body.dark-mode button{background:var(--primary-color);color:var(--light-text);border:none}body.dark-mode button:hover{background:var(--primary-hover)}body.dark-mode .theme-button{background-color:#0003}body.dark-mode .theme-button:hover{background-color:#0006}body.dark-mode #credentials-status{background-color:#6c8fff1a;color:var(--primary-color)}body.dark-mode #credentials-status a{color:var(--primary-color)}body.dark-mode #credentials-status a:hover{color:var(--primary-hover)}body.dark-mode #clear-credentials{background-color:#3d3d5c;color:#b0b0b0;border:1px solid var(--border-color)}body.dark-mode #clear-credentials:hover{background-color:#4d4d6f;color:#e0e0e0}body.dark-mode #test-api-button{background-color:#4d4d6f;color:var(--light-text)}body.dark-mode #test-api-button:hover{background-color:#5d5d7f}body.dark-mode #exercise-output,body.dark-mode #answer-section{background:var(--input-bg);border-color:var(--border-color)}body.dark-mode .feedback-correct{background-color:#28a74526;color:#5cd675;border-color:#28a7454d}body.dark-mode .feedback-incorrect{background-color:#dc354526;color:#f27582;border-color:#dc35454d}body.dark-mode .solution-box{background-color:#4361ee1a;border-color:#4361ee4d;color:var(--text-color)}body.dark-mode #answer-section h3{color:var(--primary-color)}body.dark-mode #history-list li{background:var(--history-item-bg);border-color:var(--border-color)}body.dark-mode #history-list li:hover{box-shadow:0 2px 10px #0000004d}body.dark-mode #history-list li .history-prompt{color:var(--text-color)}body.dark-mode #history-list li .history-meta{color:#9a9a9a}body.dark-mode #history-list li button.view-history-btn{background-color:#3d3d5c;color:#d0d0d0;border:1px solid var(--border-color)}body.dark-mode #history-list li button.view-history-btn:hover{background-color:#4d4d6f;color:var(--light-text)}body.dark-mode .settings-button{background-color:#3d3d5c;color:var(--primary-color);border-color:var(--border-color)}body.dark-mode .settings-button:hover{background-color:#4d4d6f}body.dark-mode .explain-button{background-color:#4a5568}body.dark-mode .explain-button:hover{background-color:#5a6578}body.dark-mode .follow-up-container{background-color:#ffffff08;border-color:#3a3f50}body.dark-mode .follow-up-textarea{background-color:#2d3142;color:var(--text-color);border-color:#4a4f60}body.dark-mode .follow-up-button{background-color:var(--primary-color)}body.dark-mode .follow-up-button:hover{background-color:var(--primary-hover)}body.dark-mode .follow-up-response{border-top-color:#4a4f60}body.dark-mode .follow-up-response .ai-follow-up-answer pre{background-color:#222538}body.dark-mode .generated-topic-box,body.dark-mode .feedback-box,body.dark-mode .diff-box{background-color:var(--input-bg);border-color:var(--border-color)}body.dark-mode .timer{color:var(--primary-color)}body.dark-mode .diff-deleted{background-color:#502020;color:#fcc}body.dark-mode .diff-inserted{background-color:#205020;color:#cfc}body.dark-mode #diff-pre{background-color:#222538;border-color:var(--border-color)}body.dark-mode .diff-inserted{background-color:#2ea04333;color:#adffb5}body.dark-mode .diff-deleted{background-color:#d73a4933;color:#ffc9cc}body.dark-mode .diff-unchanged{color:#8b949e}body.dark-mode #display-ai-stance{color:#f27582}body.dark-mode .transcript-message.user-message{background-color:var(--primary-color)}body.dark-mode .transcript-message.ai-message{background-color:#2d3142}body.dark-mode .feedback-analysis-section{background-color:var(--section-bg);border-color:var(--border-color);border-left-color:var(--primary-color)}body.dark-mode .feedback-analysis-section li{border-bottom-color:#3a3f50}.portal-container{max-width:800px;margin:2rem auto;padding:0 1rem}.portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.portal-card{background:var(--section-bg);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem;transition:var(--transition);border:1px solid var(--border-color);text-align:center;display:flex;flex-direction:column;min-height:180px}.portal-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #0000001a}.portal-button{display:block;background:var(--primary-color);color:var(--light-text);padding:.8rem;border-radius:var(--border-radius);text-decoration:none;margin-top:auto;transition:var(--transition);font-weight:500}.portal-button:hover{background:#3a56d4;transform:translateY(-2px)}.portal-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color)}footer{text-align:center;padding:1.5rem;background:var(--primary-color);color:var(--light-text);margin-top:3rem;box-shadow:0 -4px 12px #0000000d}footer a{color:#d1e0ff;text-decoration:none;transition:color .3s ease}footer a:hover{text-decoration:underline}@media (max-width: 768px){.portal-grid{grid-template-columns:1fr}}