:root{--sbg-primary-color:#8a4b8c;--sbg-accent-color:#f98e2b;--sbg-text-color:#333;--sbg-light-text-color:#777;--sbg-background-color:#ffffff;--sbg-light-gray:#f7f7fa;--sbg-border-color:#e1e1e1}.sbg-container{max-width:700px;margin:40px auto;padding:30px;background-color:var(--sbg-background-color);border-radius:12px;box-shadow:0 8px 30px rgb(0 0 0 / .08);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;border:1px solid var(--sbg-border-color)}.sbg-container h2{text-align:center;color:var(--sbg-primary-color);font-size:28px;margin-top:0;margin-bottom:10px}.sbg-container .sbg-subtitle{text-align:center;color:var(--sbg-light-text-color);font-size:16px;margin-bottom:30px}.sbg-container label{display:block;font-weight:600;color:var(--sbg-text-color);margin-bottom:8px}.sbg-form-group{margin-bottom:20px}.sbg-container input[type="text"],.sbg-container select{width:100%;box-sizing:border-box;padding:12px 15px;border:1px solid var(--sbg-border-color);border-radius:8px;font-size:16px;transition:border-color 0.3s,box-shadow 0.3s}.sbg-container input[type="text"]:focus,.sbg-container select:focus{outline:none;border-color:var(--sbg-accent-color);box-shadow:0 0 0 3px rgb(249 142 43 / .2)}.sbg-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sbg-length-options{display:flex;gap:10px}.sbg-length-btn{flex-grow:1;padding:12px;border:1px solid var(--sbg-border-color);border-radius:8px;background-color:#fff;color:var(--sbg-text-color);cursor:pointer;font-weight:600;text-align:center;transition:all 0.2s}.sbg-length-btn.active{background-color:var(--sbg-primary-color);color:#fff;border-color:var(--sbg-primary-color)}.sbg-emoji-toggle{display:flex;align-items:center;justify-content:space-between;background-color:var(--sbg-light-gray);padding:10px 15px;border-radius:8px}#generate-bio-btn{width:100%;padding:15px;background:var(--sbg-accent-color);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;margin-top:10px}#generate-bio-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(249 142 43 / .3)}#generate-bio-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}#bio-results{margin-top:30px;border-top:1px solid var(--sbg-border-color);padding-top:20px}.bio-card{background-color:var(--sbg-light-gray);border:1px solid var(--sbg-border-color);border-radius:10px;padding:20px;margin-bottom:15px;position:relative;font-size:15px;line-height:1.6;color:var(--sbg-text-color);white-space:pre-wrap}.copy-btn{position:absolute;top:15px;right:15px;background-color:var(--sbg-primary-color);color:#fff;border:none;border-radius:5px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer;opacity:0;transition:opacity 0.2s}.bio-card:hover .copy-btn{opacity:1}.copy-btn.copied{background-color:#28a745}@media (max-width:600px){.sbg-options-grid{grid-template-columns:1fr}}.bio-card{background-color:#f7f7fa;border:1px solid #e1e1e1;border-radius:10px;padding:20px;margin-bottom:15px;position:relative;font-size:15px;line-height:1.6;color:#333;white-space:pre-wrap;display:flex;align-items:center;justify-content:space-between}.bio-text{flex:1;margin-right:10px}.copy-btn{background-color:#8a4b8c;color:#fff;border:none;border-radius:5px;padding:5px 15px;font-size:14px;font-weight:600;cursor:pointer;transition:background 0.2s}.copy-btn.copied{background-color:#28a745}