:root{--bg-color: #1a1a1a;--card-bg-color: #2a2a2a;--text-color: #e0e0e0;--placeholder-color: #888;--input-border-color: #444;--primary-button-bg: #3498db;--primary-button-hover: #2980b9;--danger-button-bg: #e74c3c;--danger-button-hover: #c0392b;--link-color: #3498db}body{font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}.container{background:var(--card-bg-color);padding:2.5rem;border-radius:10px;box-shadow:0 4px 15px #0000004d;text-align:center;width:90%;max-width:800px}h1{color:var(--text-color);margin-bottom:2rem}.input-group{display:flex;justify-content:center;margin-bottom:1.5rem}#github-url{flex-grow:1;padding:.75rem;border:1px solid var(--input-border-color);background-color:var(--card-bg-color);color:var(--text-color);border-radius:5px;font-size:1rem;margin-right:.5rem}#github-url::placeholder{color:var(--placeholder-color)}button{padding:.75rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}#preview-button{background-color:var(--primary-button-bg);color:#fff}#preview-button:hover{background-color:var(--primary-button-hover)}#history-container{margin-top:1.5rem;text-align:left}#history-container p{color:var(--placeholder-color);font-size:.9rem;margin-bottom:.5rem}#history-list{list-style:none;padding:0}#history-list li{margin:.5rem 0}#history-list a{color:var(--link-color);text-decoration:none;font-size:.9rem;cursor:pointer;transition:color .2s ease}#history-list a:hover{color:#2980b9;text-decoration:underline}#clear-history-button{background-color:var(--danger-button-bg);color:#fff;padding:.5rem 1rem;font-size:.9rem;margin-top:1rem}#clear-history-button:hover{background-color:var(--danger-button-hover)}