.shareable-card{z-index:3;background-color:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden}.shareable-card-content{background-color:var(--surface);border-radius:8px;width:90%;max-width:600px;max-height:100vh;padding:20px;position:relative;overflow-y:auto}.shareable-card-close{cursor:pointer;color:var(--text);background:0 0;border:1.5px solid gray;border-radius:20%;font-size:1.2rem;position:absolute;top:20px;right:15px}.shareable-card h2{text-align:center;color:var(--text);margin-top:0;margin-bottom:20px}.shareable-card-preview{background-position:50%;background-size:cover;border-radius:8px;width:100%;height:600px;margin-bottom:20px;position:relative;overflow:hidden}.being-captured-instagram{border-radius:0;width:405px;height:720px}.being-captured-facebook,.being-captured-twitter{border-radius:0;width:560px;height:600px}.share-options{margin-top:20px}.actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.share-buttons{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px;display:grid}.share-buttons button{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex}.share-buttons button svg{width:16px;height:16px}.twitter-button{color:#fff;background-color:#000}.facebook-button{color:#fff;background-color:#4267b2}.instagram-button{color:#fff;background-color:#e1306c}.dont-show-again{text-align:center;margin-top:15px}.dont-show-again button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:5px;font-size:.9rem;text-decoration:underline}.dont-show-again button:hover{color:var(--text)}
.user-profile-container{z-index:3;background-color:#000000d9;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;display:flex;position:fixed;inset:0;overflow-y:auto}.user-profile-content{background-color:var(--surface);border-radius:8px;width:95%;max-width:1200px;padding:20px;position:relative;overflow-y:auto;box-shadow:0 4px 20px #00000040}.user-profile-close{cursor:pointer;color:var(--text);background:0 0;border:1.5px solid gray;border-radius:20%;font-size:1.2rem;position:absolute;top:20px;right:15px}.user-profile-content>h2{text-align:center;color:var(--text);margin-top:0;margin-bottom:20px}.profile-form{margin:20px 0}.form-row{gap:1rem;margin-bottom:1rem;display:flex}@media (max-width:620px){.form-row{flex-direction:column}}.form-row .form-group{flex:1;margin-bottom:0}.form-group label{color:var(--text);width:30%;margin-bottom:4px;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border);box-sizing:border-box;border-radius:4px;width:70%;padding:8px 12px;font-size:14px}.form-group textarea{resize:vertical;min-height:60px}.form-group.full-width{flex-direction:column}.form-group.full-width label{text-align:center;margin-bottom:8px}.form-group.full-width textarea{box-sizing:border-box;width:100%;min-height:80px}.save-actions{justify-content:center;display:flex}.save-button{color:#fff;cursor:pointer;background-color:#4a90e2;border:none;border-radius:4px;padding:10px 20px;font-size:16px;transition:background-color .3s}.save-button:hover{background-color:#3a7abe}.save-button:disabled{cursor:not-allowed;background-color:#ccc}.success-message{color:#4caf50;text-align:center;background-color:#4caf501a;border:1px solid #4caf5080;border-radius:4px;width:98%;margin:.75rem 0;padding:.75rem;font-size:.875rem}.error-message{color:#ff4742;text-align:center;background-color:#ff47421a;border:1px solid #ff474280;border-radius:4px;width:98%;margin:.75rem 0;padding:.75rem;font-size:.875rem}
.account-data{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.account-data h3{margin:0 0 12px}.account-data-actions{flex-wrap:wrap;gap:8px;display:flex}.account-data-button{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:8px 16px;font-size:14px}.account-data-button:hover{background:var(--surface-alt)}.account-data-button.danger{color:#ff4742;border-color:#ff474280}.account-data-button.danger:hover{background:#ff47421a}.account-data-button:disabled{opacity:.6;cursor:not-allowed}.account-data-delete{margin-top:12px}.account-data-delete p{margin:0 0 8px;font-size:14px}.account-data-delete input{border:1px solid var(--border);box-sizing:border-box;border-radius:4px;width:100%;margin-bottom:8px;padding:8px 12px;font-size:14px}
.connected-apps p{margin:0;font-size:14px}.connected-apps ul{margin:0;padding:0;list-style:none}.connected-apps li{justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:14px;display:flex}.connected-apps li span{color:var(--text-muted);font-size:12px;display:block}