#terminal {pointer-events: auto;user-select: text;touch-action: auto;position: relative;cursor: text;}#terminal-input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 10;border: none;outline: none;cursor: default;pointer-events: none;}body {touch-action: manipulation;cursor: default;}body {background: linear-gradient(135deg, #1a1a2e, #16213e);color: #00ff00;font-family: 'Courier New', monospace;margin: 0;padding: 0;display: flex;flex-direction: column;align-items: center;justify-content: space-between;min-height: 100vh;overflow: hidden;transition: background 0.3s, color 0.3s;}body.light-mode {background: linear-gradient(135deg, #e0e0e0, #f5f5f5);color: #1a1a2e;}body.light-mode .terminal, body.light-mode .modal, body.light-mode .footer_links {background: #ffffff;border-color: #1a1a2e;}body.light-mode .footer_links a, body.light-mode .footer_links {color: #1a1a2e;}body.light-mode .modal {color: #1a1a2e;border-color: #1a1a2e;}body.light-mode .modal input, body.light-mode .modal select {background: #f5f5f5;color: #1a1a2e;border-color: #1a1a2e;}body.light-mode .modal_close, body.light-mode .file_row a {color: #1a1a2e;}body.light-mode .modal_close:hover, body.light-mode .file_row a:hover {color: #00ff00;}.terminal {width: 100%;height: calc(100vh - 60px);background: rgba(0, 0, 0, 0.9);border-top: 2px solid #00ff00;border-bottom: 2px solid #00ff00;padding: 10px;overflow-y: auto;white-space: pre-wrap;word-wrap: break-word;font-size: 16px;line-height: 1.4;box-sizing: border-box;animation: code-pulse 2s infinite;}@keyframes code-pulse {0% {border-color: #00ff00;}50% {border-color: #00cc00;}100% {border-color: #00ff00;}}.cursor {display: inline-block;width: 1px;height: 16px;background: #00ff00;vertical-align: middle;margin-left: 5px;animation: blink 1s step-end infinite;}@keyframes blink {50% {opacity: 0;}}.footer_links {width: 100%;background: rgba(0, 0, 0, 0.8);color: #00ff00;padding: 10px;display: flex;justify-content: space-between;align-items: center;font-size: 14px;flex-wrap: wrap;pointer-events: auto;}.footer_stats {display: flex;gap: 20px;}.progress-bar {width: 100px;height: 10px;background: #333;border: 1px solid #00ff00;border-radius: 5px;overflow: hidden;margin-left: 10px;display: inline-block;vertical-align: middle;}.progress-fill {height: 100%;background: #00ff00;transition: width 0.3s;}.footer_links a {color: #00ff00;text-decoration: none;margin: 0 15px;transition: color 0.3s;cursor: pointer;pointer-events: auto;}.footer_links a:hover {color: #ff00ff;}.footer_close {cursor: pointer;color: #00ff00;transition: color 0.3s;margin-right: 20px;pointer-events: auto;}.footer_close:hover {color: #ff00ff;}.modal {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0, 0, 0, 0.9);padding: 20px;border: 2px solid #ff00ff;color: #00ff00;display: none;z-index: 1000;width: 400px;max-width: 90%;font-size: 14px;line-height: 1.5;border-radius: 10px;box-shadow: 0 0 15px rgba(255, 0, 255, 0.3);cursor: default;pointer-events: auto;}.modal h2 {margin: 0 0 20px;text-align: center;color: #ff00ff;}.settings_row {display: flex;align-items: center;margin-bottom: 15px;}.settings_row > div:first-child {width: 100px;}.color_selector {display: flex;gap: 5px;margin-right: 10px;}.color_block {width: 20px;height: 20px;cursor: pointer;border: 1px solid #ff00ff;transition: transform 0.2s;pointer-events: auto;}.color_block:hover {transform: scale(1.2);}input[type="text"], input[type="range"], select {background: rgba(0, 0, 0, 0.8);color: #00ff00;border: 1px solid #ff00ff;padding: 5px;border-radius: 5px;cursor: text;pointer-events: auto;}input[type="range"] {width: 150px;margin-right: 10px;cursor: pointer;}input[type="text"] {width: 60px;}select {width: 150px;cursor: pointer;}input[type="file"] {border: none;color: #00ff00;cursor: pointer;pointer-events: auto;}.modal_footer {text-align: center;margin-top: 20px;}.modal_footer a {color: #ff00ff;text-decoration: none;transition: color 0.3s;cursor: pointer;pointer-events: auto;}.modal_footer a:hover {color: #00ff00;}.file_row a {color: #ff00ff;text-decoration: none;margin-left: 10px;transition: color 0.3s;cursor: pointer;pointer-events: auto;}.file_row a:hover {color: #00ff00;}.modal_close {color: #ff00ff;text-decoration: none;font-size: 14px;transition: color 0.3s;cursor: pointer;pointer-events: auto;}.modal_close:hover {color: #00ff00;}.theme-toggle {display: flex;align-items: center;gap: 10px;}.theme-toggle input {display: none;}.theme-toggle label {cursor: pointer;padding: 5px 10px;background: rgba(0, 0, 0, 0.8);border: 1px solid #ff00ff;border-radius: 5px;transition: background 0.3s;pointer-events: auto;}.theme-toggle input:checked + label {background: #ff00ff;color: #1a1a2e;}