:root{--bg-dark: #0a0a0a;--bg-panel: #121212;--text-primary: #e0e0e0;--text-muted: #888;--accent: #ff6b6b;--accent-hover: #ff8fab;--border: #333;--editor-bg: #1e1e1e;--button-primary: linear-gradient(90deg, #ff6b6b, #ff8e8e);--button-secondary: #3a3a3a}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);margin:0;padding:0;min-height:100vh}header{text-align:center;padding:20px;border-bottom:1px solid var(--border)}h1{margin:0;font-size:2.5rem;background:linear-gradient(90deg,#ff6b6b,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:10px 0 20px;font-size:1.2rem;font-weight:400;color:var(--text-muted);font-style:italic}.emoji{color:#fff;margin-right:10px}nav{display:flex;justify-content:center;gap:10px;margin-top:20px}.tab{background:var(--button-secondary);color:var(--text-primary);border:none;padding:8px 20px;border-radius:20px;cursor:pointer;font-weight:600;transition:all .3s ease}.tab:hover{background:var(--border)}.tab.active{background:var(--accent);color:#fff}.tab-content{display:none;padding:20px;max-width:80%;margin:0 auto}.tab-content.active{display:block}.editor{min-height:600px;border-radius:12px;border:1px solid var(--border);background:var(--editor-bg);margin:20px 0;overflow:hidden}.controls{display:flex;justify-content:center;gap:15px;margin:20px 0}button{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}#toJava{background:var(--button-primary);color:#fff}#toJava:hover{background:var(--accent-hover);transform:translateY(-2px)}#toGenZ{background:var(--button-secondary);color:var(--text-primary)}#toGenZ:hover{background:var(--border)}#about{text-align:center}#about h2{color:var(--accent);margin-bottom:15px}.post-image{display:block;max-width:60%;height:auto;margin:15px auto;border-radius:8px;border:1px solid var(--border)}#about ul{list-style:none;padding:0;text-align:left;max-width:300px;margin:0 auto}#about li{margin:10px 0;padding-left:20px;position:relative}#about li:before{content:"✔";color:var(--accent);position:absolute;left:0}.conversion-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:15px 0;gap:5px}.convert-to-label{font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:5px}.direction-labels{display:flex;justify-content:space-between;width:100px;margin-bottom:5px}.direction-label{font-weight:600;font-size:14px}.java-label,.genz-label{color:var(--text-primary)}.conversion-toggle{position:relative;display:inline-block;width:100px;height:34px}.app-footer{text-align:center;padding:20px;margin-top:40px;border-top:1px solid var(--border);color:var(--text-muted);font-size:14px}.footer-content{display:flex;justify-content:center;align-items:center;gap:5px}.github-link{color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:5px;transition:opacity .3s ease}.github-link:hover{opacity:.8}.github-icon{display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ff6b6b' d='M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.conversion-toggle{position:relative;display:inline-block;width:200px;height:34px}.conversion-toggle input{opacity:0;width:0;height:0}.conversion-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--button-secondary);transition:.4s;border-radius:34px}.conversion-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.conversion-slider{background:var(--accent)}input:checked+.conversion-slider:before{transform:translate(166px)}.conversion-labels{position:absolute;width:100%;height:100%;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between;padding:0 15px;box-sizing:border-box;color:var(--text-primary)}input:checked+.conversion-slider .conversion-labels{color:#fff}