@font-face{font-family:General Sans;src:url(/fonts/GeneralSans/GeneralSans-Regular.woff2) format("woff2"),url(/fonts/GeneralSans/GeneralSans-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans/GeneralSans-Bold.woff2) format("woff2"),url(/fonts/GeneralSans/GeneralSans-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal}*{text-wrap:balance}body{font-family:General Sans,Courier,sans-serif;margin:0;padding:20px;box-sizing:border-box;color:#333;min-height:100vh;flex-direction:column;justify-content:center;background-color:#f9f9f9;line-height:1.6}.header,body{display:flex;align-items:center}.header{justify-content:left;padding:10px;position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:1000;box-shadow:0 2px 5px #0000001a;height:60px}.favicon-button{background:none!important;border:none!important;padding:0!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;height:100%}.favicon{width:40px;height:40px;margin-right:10px;display:block}.title-container{flex-grow:1;max-width:80%}.title,h1{font-size:clamp(1.2rem,3vw,1.8rem)}h2{font-size:1.2rem;font-weight:700;text-align:center;margin-top:80px;padding:0 10%}.sequence-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;width:100%;padding:20px;margin:0 auto}.compare-answer-button{display:block;width:100%;max-width:250px;text-align:center;margin:10px auto;padding:10px 5px;font-size:16px;font-weight:700;background-color:#6f00ff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .3s ease-in-out,background-color .3s ease-in-out}.compare-answer-button:disabled{opacity:.4;cursor:not-allowed}@media (min-width:1024px){.sequence-container{grid-template-columns:repeat(3,1fr)}}.regenerate-button{display:flex;justify-content:center;align-items:center;text-transform:uppercase;width:100%;max-width:250px;text-align:center;margin:10px auto;padding:8px 5px;font-size:16px;font-weight:700;background-color:#6f00ff;color:#fff;border:none;border-radius:6px;cursor:pointer}.regenerate-button:hover{background-color:#5700ca!important}.responsive-text{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(16px,4vw,22px);padding:0;margin:120px auto 20px}.radio-container,.responsive-text{display:flex;justify-content:center;align-items:center;text-align:center;width:100%}.radio-container{flex-direction:column;margin-top:20px}.radio-group{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.radio-group input[type=radio]{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;border:2px solid #6f00ff66;background-color:#fff;outline:none;display:inline-block;position:relative;cursor:pointer;transition:all .2s ease-in-out}.radio-group input[type=radio]:checked{background-color:#6f00ff;border-color:#6f00ff}.radio-group label{display:flex;align-items:center;font-size:16px;cursor:pointer;gap:8px}.random-sequence-message{background-color:#6f00ff66;color:#000;font-size:16px;font-weight:700;text-align:center;margin-top:10px;padding:10px;border-radius:6px;max-width:250px}.sequence-visualizer-container{max-width:1200px;margin:30px auto;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:0 20px}.sequence-visualizer-item{width:320px;min-width:280px;background-color:#fff;border-radius:8px;box-shadow:0 3px 10px #0000000d;overflow:hidden;display:flex}@media (max-width:768px){.header{flex-direction:column;text-align:center;padding:10px;flex-wrap:wrap;height:auto;align-items:center}.favicon-button{margin-bottom:10px}.sequence-container{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}.sequence-visualizer-container{gap:15px;padding:0 15px;margin:20px auto}.sequence-visualizer-item{width:100%;min-width:unset;max-width:400px}table{display:block;overflow-x:auto;white-space:nowrap}.compare-answer-button,.regenerate-button{width:90%;max-width:250px;font-size:14px}.title-container{text-align:center;width:100%}h1{font-size:clamp(18px,4vw,22px)}h2{font-size:1.1rem}.regenerate-button{width:80%;max-width:200px}.responsive-text{font-size:clamp(13px,3.5vw,16px);padding:0 5%;margin-top:100px;line-height:1.4}.scrollable-table{max-height:250px;overflow-x:auto;border:1px solid #ddd;width:100%;border-radius:5px}.table-container{max-width:100%;padding:0 10px}td,th{font-size:12px;padding:6px 4px}.radio-group{flex-direction:column;gap:12px;align-items:center}.radio-group label{font-size:14px}}@media (max-width:480px){body{padding:10px}h2{font-size:.95rem;padding:0 5%;margin-top:90px}.responsive-text{margin-top:80px;font-size:clamp(12px,3.2vw,14px);padding:0 3%;line-height:1.3}.sequence-container{display:flex;flex-direction:column}.sequence-visualizer-container{gap:10px;padding:0 10px;margin:15px auto}.sequence-visualizer-item{width:100%;max-width:none}.compare-answer-button,.regenerate-button{width:100%;max-width:none;font-size:13px;padding:10px}.scrollable-table{max-height:180px;font-size:11px}td,th{font-size:10px;padding:4px 2px}.radio-group label{font-size:13px}.radio-group input[type=radio]{width:18px;height:18px}h3{font-size:.9rem;margin-bottom:10px}.table-container{padding:0 5px}.header{padding:8px}.favicon{width:35px;height:35px}.title,h1{font-size:clamp(16px,4vw,20px)}}.responsive-table{min-width:900px;width:100%;border-collapse:collapse;text-align:center}@media (max-width:768px){.responsive-table{min-width:600px;font-size:12px}}@media (max-width:480px){.responsive-table{min-width:400px;font-size:10px}.responsive-table td,.responsive-table th{padding:4px 2px}}.form-container{max-width:800px;margin:20px auto;padding:0 20px}.responsive-textarea{width:100%;height:120px;padding:12px;font-family:General Sans,sans-serif;font-size:16px;line-height:1.4;border-radius:8px;border:2px solid #ddd;resize:vertical;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fafafa}.responsive-textarea:focus{outline:none;border-color:#6f00ff;box-shadow:0 0 0 3px #6f00ff1a;background-color:#fff}.responsive-textarea::placeholder{color:#666;font-style:italic}@media (max-width:768px){.form-container{padding:0 15px}.responsive-textarea{height:100px;font-size:15px;padding:10px;border-radius:6px}}@media (max-width:480px){.form-container{padding:0 10px;margin:15px auto}.responsive-textarea{height:90px;font-size:14px;padding:10px;border-radius:6px;line-height:1.3}}.form-container h3{text-align:center;padding-top:10px;margin-bottom:15px;font-size:1.1rem}@media (max-width:768px){.form-container h3{font-size:1rem;padding-top:8px;margin-bottom:12px}}@media (max-width:480px){.form-container h3{font-size:.9rem;padding-top:5px;margin-bottom:10px;line-height:1.3}}