*,body,html{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body,html{max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box}@media (max-width:400px){[class*=page_],main{max-width:100vw!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;padding-left:0!important;padding-right:0!important}}:root{--primary:#3b5998;--secondary:#e74c3c;--tertiary:#fdf5b2;--background-primary:#f9f5eb;--background-secondary:#f5f5f5;--text-primary:#333;--text-secondary:#666;--error-text:#b22222;--success-background:#e6f0fa;--success-text:#3b5998;--link-hover:#c0392b;--button-hover-primary:#2a4373;--button-hover-secondary:khaki}.profile-card:hover{background-color:var(--tertiary);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15);transition:all .2s ease}.manage-profiles-button{transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.add-family-member-button:hover,.manage-profiles-button:hover{background-color:var(--button-hover-primary);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.invitation-video-preview{width:380px;height:380px;object-fit:cover;display:block;background:#000;border-radius:.5rem;border:2px solid var(--text-secondary)}.modal-header{text-align:center;margin-bottom:.75rem}.modal-title{color:var(--primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.modal-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.success-checkmark{display:flex;flex-direction:column;align-items:center;justify-content:center;width:380px;height:380px;background:var(--success-background);border-radius:.5rem;border:2px solid var(--success-text)}.checkmark-icon{font-size:4rem;margin-bottom:1rem}.success-checkmark p{color:var(--success-text);font-size:1.125rem;font-weight:500;margin:0;text-align:center}.photo-button,.record-button,.stop-button,.upload-button{background:#3b5998;color:#f9f5eb;padding:.6rem 1.2rem;border-radius:.375rem;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.photo-button:hover,.record-button:hover,.stop-button:hover,.upload-button:hover{background:#2a4373}.photo-button:disabled,.record-button:disabled,.stop-button:disabled,.upload-button:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.rerecord-button{background:#e74c3c;color:#f9f5eb;padding:.6rem 1.2rem;border-radius:.375rem;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.rerecord-button:hover{background:#c0392b}.rerecord-button:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.cancel-button{background:#b22222;color:#f9f5eb;padding:.6rem 1.2rem;border-radius:.375rem;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.cancel-button:hover{background:#8b1a1a}.skip-button{background:#666;color:#f9f5eb;padding:.6rem 1.2rem;border-radius:.375rem;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s ease}.skip-button:hover{background:#555}.timer{color:var(--text-primary);font-size:1.25rem;font-weight:700;text-align:center;border:1px solid var(--text-secondary);background:var(--background-secondary);padding:.25rem .5rem;border-radius:.25rem}.button-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;flex-shrink:0}@media (max-width:768px){.select-profile-container{flex-direction:column!important;min-height:100vh!important}.select-profile-left{height:auto!important;min-height:120px!important;padding:1.5rem 1rem!important;align-items:center!important}.select-profile-left,.select-profile-right{width:100%!important;display:flex!important;justify-content:center!important}.select-profile-right{flex:1 1!important;padding:2rem 1rem!important;align-items:flex-start!important}}@media (max-width:480px){.select-profile-left{min-height:100px!important;padding:1rem .5rem!important}.select-profile-right{padding:1.5rem .5rem!important}}